:root{--ink:#182d39;--muted:#536875;--line:#d7e1e5;--paper:#fff;--wash:#f3f6f7;--accent:#146577;--soft:#eaf3f5;--good:#246a44;--error:#a13922}
*{box-sizing:border-box}body{margin:0;background:var(--wash);color:var(--ink);font:16px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
main{max-width:1120px;margin:auto;padding:24px 18px 48px}.panel{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:24px;margin-bottom:20px}
h1{font-size:clamp(1.6rem,4vw,2.3rem);line-height:1.2;margin:.4rem 0 1rem}h2{font-size:1.35rem;margin:.2rem 0 .5rem}h3{font-size:1.05rem;margin:.5rem 0}.eyebrow{color:var(--accent);font-size:.78rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase;margin:0}.intro{max-width:880px;font-size:1.06rem}
.help{color:var(--muted);font-size:.9rem}.question{white-space:pre-wrap;background:#f6f8f9;border-radius:8px;padding:14px}.reference{border:2px solid var(--accent);border-radius:9px;padding:15px;background:var(--soft);margin:18px 0}.reference .help{margin-bottom:0}audio{display:block;width:100%;margin:12px 0}
.candidate-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0}.candidate{border:1px solid var(--line);border-radius:9px;padding:15px;min-width:0}.candidate h3{margin:0}.audio-error{color:var(--error);font-size:.9rem}
label{display:grid;gap:5px;margin:12px 0;font-weight:650}select,input,textarea,button{font:inherit}select,input,textarea{width:100%;padding:9px;border:1px solid #9bafb9;border-radius:6px;background:white;color:var(--ink)}input[type=number]{max-width:140px}textarea{min-height:85px}
button{border:1px solid transparent;border-radius:7px;padding:10px 14px;background:var(--accent);color:white;font-weight:650;cursor:pointer;min-height:44px}button.secondary{background:#e8eef1;color:var(--ink)}button:disabled{opacity:.45;cursor:not-allowed}button:hover:not(:disabled){filter:brightness(.94)}:focus-visible{outline:3px solid #c08418;outline-offset:3px}
.tools{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.tools label{width:230px;max-width:100%;margin:0}.participant{margin-top:20px;align-items:flex-end}.set-heading{justify-content:space-between}#progress{margin-left:auto;font-weight:600}progress{width:100%;height:10px;margin-top:14px;accent-color:var(--good)}#validation{min-height:25px;color:var(--error)}#validation.complete{color:var(--good)}
details{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px 0}summary{cursor:pointer;color:var(--accent);font-weight:650}details p{max-width:870px}a{color:var(--accent);text-underline-offset:3px}footer{padding:0 8px}#export_status{min-height:23px}
#submit_status{overflow-wrap:anywhere}
@media(max-width:850px){.candidate-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:570px){main{padding:12px 9px 28px}.panel{padding:18px 14px}.candidate-grid{grid-template-columns:1fr}.tools{gap:9px}#progress{margin-left:0}.tools label{width:100%}}