:root{--night:#111316;--paper:#f3f0e9;--raised:#fff;--ink:#191a1c;--muted:#647084;--orange:#ff7a32;--line:#d4dae3;--green:#26866d;--red:#a53b36;font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:var(--ink)}
*{box-sizing:border-box}body{margin:0;background:var(--paper)}button{font:inherit}header{align-items:center;background:var(--night);color:white;display:flex;height:70px;justify-content:space-between;padding:0 4vw}.brand{align-items:center;display:flex;gap:10px;text-decoration:none}.brand b{align-items:center;border:1px solid var(--orange);border-radius:8px;color:#ffc095;display:flex;height:37px;justify-content:center;width:37px}.brand strong,.brand small{display:block}.brand strong{font-size:12px}.brand small{color:#8e99aa;font-size:8px;letter-spacing:.1em;text-transform:uppercase}header nav{display:flex;gap:27px}header nav a{color:#9ca6b5;font-size:10px;font-weight:750;text-decoration:none}header nav a.active,header nav a:hover{color:#ffc095}.welcome,.results{margin:auto;max-width:1050px;padding:clamp(60px,8vw,120px) 30px}.welcome>p:first-child,.results>p:first-child{color:var(--orange);font:750 9px ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase}.welcome h1,.results h1{font:500 clamp(54px,8vw,105px)/.88 Georgia,serif;letter-spacing:-.06em;margin:25px 0}.welcome h1 em{color:var(--orange);font-weight:400}.lede{color:var(--muted);font-size:17px;line-height:1.65;max-width:750px}.facts{border-bottom:1px solid var(--line);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);margin:45px 0}.facts span{border-right:1px solid var(--line);color:var(--muted);font-size:10px;padding:20px}.facts b{color:var(--ink);display:block;font:500 28px Georgia,serif;margin-bottom:4px}.notice{border-left:3px solid var(--orange);display:grid;gap:20px;grid-template-columns:100px 1fr;margin:35px 0;padding-left:20px}.notice strong{font-size:10px;text-transform:uppercase}.notice p{color:var(--muted);font-size:12px;line-height:1.6;margin:0}.welcome>button{background:var(--orange);border:0;cursor:pointer;font-size:12px;font-weight:800;margin-top:20px;padding:17px 20px}.welcome>button span{margin-left:70px}.runner{display:grid;grid-template-columns:260px minmax(0,850px);justify-content:center;min-height:calc(100vh - 70px)}.runner>aside{border-right:1px solid var(--line);padding:35px 25px;position:sticky;top:0;height:calc(100vh - 70px);overflow:auto}.timer span,.progress span{color:var(--muted);display:block;font:700 8px ui-monospace,monospace;text-transform:uppercase}.timer b{display:block;font:500 28px Georgia,serif;margin-top:7px}.progress{border-top:1px solid var(--line);margin-top:24px;padding-top:22px}.progress progress{accent-color:var(--orange);height:4px;margin-top:10px;width:100%}.palette{display:grid;gap:5px;grid-template-columns:repeat(5,1fr);margin:25px 0}.palette button{aspect-ratio:1;background:transparent;border:1px solid var(--line);color:var(--muted);cursor:pointer;font-size:9px}.palette button.answered{background:#d9ebe5;border-color:#9ac7b8;color:#075e4d}.palette button.current{box-shadow:inset 0 0 0 2px var(--orange);color:var(--ink)}.palette button.flagged{border-bottom:3px solid var(--orange)}#finish{background:var(--ink);border:0;color:white;cursor:pointer;font-size:10px;font-weight:800;padding:13px;width:100%}.question{background:var(--raised);min-height:calc(100vh - 70px);padding:55px clamp(30px,6vw,80px)}.question-meta{display:flex;justify-content:space-between}.question-meta span{color:var(--orange);font:700 9px ui-monospace,monospace;text-transform:uppercase}.question-meta span+span{color:var(--muted)}.question h2{font:500 clamp(25px,3.2vw,39px)/1.25 Georgia,serif;letter-spacing:-.025em;margin:40px 0 16px}.question>p{color:var(--muted);font-size:11px;font-weight:700}.options{border-top:1px solid var(--line);margin-top:30px}.options label{align-items:start;border-bottom:1px solid var(--line);cursor:pointer;display:grid;gap:14px;grid-template-columns:auto auto 1fr;padding:19px 8px;transition:background .15s}.options label:hover,.options label.selected{background:var(--paper)}.options input{accent-color:var(--orange);height:17px;margin-top:2px;width:17px}.options i{align-items:center;border:1px solid #aaa5a0;border-radius:50%;display:flex;font-size:9px;font-style:normal;height:22px;justify-content:center;width:22px}.options span{font-size:13px;line-height:1.55}.question-actions{display:flex;justify-content:space-between;margin-top:35px}.question-actions button{background:transparent;border:1px solid var(--line);cursor:pointer;font-size:10px;font-weight:750;padding:12px 14px}.question-actions button:disabled{opacity:.35}.question-actions #next{background:var(--orange);border-color:var(--orange)}.question-actions #flag.flagged{background:var(--ink);color:white}.results{max-width:1000px}.results h1{font-size:clamp(48px,6vw,82px)}.score{align-items:end;border-bottom:1px solid var(--line);border-top:1px solid var(--line);display:flex;gap:28px;padding:24px 0}.score b{font:500 70px Georgia,serif}.score span{color:var(--muted);padding-bottom:12px}.results>p#result-copy{color:var(--muted);line-height:1.6}.domain-scores{display:grid;grid-template-columns:repeat(4,1fr);margin:40px 0}.domain-scores div{border-left:1px solid var(--line);padding:0 18px}.domain-scores span,.domain-scores small{color:var(--muted);display:block;font-size:9px}.domain-scores b{display:block;font:500 28px Georgia,serif;margin:8px 0}.domain-scores progress{accent-color:var(--orange);height:4px;width:100%}.result-actions{display:flex;gap:10px}.result-actions button{background:var(--ink);border:0;color:white;cursor:pointer;font-size:10px;font-weight:750;padding:13px 18px}.result-actions button+button{background:transparent;border:1px solid var(--line);color:var(--ink)}.review-list{border-top:1px solid var(--line);margin-top:40px}.review-list article{border-bottom:1px solid var(--line);padding:28px 4px}.review-list article>div{display:flex;justify-content:space-between}.review-list article span{color:var(--muted);font:700 8px ui-monospace,monospace;text-transform:uppercase}.review-list article b{font-size:9px;text-transform:uppercase}.review-list .correct b{color:var(--green)}.review-list .wrong b{color:var(--red)}.review-list h3{font:500 20px/1.4 Georgia,serif}.review-list p,.review-list small{font-size:11px;line-height:1.6}.review-list small{color:var(--muted)}@media(max-width:760px){header nav a:first-child{display:none}.welcome,.results{padding:55px 20px}.facts{grid-template-columns:1fr 1fr}.runner{display:block}.runner>aside{background:var(--paper);border-bottom:1px solid var(--line);height:auto;padding:15px 18px;position:sticky;top:0;z-index:10}.timer,.progress{display:inline-block;margin:0 25px 0 0;padding:0}.timer b{font-size:18px}.palette{display:flex;gap:4px;margin:14px 0 0;overflow-x:auto;padding-bottom:3px}.palette button{flex:0 0 34px;height:34px}#finish{display:none}.question{padding:36px 20px}.question-actions{gap:5px}.question-actions button{padding:10px 8px}.domain-scores{grid-template-columns:1fr 1fr;gap:25px 0}.notice{display:block}.notice strong{display:block;margin-bottom:10px}}