.stg-heading{padding:2.5rem 0 1.5rem}.stg-heading h1{letter-spacing:-.04em;margin:.5rem 0;font-size:clamp(2.2rem,5vw,3.7rem)}.stg-heading>p:last-child,.stg-muted{color:var(--muted);line-height:1.7}.stg-selectors{flex-wrap:wrap;gap:2rem;margin-bottom:1.4rem;display:flex}.stg-selectors h2{color:var(--muted);font-size:.8rem;font-weight:600}.stg-toolbar{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.stg-toolbar button{font-size:.85rem}.stg-toolbar input[type=range]{min-width:80px;accent-color:var(--mint);flex:1}.stg-toolbar output{font:.8rem ui-monospace,monospace}.stg-reveal{margin-left:auto}.stg-player,.stg-analysis{margin-bottom:1.2rem;padding:1.2rem}.stg-viewers{grid-template-columns:1fr;gap:1rem;margin:1rem 0;display:grid}.stg-viewers.revealed{grid-template-columns:1fr 1fr}.stg-viewers figure{background:#050b08;border-radius:.8rem;min-width:0;margin:0;overflow:hidden}.stg-viewers figcaption{color:var(--muted);padding:.6rem .8rem;font-size:.8rem}.stg-viewers canvas{aspect-ratio:16/9;width:100%;height:auto;display:block}.stg-analysis h2{margin:.5rem 0;font-size:1.7rem}.stg-analysis details{border-top:1px solid var(--line);padding-top:1rem}.stg-analysis summary{cursor:pointer;color:var(--mint)}.stg-analysis dt{color:var(--muted);margin-top:1rem;font-size:.8rem}.stg-analysis dd{overflow-wrap:anywhere;margin:.3rem 0}.stg-analysis a{color:var(--mint)}.stg-shell .header-tools{flex-wrap:wrap}@media (max-width:650px){.stg-viewers.revealed{grid-template-columns:1fr}.stg-reveal{margin-left:0}.stg-player,.stg-analysis{padding:.8rem}.stg-shell .topbar{flex-wrap:wrap;gap:1rem}.stg-selectors{gap:.7rem}}.stg-error{color:var(--danger);line-height:1.6}.stg-how{border-top:1px solid var(--line);margin-top:3rem;padding-top:2rem}.stg-how-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.stg-how h2{margin:.5rem 0;font-size:clamp(1.5rem,3vw,2rem)}.stg-how a,.stg-credits a{color:var(--mint);text-underline-offset:4px}.stg-how-heading>a{font-size:.85rem}.stg-diagram-scroll{border:1px solid var(--line);background:#fffefa;border-radius:1rem;overflow-x:auto}.stg-diagram-scroll img{width:100%;min-width:1000px;height:auto;display:block}.stg-diagram-scroll:focus-visible{outline:2px solid var(--mint);outline-offset:4px}.stg-scroll-hint{color:var(--muted);font-size:.8rem;display:none}.stg-proof-points{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;padding:1.5rem 0;display:grid}.stg-proof-points span{letter-spacing:.08em;color:var(--mint);font:.7rem ui-monospace,monospace}.stg-proof-points h3{margin:.7rem 0;font-size:1rem}.stg-proof-points p{color:var(--muted);margin:0;font-size:.9rem;line-height:1.7}.stg-credits{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-top:1rem;padding-top:1.5rem;font-size:.8rem}.stg-credits summary{cursor:pointer;color:var(--mint)}.stg-credits ul{padding-left:1.2rem;line-height:1.8}.stg-credits li{margin:.5rem 0}@media (max-width:1050px){.stg-scroll-hint{display:block}}@media (max-width:650px){.stg-proof-points{grid-template-columns:1fr}.stg-credits{display:grid}.stg-how{margin-top:2rem}}
