.test-mode-page{padding:clamp(3rem, 7vw, 7rem) var(--sonik-page-gutter) 8rem}.test-mode-intro{max-width:55rem;font-size:var(--sonik-copy-lg);margin-block:1rem 3rem}.test-tool-links{flex-wrap:wrap;gap:.75rem 1.5rem;margin-block:-1.5rem 3rem;font-weight:700;display:flex}.scenario-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;display:grid}.scenario-card,.fake-list article{border:var(--sonik-border-heavy) solid var(--sonik-ink);background:var(--sonik-paper);min-width:0;padding:1.5rem}.scenario-card h2,.fake-list h2{margin-top:0;font-size:clamp(1.4rem,3vw,2rem)}.scenario-instructions,.scenario-expected{margin-block:.65rem;font-size:.95rem;line-height:1.35}.scenario-card dl div,.fake-list dl div{grid-template-columns:9rem minmax(0,1fr);gap:.5rem;display:grid}.scenario-card dt,.fake-list dt{font-weight:700}.scenario-card>a{border:var(--sonik-border-heavy) solid var(--sonik-ink);background:var(--sonik-blue);margin-top:1rem;padding:.6rem 1rem;font-weight:700;display:inline-block}.fake-list{gap:1rem;padding:0;list-style-position:inside;display:grid}.fake-list pre,.fake-list code{overflow-wrap:anywhere;white-space:pre-wrap}@media (width<=48rem){.scenario-grid,.scenario-card dl div,.fake-list dl div{grid-template-columns:1fr}}
