/* A compact release surface on the existing Toolkit theme. Research pages
   continue to use ear-explorer.css without these scoped overrides. */
.ear-beta [hidden]{display:none!important}
.ear-beta header{max-width:1440px;margin:auto;padding:20px 32px;align-items:center}
.ear-beta header nav{flex:0 0 auto;width:auto;overflow:visible;align-items:center}
.ear-beta .draft{display:inline-flex;font-size:11px}
.ear-beta main{max-width:1440px;padding:20px 32px 32px;margin:auto}
.ear-beta .intro{align-items:center;gap:24px;margin-bottom:24px}
.ear-beta .intro h1{font-size:42px;line-height:1.1;margin:4px 0}
.ear-beta .intro .eyebrow{margin:0 0 8px}
.ear-beta .intro>p{max-width:420px;font-size:16px;line-height:1.5;margin:0}
.beta-badge{display:inline-block;vertical-align:middle;font:600 12px Arial,sans-serif;letter-spacing:.04em;padding:6px 10px;background:#e3eadb;border:1px solid #c7d4bf;border-radius:20px}
.ear-beta .workspace{grid-template-columns:minmax(0,1fr) 292px}
.ear-beta .studio{position:static;min-width:0}
.ear-beta .teaching-modules{padding:18px 22px 14px}
.ear-beta .module-heading{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.beta-modes{display:flex;gap:6px;flex:1;flex-wrap:wrap}
.beta-modes button{min-height:44px;flex:1;white-space:nowrap;font-size:14px;padding:10px 12px}
.beta-modes button[aria-pressed=true]{background:#355b47;color:#fff;border-color:#355b47}
.ear-beta .module-heading .physiology-reset{width:auto;margin:0;font-size:14px}
.ear-beta .module-note{font-size:13px;line-height:1.5;margin:10px 0;color:#596b5e}
.ear-beta .beta-condition-summary{margin:8px 0;color:#596b5e;font-size:13px;line-height:1.5}
.ear-beta .beta-condition-actions{display:flex;justify-content:flex-end;margin-top:8px}
.ear-beta .beta-condition-actions button{min-height:44px;padding:8px 14px}
.ear-beta .teaching-module-panel{font-size:15px;line-height:1.5}
.ear-beta .teaching-module-panel .eyebrow{display:none}
.ear-beta .pressure-proof{margin:0;padding:0;border:0}
.ear-beta .pressure-proof label{font-size:16px}
.ear-beta .pressure-proof p,.ear-beta .animation-note{font-size:13px;line-height:1.5}
.ear-beta .pressure-scale{font-size:12px}
.ear-beta .pressure-actions.tm-actions{display:flex;align-items:center}
.ear-beta .pressure-actions.tm-actions button{width:auto;font-size:14px;min-height:44px}
.ear-beta .pressure-presets{margin:10px 0 0}
.ear-beta #pathway-status{font-size:15px;margin:8px 0}
.ear-beta .guided-pathway{max-width:440px}
.ear-beta .viewbar{padding:10px 22px;gap:8px}
.ear-beta .viewbar>span{font-size:10px}
.ear-beta .viewbar>div{display:flex;gap:6px;flex-wrap:wrap}
.ear-beta #ear-viewport{height:480px}
.ear-beta .study-note{font-size:12px;line-height:1.5}
.ear-beta aside{padding:22px}
.ear-beta aside h2{font-size:28px}
.ear-beta #structure-list{max-height:360px}
.ear-beta footer{display:block;padding-top:20px;margin-top:16px}
.ear-beta footer p,.ear-beta footer details{font-size:13px;line-height:1.6}
.ear-beta footer details{max-width:850px}
.ear-beta footer summary{text-align:left;min-height:44px;padding:10px 0}
.beta-skip{position:absolute;left:16px;top:-100px;z-index:100;background:#fff;padding:14px}
.beta-skip:focus{top:12px}
@media(max-width:1000px){.ear-beta .workspace{grid-template-columns:minmax(0,1fr) 260px}.ear-beta main,.ear-beta header{padding-left:20px;padding-right:20px}.beta-modes button{font-size:13px;padding:9px}}
@media(max-width:780px){
  .ear-beta header{padding:12px 16px;flex-wrap:nowrap;gap:8px}
  .ear-beta header nav{gap:10px}.ear-beta header nav a{font-size:12px}
  .ear-beta header .draft{display:none}
  .ear-beta main{padding:12px 12px 24px}
  .ear-beta .intro{display:block;margin-bottom:16px}
  .ear-beta .intro h1{font-size:32px}.ear-beta .intro .eyebrow{font-size:10px}
  .ear-beta .intro>p{font-size:14px;margin:8px 0 0;max-width:none}
  .ear-beta .workspace{grid-template-columns:1fr}
  .ear-beta .teaching-modules{padding:12px}
  .ear-beta .module-heading{gap:8px}
  .beta-modes{flex-basis:100%;flex-wrap:nowrap}
  .beta-modes button{white-space:normal;font-size:13px;line-height:1.3;min-height:48px;padding:8px 6px}
  .ear-beta .module-heading .physiology-reset{min-height:44px;margin-left:auto}
  .ear-beta .module-note{margin:8px 0}
  .ear-beta .viewbar{padding:8px 12px;flex-wrap:nowrap}
  .ear-beta .viewbar>span{width:auto}.ear-beta .viewbar>div{width:auto}
  .ear-beta .viewbar button{width:auto;font-size:13px;flex:none}
  .ear-beta #ear-viewport{height:340px}
  .ear-beta .pressure-actions.tm-actions{align-items:start;flex-wrap:wrap}
  .ear-beta .pressure-actions.tm-actions p{flex-basis:100%}
  .ear-beta aside{padding:16px}.ear-beta #anatomy-drawer{margin-top:10px}
  .ear-beta #structure-list{max-height:none}
}

/* Four concise demonstration choices, with natural wrapping on touch screens. */
.ear-beta .beta-modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.ear-beta .beta-modes button{white-space:normal}
.ear-beta #beta-et-status{margin:12px 0 0;font-size:14px;line-height:1.5;color:#355b47}
.ear-beta #equalise-pressure{margin-top:12px;min-height:44px;font-size:14px}
.ear-beta .motion-proof{padding:0;margin:0;border:0}
.ear-beta .motion-proof label{font-size:16px}
.ear-beta .motion-proof p{font-size:13px;line-height:1.5}
.ear-beta .motion-proof .pressure-actions{align-items:center;flex-wrap:wrap}
.ear-beta .motion-proof .pressure-actions button{min-height:44px;font-size:14px}

.ear-beta #ear-viewport{background:radial-gradient(ellipse at 48% 35%,#f5f3eb,#e4e6dd)}
@media(max-width:780px){.ear-beta .viewbar{flex-wrap:wrap}.ear-beta .viewbar>div{display:flex;flex-wrap:wrap;gap:6px}.ear-beta .viewbar button{min-height:44px}}

.ear-beta .beta-vibration{display:flex;align-items:center;gap:16px;padding:14px 20px;border-block:1px solid #d2d9c9;background:#f6f8f0}.ear-beta .beta-vibration button{flex-shrink:0;min-width:136px;font-size:15px}.ear-beta .beta-vibration button[aria-pressed=true]{background:#355b47;color:#fff}.ear-beta .beta-vibration strong{font-size:14px}.ear-beta .beta-vibration p{font-size:13px;line-height:1.5;margin:5px 0 0}@media(max-width:600px){.ear-beta .beta-vibration{align-items:start;flex-direction:column;gap:10px;padding:12px 16px}}

/* Labels remain available on phones too; the hidden state still wins. */
.ear-beta #labels-layer:not([hidden]),.ear-beta #leaders:not([hidden]){display:block}.ear-beta .viewbar #labels-toggle:not([hidden]){display:inline-block}

/* Model-first teaching layout. Controls keep 44px touch targets; prose is
   available below the model, and view preferences open as a small popover. */
.ear-beta header{padding:10px 24px}
.ear-beta main{padding:12px 24px 24px}
.ear-beta .intro{margin-bottom:12px;gap:16px}
.ear-beta .intro h1{font-size:30px;margin:0}
.ear-beta .intro .eyebrow{display:none}
.ear-beta .intro>p{font-size:14px;max-width:460px}
.ear-beta .teaching-modules{padding:10px 12px 6px}
.ear-beta .module-heading{display:block}
.ear-beta .beta-modes{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.ear-beta .beta-modes button{padding:8px 6px;font-size:14px;min-height:44px;line-height:1.2}
.beta-tab-short{display:none}
.ear-beta #teaching-module-panels{margin-top:8px}
.ear-beta .teaching-module-panel label{font-size:14px;line-height:20px;gap:8px;margin:0}
.ear-beta .teaching-module-panel input[type=range]{margin:2px 0 0;min-height:36px;display:block;width:100%}
.ear-beta .teaching-module-panel .pressure-scale{display:none}
.ear-beta .pressure-presets{margin:5px 0 0;gap:6px}
.ear-beta .pressure-presets button{min-height:44px;padding:6px;font-size:14px}
.ear-beta #teaching-panel-whole{font-size:14px;line-height:1.4;padding:3px 0}
.ear-beta #equalise-pressure{margin:2px 0 0;min-height:44px;width:100%;font-size:14px}
.ear-beta .viewbar{padding:6px 12px;display:flex;gap:6px;flex-wrap:nowrap;border-top:1px solid #d7dbcd}
.ear-beta .viewbar>#view-kind{display:none}
.ear-beta .viewbar>button{min-height:44px;font-size:14px;padding:8px 10px;white-space:nowrap}
.ear-beta .viewbar #beta-vibration-play{flex:1;background:#355b47;color:#fff;border-color:#355b47}
.ear-beta .viewbar #beta-vibration-play[aria-pressed=true]{background:#744943;border-color:#744943}
.ear-beta .viewbar .physiology-reset{width:auto;margin:0;font-weight:400}
.beta-view-settings{position:relative;flex:none}
.ear-beta .beta-view-settings summary{display:flex;align-items:center;min-height:44px;margin:0;padding:8px 10px;border:1px solid #d0d8cb;border-radius:6px;background:#fffdf7;font-size:14px;cursor:pointer;gap:5px}
.beta-view-settings summary::after{content:'⌄'}
.ear-beta .beta-settings-panel{position:absolute;right:0;top:calc(100% + 4px);z-index:10;min-width:210px;padding:8px;border:1px solid #c9d2c1;border-radius:8px;background:#fffdf7;box-shadow:0 8px 28px #263e3526;display:grid;gap:6px}
.ear-beta .beta-settings-panel button{min-height:44px;width:100%;font-size:14px}
.ear-beta .view-footer{min-height:52px;padding:4px 12px;gap:8px}
.ear-beta .zoom-tools{position:static;display:flex;gap:6px;align-items:center}
.ear-beta .beta-vibration{display:block;padding:6px 12px;border-bottom:0;border-top:1px solid #d2d9c9}
.ear-beta .beta-vibration strong{font-size:12px;font-weight:400;line-height:1.4;display:block}
.ear-beta .beta-teaching-notes{padding:0 12px 10px;border-top:1px solid #d7dbcd}
.ear-beta .beta-teaching-notes summary{margin:0;min-height:44px;padding:12px 0;text-align:left;font-size:14px;cursor:pointer}
.ear-beta .beta-teaching-notes p{font-size:14px;line-height:1.5;margin:8px 0}
.ear-beta .beta-teaching-notes .pressure-actions{display:flex;gap:6px}
.ear-beta .beta-teaching-notes .study-note{padding:0}
.ear-beta #beta-et-feedback{margin:0;padding:8px 12px;border:0;border-top:1px solid #d7dbcd;border-radius:0}
.ear-beta #beta-et-feedback strong{font-size:13px}
.ear-beta #beta-et-feedback small{display:none}
.ear-beta #beta-et-feedback .beta-pull-track{margin:6px 0 0;height:5px}
@media(max-width:1000px){
  .ear-beta header{padding:8px 12px}
  .ear-beta main{padding:8px 10px 20px}
  .ear-beta .intro{margin-bottom:8px}
  .ear-beta .intro h1{font-size:26px}
  .ear-beta .intro>p{display:none}
  .ear-beta .workspace{grid-template-columns:minmax(0,1fr)}
  .ear-beta .beta-tab-full{display:none}
  .ear-beta .beta-tab-short{display:inline}
  .ear-beta aside{border-left:0;border-top:1px solid #d7dbcd;padding:16px;display:block}
  .ear-beta .teaching-modules{padding:8px 10px 4px}
  .ear-beta .viewbar{padding:4px 10px}
  .ear-beta header .draft{display:none}
}
@media(max-width:400px){
  .ear-beta .brand{gap:6px}.ear-beta .brand span{font-size:9px;letter-spacing:.1em}
  .ear-beta header nav a{font-size:12px;margin:0}
  .ear-beta .viewbar>button,.ear-beta .beta-view-settings summary{font-size:13px;padding:7px 8px}
  .ear-beta .teaching-module-panel label{font-size:13px}
  .ear-beta .pressure-presets button{font-size:13px}
}
/* The ET progress cue shares the model's zoom row instead of adding a row. */
.ear-beta #beta-et-feedback{flex:1;min-width:0;padding:0;border:0;background:none}
.ear-beta .studio[data-module=et] #view-prompt{display:none}
@media(max-width:1000px){
  .ear-beta header{padding-block:4px}
  .ear-beta header nav{padding:0}
  .ear-beta .beta-modes button{padding-block:6px}
}

.ear-beta .touch-gesture{display:none}
@media(pointer:coarse){.ear-beta .mouse-gesture{display:none}.ear-beta .touch-gesture{display:inline}}

/* Website navigation adds two links to the canonical beta header. */
@media (max-width: 600px) {
  body.ear-beta header { flex-wrap: wrap; align-items: flex-start; gap: 8px; padding: 12px 10px; }
  body.ear-beta header nav { width: 100%; display: flex; flex-wrap: wrap; gap: 12px; }
}

/* Full outline mark: 80px desktop; 74px portrait keeps the visible outline above 64px. */
.brand-logo { display:block; width:80px; height:80px; flex:0 0 auto; }
@media(max-width:700px) { .brand-logo { width:74px; height:74px; }.site-header .brand { gap:10px; font-size:11px; letter-spacing:.1em; } }

.ear-beta .brand { display:inline-flex; align-items:center; gap:12px; }
@media(max-width:700px) { .ear-beta .brand { gap:10px; } }

/* Two-line wordmark balances the full-size icon without shrinking it. */
header .brand .brand-wordmark { display:flex; flex-direction:column; font-family:Arial,Helvetica,sans-serif; font-size:34px; line-height:36px; font-weight:700; letter-spacing:.025em; text-transform:uppercase; }
header .brand .brand-wordmark > span { display:block; font-size:inherit; line-height:inherit; letter-spacing:inherit; }
@media(max-width:700px) { header .brand .brand-wordmark { font-size:26px; line-height:28px; } }

/* Condition resets share the heading; viewer actions sit beneath the canvas. */
.ear-beta .beta-condition-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:4px}
.ear-beta .beta-condition-heading label{flex:1;min-width:0;margin:0}
.ear-beta .beta-condition-heading button{flex-shrink:0;min-height:44px;padding:8px 14px;font-size:14px;white-space:nowrap}
.ear-beta .beta-condition-heading output[hidden]{display:none}
.ear-beta .beta-settings-panel{top:auto;bottom:calc(100% + 4px)}

.ear-beta .viewbar{flex-wrap:wrap}
.ear-beta .viewbar>button{max-width:100%;white-space:normal}
.ear-beta .viewbar #beta-vibration-play{min-width:min-content}
.ear-beta .beta-view-settings{min-width:0;max-width:100%}
.ear-beta .beta-view-settings summary{overflow-wrap:anywhere}