.quiz-main { width:min(760px,calc(100% - 32px)); margin:44px auto 72px; }
.quiz-main [hidden] { display:none !important; }
.quiz-intro { margin-bottom:30px; }
.quiz-intro .eyebrow { margin-top:28px; }
.quiz-intro h1 { font-size:clamp(2rem,5vw,3.3rem); line-height:1.12; margin:12px 0 20px; }
.quiz-lead { font-size:1.15rem; }
.quiz-small { color:var(--muted); font-size:.88rem; }
.quiz-card { background:var(--soft); border:1px solid var(--line); border-top:5px solid var(--blue); padding:clamp(20px,4vw,38px); }
.quiz-progress-row { display:flex; justify-content:space-between; gap:12px; color:var(--muted); font-size:.9rem; }
.quiz-progress-row p { margin:0 0 12px; }
.quiz-card progress { display:block; width:100%; height:8px; accent-color:var(--blue); margin-bottom:28px; }
.quiz-card h2 { font-size:clamp(1.35rem,3vw,1.8rem); line-height:1.3; scroll-margin-top:110px; }
.quiz-options { display:grid; gap:12px; margin:24px 0; }
.quiz-option,.quiz-secondary { padding:16px 18px; border:1px solid #9aadb8; border-radius:3px; color:var(--ink); background:white; font:inherit; text-align:left; cursor:pointer; min-height:48px; }
.quiz-option:not(:disabled):hover,.quiz-secondary:hover { background:#e5eff4; border-color:var(--blue); }
.quiz-option:disabled { opacity:1; cursor:default; }
.quiz-option.is-correct { background:#e5f1e9; border:2px solid #30724c; color:#17462a; }
.quiz-option.is-incorrect { background:#fbeae5; border:2px solid #a94530; color:#762e20; }
.quiz-main button:focus-visible,.quiz-main a:focus-visible,.quiz-main summary:focus-visible { outline:3px solid #b46a20; outline-offset:4px; }
.quiz-feedback { padding:20px; background:white; border-left:4px solid var(--blue); margin-bottom:24px; }
.quiz-explanation { white-space:pre-line; }
.quiz-text-link,.quiz-contact a,.quiz-intro>a { text-decoration:underline; text-underline-offset:3px; }
.quiz-actions { display:flex; gap:12px; flex-wrap:wrap; margin-top:24px; }
.quiz-card details { margin-top:28px; }
.quiz-card summary { cursor:pointer; font-weight:600; }
#quiz-review { padding-left:24px; }
#quiz-review li { padding:12px 0; border-bottom:1px solid var(--line); }
#quiz-review h3 { font-size:1rem; }
.quiz-contact { border-top:1px solid var(--line); padding-top:22px; margin-top:32px; font-size:.92rem; }
.quiz-contact h3 { font-size:1rem; margin-bottom:4px; }
.quiz-contact p { margin:6px 0; }
#quiz-copy-fallback { display:grid; gap:8px; }
#quiz-url { padding:12px; width:100%; min-width:0; font:inherit; }
.quiz-skip { position:absolute; left:12px; top:-100px; padding:12px; background:white; z-index:100; }
.quiz-skip:focus { top:12px; }
@media(max-width:480px) { .quiz-main { margin-top:24px; } .quiz-actions>* { width:100%; justify-content:center; text-align:center; } .quiz-card { padding:20px 16px; } }