.binaural-workspace{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;align-items:start}
.binaural-workspace .tool-panel{min-width:0;margin:0}
.binaural-workspace [hidden]{display:none!important}
.binaural-workspace p{line-height:1.6;overflow-wrap:anywhere}
.binaural-workspace label{display:block;font-weight:750;margin:16px 0 8px}
.binaural-workspace .select-control{box-sizing:border-box;width:100%;min-height:48px;font:inherit;padding:10px 12px;border:1px solid var(--brand-border);border-radius:10px;background:var(--brand-surface-soft);color:var(--brand-text-dark)}
.binaural-workspace [role=alert]{color:#A51A31;min-height:0}
.binaural-workspace [role=alert]:empty{display:none}
.binaural-workspace [aria-invalid=true]{outline:2px solid #A51A31;outline-offset:2px}
.binaural-workspace button{min-height:48px;white-space:normal;overflow-wrap:anywhere;touch-action:manipulation}
.binaural-workspace :is(button,select,input,a):focus-visible{outline:3px solid #9F2346;outline-offset:3px}
.binaural-transport,.binaural-exports{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0}
.binaural-transport button,.binaural-exports button{flex:1 1 180px}
.binaural-clock{font-variant-numeric:tabular-nums;font-weight:750}
.binaural-plan-summary{font-size:1.125rem;font-weight:800}
.binaural-frequencies{display:grid;grid-template-columns:1fr;gap:12px;margin:20px 0}
.binaural-frequencies>div{min-width:0;border-left:3px solid var(--brand-red);padding-left:12px}
.binaural-frequencies dt{font-size:.875rem;line-height:1.5}
.binaural-frequencies dd{margin:4px 0;font-size:1.25rem;font-weight:850;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.binaural-plan{display:block;width:100%;height:250px;background:#101827;border-radius:12px;overflow:hidden}
.binaural-plan text{font:14px system-ui,sans-serif;fill:#DFE7F2}
.binaural-axis{stroke:#51627A;stroke-width:1}
.binaural-tone{fill:none;stroke-width:2}
.binaural-tone--left{stroke:#73E5D2}
.binaural-tone--right{stroke:#FF8895;stroke-dasharray:6 3}
.binaural-guide-link{display:inline-flex;align-items:center;min-height:48px;font-weight:750;line-height:1.5;margin-top:12px;overflow-wrap:anywhere}
.binaural-guide article{min-width:0}
.binaural-guide article :is(p,li,dd,h1,h2,h3,a,code){overflow-wrap:anywhere}
.binaural-guide article code{white-space:normal}
.binaural-guide-toc{display:flex;flex-wrap:wrap;gap:8px 16px;margin:24px 0}
.binaural-guide-toc a{display:inline-flex;align-items:center;min-height:44px;line-height:1.5}
.binaural-guide article [id]{scroll-margin-top:100px}
.binaural-guide-table{max-width:100%;overflow-x:auto;margin:24px 0;border:1px solid var(--brand-border);border-radius:12px}
.binaural-guide-table table{border-collapse:collapse;width:100%;min-width:560px;font-size:1rem;line-height:1.5}
.binaural-guide-table :is(th,td){text-align:left;vertical-align:top;padding:12px;border-bottom:1px solid var(--brand-border)}
.binaural-guide-table caption{text-align:left;padding:12px;font-weight:750;line-height:1.5}
.binaural-guide-table:focus-visible,.binaural-guide-toc a:focus-visible{outline:3px solid #9F2346;outline-offset:3px}
.binaural-guide :is(.binaural-guide-levels,.binaural-guide-problems)>div{margin:16px 0;border-left:3px solid var(--brand-red);padding-left:16px}
.binaural-guide :is(.binaural-guide-levels,.binaural-guide-problems) dt{font-weight:800;line-height:1.5}
.binaural-guide :is(.binaural-guide-levels,.binaural-guide-problems) dd{margin:6px 0;line-height:1.7}
.binaural-guide .heading-lg{font-size:clamp(2rem,4vw,3.2rem);text-wrap:balance}
.binaural-page .tool-hero:has(.tool-hero-preview)>.heading-lg{font-size:clamp(2rem,4vw,3.2rem);overflow-wrap:normal;text-wrap:balance}
.binaural-page .tool-visual-story :is(h2,h3,p,a),.binaural-page .tool-insights :is(h2,h3,p,a){overflow-wrap:anywhere;min-width:0}
.binaural-page .tool-visual-story .signal-story-grid{min-width:0}
@media(min-width:680px){.binaural-frequencies{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:1040px){.binaural-workspace{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.binaural-output{grid-column:1/-1}}
/* The brand logotype may stay compact; actual controls and reading text retain
   enlargement. Otherwise the inherited logo consumes three sticky rows. */
@media(max-width:600px){:is(.binaural-page,.binaural-guide) .nav-logo{font-size:min(1.05rem,18px);gap:6px}}
@media(prefers-reduced-motion:reduce){.binaural-workspace *{scroll-behavior:auto;animation:none!important;transition:none!important}}