@font-face{font-family:"IBM Plex Sans";src:url('/assets/fonts/plex-sans.woff2') format('woff2');font-weight:100 700;font-display:swap}@font-face{font-family:"IBM Plex Mono";src:url('/assets/fonts/plex-mono.woff2') format('woff2');font-weight:400;font-display:swap}
.explainer-layout{display:grid;grid-template-columns:minmax(270px,380px) 1fr;gap:clamp(28px,6vw,90px);align-items:start}.explainer-player{border:1px solid var(--ink,#171918);background:#171918}.explainer-player canvas{display:block;width:100%;aspect-ratio:9/16}.explainer-controls{padding:14px;background:#f5f5ef;color:#171918}.explainer-buttons{display:flex;gap:8px;flex-wrap:wrap}.explainer-controls button,.explainer-chapters button,.compare-controls button{font:inherit;min-height:44px;padding:8px 12px;border:1px solid #62675f;background:transparent;cursor:pointer;color:#171918}.explainer-controls button:disabled{opacity:.5;cursor:wait}.explainer-controls button:focus-visible,.explainer-chapters button:focus-visible,.compare-controls button:focus-visible{outline:3px solid #3158cf;outline-offset:3px}.explainer-controls input{display:block;width:100%;margin:15px 0 8px;accent-color:#3158cf}.explainer-controls output{font:12px 'IBM Plex Mono',monospace}.explainer-caption{min-height:4.5em;font-size:16px;margin-top:20px;line-height:1.5}.explainer-chapters{display:grid;gap:0;margin:30px 0}.explainer-chapters button{display:flex;justify-content:space-between;text-align:left;border:0;border-top:1px solid #c9cdc3;padding:16px 0;gap:20px}.explainer-chapters button[aria-pressed=true]{color:#3158cf;font-weight:600}.explainer-chapters span{font:12px 'IBM Plex Mono',monospace}.explainer-downloads{display:flex;gap:20px;flex-wrap:wrap;margin-top:25px}.explainer-accuracy{border-left:3px solid #3158cf;padding-left:20px}.compare-layout{display:grid;grid-template-columns:1fr 300px;gap:32px;align-items:start}.compare-canvas{display:block;width:100%;aspect-ratio:25/16;border:1px solid #c9cdc3}.compare-controls fieldset{border:0;padding:0;margin:0 0 22px}.compare-controls legend{font-weight:600;margin-bottom:10px}.compare-controls .compare-options{display:grid;gap:8px}.compare-controls button[aria-pressed=true]{background:#171918;color:#f5f5ef;border-color:#171918}.compare-actions{display:flex;gap:10px;flex-wrap:wrap}.compare-actions button:first-child{background:#3158cf;color:#fff;border-color:#3158cf}.compare-status{min-height:5em;border-top:1px solid #171918;padding-top:20px;margin-top:20px;font-size:20px}.explainer-transcript{max-width:780px}.explainer-transcript details{border-top:1px solid #c9cdc3;padding:20px 0}.explainer-transcript summary{cursor:pointer;font-size:24px;font-weight:500}.explainer-teaser{border-top:1px solid #171918;border-bottom:1px solid #171918;padding:24px 0;display:flex;align-items:center;justify-content:space-between;gap:30px}.explainer-teaser p{margin:0}.explainer-teaser a{white-space:nowrap}.explainer-player audio{display:none}@media(max-width:760px){.explainer-layout,.compare-layout{grid-template-columns:1fr}.explainer-player{max-width:380px;margin:auto}.explainer-copy{max-width:600px}.compare-controls{display:grid;grid-template-columns:1fr 1fr;gap:16px}.compare-actions{grid-column:1/-1}.explainer-teaser{align-items:flex-start;flex-direction:column}.compare-status{font-size:18px}}@media(prefers-reduced-motion:reduce){.explainer-player *{scroll-behavior:auto}}