main,body>header,footer{max-width:900px}main{padding-top:36px}
.eyebrow{text-transform:uppercase;letter-spacing:.12em;font:12px 'IBM Plex Mono',monospace;color:var(--accent);margin-bottom:10px}
.lede{max-width:720px;font-size:18px}h1{font-size:clamp(32px,5vw,48px)}.spoilers{font-size:13px;color:var(--muted);max-width:720px}
.muted{color:var(--muted)}.small{font-size:13px}
.quiz{padding-left:0;list-style:none;counter-reset:q;margin:10px 0}
.q{counter-increment:q;border-top:1px solid var(--line);padding:14px 0 10px}
.q h2{font:600 21px/1.3 Spectral,Georgia,serif;margin:4px 0 10px}.q h2::before{content:counter(q) ". ";color:var(--accent)}
.choices{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}
button{font:inherit;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:10px;padding:10px 14px;cursor:pointer;text-align:left;line-height:1.3}
button:hover:not(:disabled){border-color:var(--accent)}button:disabled{cursor:default}
.quiz{--right:#2E7D4F;--wrong:#B3261E}
@media (prefers-color-scheme:dark){.quiz{--right:#6FCF97;--wrong:#F28B82}}
.choices .right{border-color:var(--right);box-shadow:inset 0 0 0 2px var(--right);font-weight:600}
.choices .wrong{border-color:var(--wrong);box-shadow:inset 0 0 0 2px var(--wrong)}.choices .wrong{color:var(--muted)}
.mark{font-weight:700;margin-right:8px}.right .mark{color:var(--right)}.wrong .mark{color:var(--wrong)}
.choices .dim{opacity:.55}
.tag-q{margin:0 0 2px;font:12px 'IBM Plex Mono',monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--accent2)}
.verdict{margin:10px 0 4px;font-size:15px}
.how{margin-top:6px;font-size:14px}.how summary{cursor:pointer;color:var(--accent)}.how pre{font:12px/1.45 'IBM Plex Mono',monospace;background:var(--surface2);padding:10px;border-radius:8px;overflow:auto;white-space:pre}
.panel{margin:30px 0;padding-top:8px;border-top:1px solid var(--line)}
.done h2{font:600 28px Spectral,Georgia,serif;margin:12px 0 4px}.grid{font-size:26px;letter-spacing:4px;margin:4px 0 12px}
.actions{display:flex;flex-wrap:wrap;gap:8px}#share{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}
@media (max-width:640px){.lede{font-size:16px}.choices{grid-template-columns:1fr 1fr}}