.quiz-nav { display:flex; justify-content:space-between; align-items:center; padding:28px var(--gutter); gap:20px; border-bottom:1px solid var(--rule); }
.quiz-nav>a:last-child { font-size:14px; }
.quiz-main { max-width:880px; margin:auto; padding:64px 24px; }
.quiz-main h1 { font-size:clamp(32px,5vw,56px); }
.quiz-intro { color:var(--muted); margin:24px 0 40px; }
#quiz, #results, #result-gate { border-top:1px solid var(--rule); padding-top:28px; }
#meter { width:100%; height:6px; accent-color:var(--accent); margin:16px 0 28px; }
fieldset { border:0; padding:0; margin:0; min-width:0; }
legend { font-size:clamp(22px,3vw,28px); font-weight:600; line-height:1.35; margin-bottom:24px; }
.answer { display:flex; align-items:flex-start; gap:14px; border:1px solid #66685e; border-radius:4px; padding:18px; margin-bottom:12px; cursor:pointer; }
.answer:has(input:checked) { border-color:#f48a74; background:#30241f; }
.answer:has(input:focus-visible) { outline:2px solid var(--paper); outline-offset:3px; }
.answer input { margin-top:7px; flex-shrink:0; accent-color:var(--accent); }
.quiz-actions { display:flex; justify-content:space-between; gap:12px; margin-top:24px; }
#back, #restart { color:var(--paper); background:transparent; border:1px solid var(--rule); }
#back:disabled { opacity:.45; }
.quiz-note { color:var(--muted); font-size:14px; margin-top:20px; }
.result-gate { max-width:720px; }
.result-gate h2 { font-size:clamp(28px,4vw,44px); margin:10px 0 14px; }
.result-gate>p:not(.eyebrow):not(.gate-privacy) { color:var(--muted); max-width:620px; }
#result-gate-form { margin-top:28px; }
.gate-fields { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.gate-fields label { display:grid; gap:8px; font-size:13px; font-weight:600; }
.gate-fields input { min-width:0; width:100%; border:1px solid #66685e; border-radius:4px; padding:14px 15px; background:#20221f; color:var(--paper); font:inherit; }
.gate-fields input:focus-visible { outline:2px solid var(--paper); outline-offset:3px; border-color:#f48a74; }
.gate-consent { display:flex; align-items:flex-start; gap:10px; margin:18px 0; color:var(--muted); font-size:13px; line-height:1.5; cursor:pointer; }
.gate-consent input { margin-top:3px; flex-shrink:0; accent-color:var(--accent); }
.gate-trap { position:absolute!important; width:1px!important; height:1px!important; overflow:hidden!important; clip:rect(0 0 0 0)!important; white-space:nowrap!important; }
.gate-status { min-height:24px; margin-top:14px; color:#f7aa9a; font-size:13px; }
.gate-privacy { color:var(--muted); font-size:12px; line-height:1.6; margin-top:20px; max-width:650px; }
#reveal-results:disabled { opacity:.6; cursor:wait; }
#result-summary { margin-top:20px; }
#next-steps { padding:24px 0; display:grid; gap:12px; }
.review-heading { margin:32px 0 20px; }
.review-item { padding:24px 0; border-top:1px solid var(--rule); }
.review-item p { margin-top:12px; }
.review-item h4 { margin:0; font-size:19px; }
.verdict { color:#f48a74; font-weight:600; }
.quiz-footer { padding:32px var(--gutter); display:flex; flex-wrap:wrap; justify-content:space-between; gap:16px; border-top:1px solid var(--rule); font-size:14px; }
@media(max-width:600px) { .gate-fields { grid-template-columns:1fr; } }
@media(max-width:400px) { .quiz-nav { padding:24px; } .quiz-nav .brand { font-size:20px; } .quiz-nav>a:last-child { font-size:12px; } .quiz-actions .button { padding:12px; gap:8px; font-size:13px; } }