:root{font-family:Arial,sans-serif;color:#142333;background:#f6f7f9;font-size:20px;line-height:1.55}*{box-sizing:border-box}body{margin:0}header{display:flex;justify-content:space-between;align-items:center;padding:22px max(5vw,20px);background:white;border-bottom:1px solid #dde2e7}.brand{font-size:30px;font-weight:800;color:#d92332;text-decoration:none}.brand span{font-size:12px;letter-spacing:2px;color:#526170;display:block}main{max-width:1050px;margin:55px auto;padding:0 25px}.eyebrow{font-size:13px;font-weight:bold;letter-spacing:2px;color:#bd2332}h1{font-size:clamp(32px,4.7vw,52px);line-height:1.15;letter-spacing:-1.5px;margin:24px 0}h2{font-size:30px}h3{font-size:23px}.intro{max-width:780px;color:#536170;font-size:23px}.stats{display:flex;gap:40px;margin:35px 0}.stats span{font-size:16px;color:#536170}.stats b{display:block;font-size:28px;color:#142333}form{background:white;border:1px solid #dde2e7;border-radius:16px;padding:30px;max-width:660px}label{display:block;font-weight:bold;margin-bottom:10px}input{font:inherit;width:100%;padding:14px;border:1px solid #929da7;border-radius:8px}.note{font-size:15px;color:#576575}button{font:inherit;cursor:pointer;border:0;border-radius:8px;background:#d92332;color:white;padding:14px 24px;font-weight:bold}button:hover{filter:brightness(.94)}button:disabled{opacity:.45;cursor:not-allowed}.quiet{background:#e8edf1;color:#142333;font-size:17px}button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #247ec8;outline-offset:3px}.meta,.navigation,.boardHeading{display:flex;justify-content:space-between;align-items:center;gap:15px}.meta{font-size:16px;color:#536170}progress{width:100%;height:9px;accent-color:#d92332;margin:15px 0}#question{font-size:clamp(28px,3.5vw,39px);line-height:1.3;letter-spacing:-.5px}#options{display:grid;gap:14px;margin:30px 0}.option{display:block;width:100%;background:white;border:2px solid #d7dfe6;color:#142333;text-align:left;font-size:22px;font-weight:normal;padding:20px}.option[aria-pressed=true]{border-color:#d92332;background:#fff0f1}.navigation{margin-top:30px}#error{color:#ac1726}#scoreboard{border-top:1px solid #d7dfe6;margin-top:60px;padding-top:25px}.scoreRow{display:grid;grid-template-columns:1fr auto;gap:10px;padding:16px;background:white;border-bottom:1px solid #d7dfe6}.scoreRow small{font-size:14px;color:#536170}.scoreRow b{font-size:23px}details{background:white;padding:20px;border:1px solid #d7dfe6;border-radius:10px;margin:15px 0}summary{cursor:pointer;font-weight:bold}.wrong{border-left:5px solid #d92332}.right{border-left:5px solid #16835c}footer{text-align:center;color:#6c7781;font-size:12px;letter-spacing:2px;padding:45px 15px}[hidden]{display:none!important}@media(max-width:600px){header{padding:15px}.brand{font-size:24px}main{margin-top:30px;padding:0 18px}.stats{gap:25px}form{padding:20px}.option{font-size:20px}button{padding:13px 17px}.meta{align-items:flex-start}}

.modeChoice{border:0;padding:0;margin:0 0 25px}.modeChoice legend{font-weight:bold;margin-bottom:12px}.modeChoice label{font-size:18px;border:1px solid #d7dfe6;padding:15px;border-radius:8px;cursor:pointer}.modeChoice input{width:auto;accent-color:#d92332;margin-right:8px}.modeChoice small{display:block;font-size:15px;font-weight:normal;color:#536170;margin-top:5px}#feedback{padding:20px;background:white;border-radius:10px;margin-bottom:20px}#feedback h2{margin:0;font-size:26px}.option:disabled{opacity:1;cursor:default}

.headerActions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}@media(max-width:600px){header{gap:12px;flex-wrap:wrap}.headerActions .quiet{font-size:15px;padding:10px 12px}}
