html.v1 .quiz-question{border:0;padding:0;margin:0 0 2rem;min-width:0;max-width:100%}
html.v1 .quiz-question:last-of-type{margin-bottom:0}
html.v1 .quiz-question legend{padding:0 0 .9rem;font:600 1.02rem/1.4 var(--font-display);color:var(--color-text);max-width:60ch}
html.v1 .quiz-options{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}
html.v1 .quiz-option{display:flex;align-items:flex-start;gap:.65rem;padding:.75rem .9rem;border:1px solid var(--color-border);border-radius:var(--radius-input);font:400 .96rem/1.5 var(--font-reading);cursor:pointer}
html.v1 .quiz-option:has(input:checked){border-color:var(--color-text);background:var(--surface-quiet)}
html.v1 .quiz-option input{width:18px;min-width:18px;height:18px;margin:.2rem 0 0;accent-color:var(--color-text)}
html.v1 .quiz-option input:focus-visible{outline:2px solid var(--focus-color);outline-offset:2px}

html.v1 .quiz-result-card{padding:1.75rem;border:1px solid var(--color-border);background:var(--surface-quiet);margin:0 0 1.6rem}
html.v1 .quiz-result-card p{font:600 .72rem/1.4 var(--font-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--color-muted);margin:0 0 .5rem}
html.v1 .quiz-result-card h3{font:600 1.7rem/1.25 var(--font-display);margin:0 0 .8rem}
html.v1 .quiz-result-card div{font:400 1rem/1.6 var(--font-reading);color:var(--color-text);max-width:64ch}
