/* Tastemaker: Split-Screen / N2 H2 Ft3 / technical / existing Glen Mills palette / contrast verified. Critique: representation 5, philosophy 4, hierarchy 4, specificity 5, restraint 5, variety 4, harmony 5, tone 5, typography 4, spatial accuracy 4, preference 4. */
.sonitube section[id]{scroll-margin-top:95px}
.sonitube-hero-grid,.sonitube-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:clamp(32px,6vw,96px)}
.sonitube-hero-grid{grid-template-columns:1.1fr .9fr;align-items:center}
.sonitube-hero h1{font-size:clamp(42px,5vw,68px);max-width:14ch}
.sonitube-hero .sonitube-photo{justify-self:end;width:min(100%,490px)}
.sonitube-photo,.sonitube-diagram{background:var(--white);color:var(--ink);border:1px solid var(--border);border-radius:var(--radius)}
.sonitube-photo a{display:block;background:var(--pale);border-radius:var(--radius) var(--radius) 0 0}
.sonitube-photo a:focus-visible{outline-offset:4px;position:relative;z-index:1}
.sonitube-hero a:focus-visible{outline-color:var(--gold)}
.sonitube-photo img{width:100%;height:auto;border-radius:inherit}
.sonitube figcaption{padding:12px 16px;font-size:14px;line-height:1.4}
.sonitube-diagram img{width:100%;height:auto}
.sonitube-diagram figcaption{border-top:1px solid var(--border)}
.sonitube-nav{border-bottom:1px solid var(--border)}
.sonitube-nav .container{display:flex;gap:8px 24px;flex-wrap:wrap;padding-block:10px}
.sonitube-nav a{font-weight:700;padding:8px 0;text-decoration:underline;text-underline-offset:.22em}
.sonitube-note{max-width:78ch;margin:16px 0 26px}
.sonitube-table{overflow:auto;background:var(--white);border:1px solid var(--border);border-radius:var(--radius)}
.sonitube-table:focus-visible{outline:3px solid var(--navy);outline-offset:3px}
.sonitube-table table{border-collapse:collapse;width:100%;min-width:590px}
.sonitube-table caption{padding:12px 20px;text-align:left;font-weight:700}
.sonitube-table th,.sonitube-table td{padding:14px 20px;text-align:left;border-bottom:1px solid var(--border)}
.sonitube-table thead{color:var(--white);background:var(--navy)}
.sonitube-table tbody tr:last-child>*{border-bottom:0}
.sonitube-modes,.sonitube-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.sonitube-modes>div,.sonitube-apps>div,.sonitube-checklist>div{border-top:1px solid var(--border);padding-top:16px}
.sonitube-gallery{grid-template-columns:repeat(4,minmax(0,1fr))}
.sonitube-gallery figure{display:flex;flex-direction:column}
.sonitube-apps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 24px}
.sonitube-split p:last-child,.sonitube-modes p:last-child{margin-bottom:0}
.sonitube-checklist{margin:0;display:grid;gap:16px}
.sonitube-checklist dt{font-weight:700;font-size:17px}
.sonitube-checklist dd{margin:4px 0 0}
.sonitube-faq details{border-top:1px solid var(--border);padding:12px 0}
.sonitube-faq summary{font-weight:700}
.sonitube-faq details p{margin-top:8px}
.sonitube-inline{text-decoration:underline;text-underline-offset:.2em}
@media(max-width:1000px){.sonitube-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.sonitube-hero-grid,.sonitube-split{grid-template-columns:minmax(0,1fr);gap:24px}.sonitube-hero .sonitube-photo{justify-self:start;width:100%;max-width:440px}.sonitube-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.sonitube .section{padding-block:48px}.sonitube-modes{grid-template-columns:minmax(0,1fr)}}
@media(max-width:480px){.sonitube-apps{grid-template-columns:minmax(0,1fr)}.sonitube-gallery{gap:12px}.sonitube figcaption{padding:10px;font-size:13px}.sonitube-hero h1{font-size:clamp(33px,9.5vw,44px)}}
@media(prefers-reduced-motion:reduce){.sonitube *{scroll-behavior:auto;animation:none;transition:none}}