.quiz-route{padding-block:var(--space-2xl) var(--space-3xl)}.quiz-intro{gap:var(--space-lg);grid-template-columns:8rem minmax(0,1fr);align-items:start;display:grid}.quiz-intro__back{inline-size:fit-content;min-block-size:var(--control-min-size);color:var(--quiet-ink);grid-column:1/-1;font-weight:700;text-decoration:none}.quiz-intro__art{aspect-ratio:1;object-fit:cover;border-radius:var(--radius-md);block-size:auto;inline-size:8rem;box-shadow:0 24px 32px -12px #00000075}.quiz-intro__copy{gap:var(--space-sm);min-inline-size:0;display:grid}.quiz-intro__copy h1{font-size:2rem}.quiz-intro__copy>p:last-child{color:var(--quiet-ink)}.quiz-intro__facts{margin:var(--space-md) 0 0;border-block:1px solid var(--line-soft);grid-column:1/-1;gap:0;display:grid}.quiz-intro__facts div{gap:var(--space-2xs);padding-block:var(--space-sm);border-block-end:1px solid var(--line-soft);display:grid}.quiz-intro__facts div:last-child{border:0}.quiz-intro__facts dt{color:var(--signal-teal);text-transform:uppercase;letter-spacing:.06em;font-size:.875rem;font-weight:700}.quiz-intro__facts dd{color:var(--quiet-ink);margin:0}.quiz-intro__start,.quiz-noscript{grid-column:1/-1}.quiz-intro__start{inline-size:100%}.quiz-noscript{padding:var(--space-md);color:var(--quiet-ink);background:var(--raised-night);border:1px solid var(--line-soft);border-radius:var(--radius-md)}.quiz-game{gap:var(--space-xl);display:grid}.quiz-intro[hidden],.quiz-game[hidden],.quiz-feedback[hidden],.quiz-result[hidden],.quiz-error[hidden]{display:none}.quiz-game__progress{gap:var(--space-xs);font-variant-numeric:tabular-nums;color:var(--quiet-ink);font-weight:700;display:grid}.quiz-game__progress progress{block-size:.35rem;inline-size:100%;color:var(--signal-teal);appearance:none;background:var(--listening-surface);border-radius:var(--radius-pill);border:0;overflow:hidden}.quiz-game__progress progress::-webkit-progress-bar{background:var(--listening-surface)}.quiz-game__progress progress::-webkit-progress-value{background:var(--signal-teal)}.quiz-game__progress progress::-moz-progress-bar{background:var(--signal-teal)}.quiz-question{gap:var(--space-lg);border:0;min-inline-size:0;margin:0;padding:0;display:grid}.quiz-question__legend{letter-spacing:-.02em;text-wrap:balance;max-inline-size:30ch;padding:0;font-size:clamp(1.75rem,6vw,2.5rem);font-weight:700;line-height:1.15}.quiz-question__hint{color:var(--quiet-ink)}.quiz-question__options{gap:var(--space-sm);display:grid}.quiz-option{gap:var(--space-sm);min-block-size:4rem;padding:var(--space-sm) var(--space-md);cursor:pointer;background:color-mix(in srgb, var(--raised-night) 74%, transparent);border:1px solid var(--line);border-radius:var(--radius-md);grid-template-columns:2.25rem minmax(0,1fr);align-items:center;display:grid;position:relative}.quiz-option:has(.quiz-option__control:checked){background:color-mix(in srgb, var(--signal-teal) 10%, var(--raised-night));border-color:var(--signal-teal)}.quiz-option:has(.quiz-option__control:focus-visible){outline:var(--focus-ring);outline-offset:.2rem}.quiz-option__control{clip-path:inset(50%);block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.quiz-option__marker{block-size:2.25rem;inline-size:2.25rem;color:var(--quiet-ink);border:1px solid var(--line);border-radius:var(--radius-pill);place-items:center;font-weight:700;display:grid}.quiz-option__text{overflow-wrap:anywhere;min-inline-size:0;font-size:1.125rem;line-height:1.4}.quiz-option[data-correct=true]{border-color:var(--success)}.quiz-option[data-correct=true] .quiz-option__marker{color:var(--room-night);background:var(--success);border-color:var(--success)}.quiz-option[data-selected=true][data-correct=false]{border-color:var(--error)}.quiz-option[data-selected=true][data-correct=false] .quiz-option__marker{color:var(--room-night);background:var(--error);border-color:var(--error)}.quiz-game__actions{gap:var(--space-sm);grid-template-columns:1fr;display:grid}.quiz-feedback{gap:var(--space-sm);padding-block:var(--space-lg);border-block:1px solid var(--line-soft);display:grid}.quiz-feedback__title{font-size:1.5rem}.quiz-feedback--correct .quiz-feedback__title{color:var(--success)}.quiz-feedback--incorrect .quiz-feedback__title{color:var(--error)}.quiz-feedback__answer{font-weight:700}.quiz-feedback__explanation{color:var(--quiet-ink)}.quiz-feedback__context-title{margin-block-start:var(--space-sm);font-size:1rem}.quiz-feedback__context{color:var(--quiet-ink)}.quiz-feedback__source-label{color:var(--quiet-ink);text-transform:uppercase;letter-spacing:.08em;margin-block-start:var(--space-sm);font-size:.8rem;font-weight:700}.quiz-feedback__sources{gap:var(--space-xs);margin:0;padding:0;font-size:.95rem;list-style:none;display:grid}.quiz-feedback__sources a{min-block-size:var(--control-min-size);align-items:center;display:inline-flex}.quiz-result,.quiz-error{gap:var(--space-lg);max-inline-size:38rem;padding-block:var(--space-xl);display:grid}.quiz-result h1,.quiz-error h1{font-size:2.5rem}.quiz-result__score{font-size:1.75rem;font-weight:700}.quiz-result__band{inline-size:fit-content;padding:var(--space-xs) var(--space-sm);color:var(--room-night);background:var(--signal-teal);border-radius:var(--radius-pill);font-weight:700}.quiz-result__copy,.quiz-error>p:not(.eyebrow){color:var(--quiet-ink)}.quiz-result__actions,.quiz-error__actions{gap:var(--space-sm);flex-wrap:wrap;display:flex}.quiz-result__status{min-block-size:1.5em;color:var(--quiet-ink)}@media (hover:hover){.quiz-option:hover,.quiz-option:focus-within{background:var(--listening-surface);border-color:var(--signal-teal)}}@media (width>=40rem){.quiz-intro{gap:var(--space-xl);grid-template-columns:12rem minmax(0,1fr)}.quiz-intro__art{inline-size:12rem}.quiz-intro__copy h1{font-size:2.5rem}.quiz-intro__facts{grid-template-columns:repeat(3,minmax(0,1fr))}.quiz-intro__facts div{padding:var(--space-md);border-block-end:0;border-inline-end:1px solid var(--line-soft)}.quiz-intro__start{inline-size:fit-content;min-inline-size:10rem}.quiz-game__actions{grid-template-columns:minmax(10rem,1fr) auto}.quiz-game__actions #quiz-next{grid-column:1/-1}}