:root{--bg:#f4f7fb;--card:#fff;--ink:#10233f;--muted:#627087;--line:#d7e2ef;--accent:#173b6d;--soft:#e6eef8;--danger:#9d2f3f}*{box-sizing:border-box}body{margin:0;background:var(--bg);font:16px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink)}.wrap{max-width:760px;margin:auto;padding:18px 14px 72px}.top{display:flex;justify-content:space-between;align-items:center;margin:4px 0 14px}.backlink{color:var(--accent);text-decoration:none;font-weight:750}.brand{font-weight:850}.card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:22px;margin:14px 0;box-shadow:0 7px 24px rgba(23,59,109,.07)}h1{font-size:clamp(1.9rem,6vw,2.7rem);line-height:1.05;letter-spacing:-.03em;margin:.35rem 0 1rem}p{margin:.55rem 0}.muted{color:var(--muted);font-size:.92rem}.tag{display:inline-block;background:var(--soft);color:var(--accent);font-weight:800;font-size:.78rem;padding:5px 9px;border-radius:999px}.note{background:var(--soft);padding:12px 14px;border-radius:11px;margin:14px 0}.warn{background:#fff5f6;border-left:4px solid var(--danger);padding:12px 14px;border-radius:10px}.hidden{display:none}input[type=text],textarea{width:100%;padding:14px;border:1px solid var(--line);border-radius:12px;font:inherit;margin:7px 0 13px;background:#fff}textarea{min-height:95px;resize:vertical}.consent{display:flex;gap:10px;align-items:flex-start;margin:14px 0}.consent input{margin-top:5px}.btn,.opt{width:100%;padding:14px;border:1px solid var(--line);border-radius:12px;background:#fff;font:inherit;cursor:pointer;margin:5px 0}.primary{background:var(--accent);color:#fff;border-color:var(--accent);font-weight:800}.opt{text-align:left;min-height:52px}.opt:hover,.opt:focus{border-color:var(--accent);background:#f3f7fc;outline:none}.progress{height:9px;background:#e4e8e5;border-radius:99px;overflow:hidden}.fill{height:100%;background:var(--accent);width:0;transition:.15s}.meta{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:.87rem;margin:9px 0}.q{font-size:1.2rem;font-weight:780;line-height:1.4;margin:19px 0}.foot{display:flex;gap:8px;margin-top:10px}.foot .btn{flex:1}.saving{font-size:.8rem;color:var(--muted);text-align:center;margin-top:8px}

/* Clear answer state, keyboard focus and narrow-screen test controls. */
.opt[aria-pressed="true"]{border:2px solid var(--accent);background:var(--soft);font-weight:750}
.opt:focus-visible,.btn:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
#q:focus{outline:none}
#pauseBtn{color:var(--accent);font-weight:700}
#phaseNote{margin-top:10px}
@media(max-width:560px){.meta{flex-direction:column;gap:4px}.card{padding:19px}.btn,.opt{touch-action:manipulation}}
@media(prefers-reduced-motion:reduce){.fill{transition:none}}