:root{font-family:Arial,Helvetica,sans-serif;color:#182c45;background:#f1f5f9;font-size:16px;line-height:1.6;--blue:#174ea6;--border:#cfdae6}
*{box-sizing:border-box}body{margin:0}a{color:var(--blue)}button,input,textarea{font:inherit}button,.button{display:inline-block;background:var(--blue);color:white;border:1px solid var(--blue);border-radius:7px;padding:11px 20px;font-weight:700;text-decoration:none;cursor:pointer;text-align:center}button:disabled{background:#d7dee7;border-color:#d7dee7;color:#526177;cursor:not-allowed}button:hover:not(:disabled),.button:hover{filter:brightness(.92)}:focus-visible{outline:3px solid #efaa25;outline-offset:3px}h1{font-size:2rem;line-height:1.2;letter-spacing:-.025em;margin:.4em 0 .7em}h2{font-size:1.3rem;line-height:1.4;margin:.25em 0 .8em}p{margin:.65em 0 1em}small{font-size:.875rem}main{max-width:1120px;margin:40px auto;padding:0 24px}.student-main{max-width:810px;margin-top:64px}.top{background:#102947;color:white;display:flex;justify-content:space-between;align-items:center;padding:20px 32px;gap:24px;flex-wrap:wrap}.top a{color:white;text-decoration:none}.brand{font-size:1.35rem;font-weight:800;letter-spacing:.025em}.brand span{font-size:.95rem;font-weight:400;border-left:1px solid #7490ad;margin-left:15px;padding-left:15px;letter-spacing:0}nav{display:flex;align-items:center;gap:18px;flex-wrap:wrap;font-size:.9rem}nav form{margin:0}.link{padding:0;border:0;background:transparent;color:white;font-size:.9rem}.teacher-link{font-size:.9rem}.panel{padding:28px;background:white;border:1px solid var(--border);border-radius:12px;margin-bottom:24px}.access{border-top:5px solid var(--blue);padding:36px}.narrow{max-width:540px;margin:30px auto}.eyebrow{text-transform:uppercase;letter-spacing:.07em;font-size:.875rem;font-weight:700;color:#536982}.lead{font-size:1.08rem;color:#4d6077}.facts{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.facts span{background:#edf3fb;border-radius:5px;padding:6px 10px;font-size:.875rem;color:#284868}label{display:block;font-weight:600;margin:18px 0}input:not([type=radio]):not([type=checkbox]),textarea{display:block;width:100%;padding:12px;border:1px solid #9cb0c7;border-radius:6px;margin:7px 0;background:white;color:#142b45}textarea{resize:vertical}input[type=radio],input[type=checkbox]{width:20px;height:20px;flex-shrink:0;accent-color:var(--blue)}.code-input{text-transform:uppercase;letter-spacing:.13em;font-size:1.35rem}.wide{width:100%}.option{display:flex;align-items:center;gap:12px;font-weight:400}.answer-option{padding:14px;border:1px solid var(--border);border-radius:8px;cursor:pointer}.answer-option:has(input:checked){background:#edf4ff;border-color:var(--blue)}fieldset{border:0;padding:0;margin:0;min-width:0}legend{font-weight:600;font-size:.9rem;color:#52657b;margin-bottom:8px}.notice{background:#eaf2ff;border-left:4px solid #376caf;padding:16px 20px;color:#254267}.error{background:#fff0ef;border-left:4px solid #b02d29;padding:16px;color:#852622}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:24px 0}.stats section{background:#102947;color:white;padding:20px;border-radius:8px}.stats strong{font-size:1.6rem;display:block}.stats span{font-size:.875rem;color:#cfdeee}.actions{display:flex;flex-wrap:wrap;gap:12px}.secondary{background:white;color:var(--blue);font-size:.9rem}.table-wrap{overflow-x:auto;margin:24px 0;border:1px solid var(--border);border-radius:8px}table{border-collapse:collapse;width:100%;background:white;text-align:left}th,td{padding:14px 16px;border-bottom:1px solid #e0e7ef}th{background:#e9f0f8;font-size:.9rem}td{font-size:.95rem}.question-bar{display:flex;justify-content:space-between;align-items:center;gap:12px}.timer{font-size:1.5rem;background:#edf3fb;color:#174ea6;min-width:80px;padding:6px 14px;border-radius:8px;text-align:center;font-variant-numeric:tabular-nums}.timer.urgent{background:#fee9e7;color:#9d2823}progress{width:100%;height:8px;accent-color:var(--blue);margin:14px 0 24px}.prompt{font-size:1.55rem;font-weight:600;min-height:2.5em}.result{font-size:1.5rem;font-weight:700}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:24px}.card{border:1px dashed #889db4;padding:20px;background:white;break-inside:avoid;overflow-wrap:anywhere}.card h2{font-size:1.15rem}.card p{font-size:.9rem}.card .access-code{font-size:1.45rem;letter-spacing:.09em;font-weight:700;font-family:monospace}footer{text-align:center;color:#66768b;font-size:.875rem;padding:24px}li{margin:10px 0}[hidden]{display:none!important}
@media(max-width:680px){main{padding:0 16px;margin:24px auto}.student-main{margin-top:24px}.top{padding:16px}.brand span{display:block;border:0;padding:0;margin:0;font-size:.875rem}.panel,.access{padding:22px}h1{font-size:1.65rem}.stats{grid-template-columns:repeat(2,1fr)}.cards{grid-template-columns:1fr}.actions{flex-direction:column}.actions button{width:100%}.prompt{font-size:1.3rem}.teacher-link{font-size:.875rem}}
@media print{@page{size:A4;margin:12mm}body{background:white;color:black}.top,footer,.print-hide{display:none}main{max-width:none;padding:0;margin:0}.cards{grid-template-columns:repeat(2,1fr);gap:8mm;margin:0}.card{padding:5mm;min-height:55mm}.card .access-code{font-size:16pt}.card h2{font-size:12pt}}