/*! UX by Example — © 2026 Chris Daniels. All rights reserved. */
.quiz,.quiz__booting,.quiz__fallback{margin-block-start:var(--space-l)}.quiz__card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-l);padding:clamp(var(--space-m),4vw,var(--space-xl))}.quiz__meta{color:var(--muted);margin-block-end:var(--space-s)}.quiz__meta:focus-visible{outline:3px solid var(--focus);outline-offset:4px}.quiz__prompt{font-family:var(--font-display);font-weight:700;font-size:var(--step-2);line-height:var(--leading-snug);color:var(--ink)}.quiz__def{margin-block:var(--space-m);padding-block:var(--space-s);font-size:var(--step-1);line-height:var(--leading-body);color:var(--ink)}.quiz__blank{display:inline-block;min-inline-size:4.5ch;text-align:center;padding-inline:var(--space-2xs);border-radius:var(--radius-s);background:var(--accent-soft);color:var(--accent-strong);font-weight:600}.quiz__options{display:grid;gap:var(--space-2xs);margin:0}@media (min-width:32rem){.quiz__options{grid-template-columns:1fr 1fr;gap:var(--space-xs)}}.quiz__option{inline-size:100%;min-block-size:2.75rem;text-align:start;padding:var(--space-xs) var(--space-s);font-weight:600;color:var(--ink);background:var(--paper);border:1.5px solid var(--line);border-radius:var(--radius-button);transition:border-color .15s,background .15s,transform .12s}.quiz__option:not(:disabled):hover{border-color:var(--accent);background:var(--accent-soft)}.quiz__option:not(:disabled):active{transform:translateY(1px)}.quiz__option:disabled{cursor:default;opacity:1}.quiz__option.is-correct{background:var(--status-supported-bg);color:var(--status-supported-fg);border-color:var(--status-supported-fg)}.quiz__option.is-wrong{background:var(--status-challenged-bg);color:var(--status-challenged-fg);border-color:var(--status-challenged-fg)}.quiz__feedback:empty{display:none}.quiz__feedback{margin-block-start:var(--space-m);padding-block-start:var(--space-m);border-block-start:1px solid var(--divider)}.quiz__verdict{font-family:var(--font-display);font-weight:700;font-size:var(--step-1)}.quiz__verdict.is-correct{color:var(--accent-strong)}.quiz__verdict.is-wrong{color:var(--status-challenged-fg)}.quiz__reveal{margin-block-start:var(--space-2xs);color:var(--muted);line-height:var(--leading-body)}.quiz__reveal strong{color:var(--ink)}.quiz__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-s);margin-block-start:var(--space-m)}.quiz__see{font-weight:600}.quiz__card--result{text-align:center}.quiz__score{font-family:var(--font-display);font-weight:700;font-size:var(--step-3);color:var(--muted);margin-block:var(--space-2xs)}.quiz__score-num{font-size:var(--step-5);color:var(--accent-strong)}.quiz__result-msg{font-size:var(--step-1);color:var(--ink)}.quiz__best{margin-block-start:var(--space-2xs)}.quiz__card--result .quiz__actions{justify-content:center}@media (prefers-reduced-motion:reduce){.quiz__option{transition:none}}.quiz-topics{margin-block-start:var(--space-2xl)}.quiz-topics__list{display:grid;gap:var(--space-xs);grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));margin:0}.quiz-topics__link{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-s);padding:var(--space-s) var(--space-m);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-m);text-decoration:none;color:var(--ink);transition:border-color .15s,background .15s}.quiz-topics__link:hover{border-color:var(--accent);background:var(--accent-soft)}.quiz-topics__name{font-weight:600}.quiz-topics__count{color:var(--muted);white-space:nowrap}.quiz-revise{margin-block-start:var(--space-xl);padding:var(--space-m) var(--space-l);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-l)}.quiz-revise>summary{font-family:var(--font-display);font-weight:700;font-size:var(--step-1);cursor:pointer}.quiz-revise[open]>summary{margin-block-end:var(--space-s)}.quiz-revise__list{margin:0}.quiz-revise__item+.quiz-revise__item{margin-block-start:var(--space-s);padding-block-start:var(--space-s);border-block-start:1px solid var(--divider)}.quiz-revise__item dt{font-weight:600;font-size:var(--step-1)}.quiz-revise__item dd{margin:0;color:var(--muted);line-height:var(--leading-body)}.quiz-more{margin-block-start:var(--space-l)}