*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f8fb;color:#172b45;font:16px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.topbar{background:#fff;border-bottom:1px solid #e3e9f2}.top-inner{max-width:1180px;margin:auto;padding:17px 24px;display:flex;justify-content:space-between;align-items:center}.brand{font-weight:900;font-size:20px;letter-spacing:-.7px;color:#152d56}.brand-dot{color:#20bda5;font-size:12px;vertical-align:middle}.subtle-link{font-weight:650;text-decoration:none;color:#0b6e76}.subtle-link:hover{text-decoration:underline}.container{max-width:1100px;margin:0 auto;padding:34px 22px 50px}.student-container{max-width:950px}.narrow{max-width:550px;padding-top:55px}.hero{padding:12px 0 25px}.hero h1,.admin-heading h1{font-size:clamp(30px,5vw,42px);margin:5px 0 5px;letter-spacing:-1.4px;line-height:1.18;color:#123158}.hero p,.admin-heading p{margin:8px 0;color:#617185}.eyebrow{font-size:12px;font-weight:850;letter-spacing:1.7px;color:#008b8d}.panel{background:white;border:1px solid #dfe7ef;border-radius:18px;padding:26px;box-shadow:0 8px 22px rgba(23,48,77,.035);margin-bottom:23px}.panel h2{margin:0 0 6px;font-size:21px}.panel p{color:#64768a;margin-top:3px}.student-info{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:center}.field label{display:block;margin-bottom:7px;font-size:14px;font-weight:750}.field input,.list-heading input{border:1px solid #cbd8e6;background:#fff;border-radius:10px;outline:0;padding:12px 13px;font:inherit;width:100%;color:#1b3048}.field input:focus,.list-heading input:focus{border-color:#099ea6;box-shadow:0 0 0 3px #c7f5f2}.required{color:#a82d2d}.quiz-header{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:25px 0 16px}.quiz-header h2{margin:3px 0 0;font-size:25px;letter-spacing:-.7px}.page-progress{min-width:205px;color:#64768a;font-size:13px;text-align:right}.progress-track{margin-top:8px;height:8px;border-radius:20px;background:#e4eaf3;overflow:hidden}.progress-fill{height:100%;background:#0faeab;width:0;transition:width .2s}.question-page[hidden]{display:none}.question-card{border:1px solid #dfe7ef;background:#fff;border-radius:15px;padding:22px;margin:0 0 14px;min-width:0}.question-card legend{display:block;float:left;width:100%;padding:0 0 15px;font-weight:750;line-height:1.4}.question-card legend+*{clear:both}.q-number{display:inline-block;background:#e5f8f6;color:#097b77;border-radius:8px;padding:4px 9px;font-size:13px;margin-right:8px;vertical-align:middle}.q-title{vertical-align:middle}.option-list{display:grid;grid-template-columns:1fr 1fr;gap:9px}.answer{min-height:50px;display:flex;gap:11px;align-items:center;cursor:pointer;border:1px solid #e0e7f0;border-radius:10px;padding:10px 12px;color:#304256;font-size:15px}.answer:hover{border-color:#83c9c9;background:#f4fcfb}.answer:has(input:checked){border-color:#0aa5a3;background:#ecfbfa}.answer input{accent-color:#008f92;flex-shrink:0}.option-letter{display:grid;place-items:center;width:27px;height:27px;flex:none;background:#f0f4fa;border-radius:7px;font-weight:800;font-size:13px;color:#435973}.answer:has(input:checked) .option-letter{background:#d1f5ed;color:#09686c}.missing{border:2px solid #d47a42}.controls{display:flex;flex-direction:column;gap:15px}.step-indicators{display:flex;gap:7px;flex-wrap:wrap}.step-indicators button{font:inherit;font-weight:750;font-size:13px;color:#566b83;background:#f0f4f8;border:1px solid #dce5ee;width:36px;height:36px;border-radius:9px;cursor:pointer}.step-indicators button.active{background:#173e63;color:white}.step-indicators button.complete:not(.active){background:#e0f8ef;border-color:#afe2ce;color:#06714d}.button-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.btn{font:inherit;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:800;border:1px solid transparent;border-radius:10px;padding:12px 19px;cursor:pointer;line-height:1.3}.btn-primary{background:#0b797e;color:#fff}.btn-primary:hover{background:#095e66}.btn-outline{background:white;border-color:#b9cbdc;color:#1d4564}.btn-outline:hover{background:#f3f9fa}.btn-quiet{background:#eff3f7;color:#39526a}.btn:disabled{opacity:.5;cursor:not-allowed}.helper{font-size:13px;margin:0!important}.footer{margin-top:30px;text-align:center;color:#91a0b1;font-size:13px}.success-panel{text-align:center;padding:55px 30px}.success-panel h1,.success-panel h2{font-size:28px}.success-symbol{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 18px;background:#ddf8ef;color:#097a57;font-size:35px;border-radius:50%}.muted{color:#7c8b98!important}.alert,.notice{border-radius:11px;padding:14px 16px;margin:10px 0 22px;background:#fff2e7;color:#874219;border:1px solid #f3c69b}.notice{background:#e9f9ed;color:#18633b;border-color:#bbebc7}.admin-heading{display:flex;justify-content:space-between;gap:25px;align-items:center;margin:8px 0 26px}.admin-heading .button-row{justify-content:flex-end}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px}.stat-card{background:white;border:1px solid #dfe7ef;border-radius:15px;padding:21px}.stat-card span{display:block;color:#667c8e;font-size:13px;margin-bottom:5px}.stat-card strong{font-size:30px;letter-spacing:-1px;color:#143a57}.stat-card small{font-size:15px;color:#718296}.list-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:15px}.list-heading h2{margin:0}.list-heading p{margin:2px 0}.list-heading input{width:240px;font-size:14px}.table-scroll{overflow-x:auto}.results-table{width:100%;border-collapse:collapse;font-size:14px;min-width:660px}.results-table th{text-align:left;background:#f3f7fa;color:#5e7284;font-size:12px;letter-spacing:.3px;padding:12px}.results-table td{padding:14px 12px;border-bottom:1px solid #e7edf3;vertical-align:middle}.results-table tr:hover td{background:#fcfefe}.student-link{color:#0b777a;text-decoration:none;font-weight:750}.student-link:hover{text-decoration:underline}.detail-link{font-weight:650;color:#0b777a;text-decoration:none}.empty{text-align:center;padding:32px 0}.detail-heading{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #e6edf2;padding-bottom:18px;margin-bottom:20px}.detail-heading h2{margin-top:10px}.big-score{font-size:26px;font-weight:850;white-space:nowrap}.big-score span{display:block;text-align:right;font-size:14px;color:#0e8d7c}.detail-table{min-width:850px}.detail-table th:nth-child(2){min-width:190px}.result-label{display:inline-block;padding:3px 8px;font-size:12px;font-weight:800;border-radius:8px}.result-label.pass{background:#e4f9ef;color:#087049}.result-label.fail{background:#feebeb;color:#a13434}.settings{margin-top:23px}.settings summary{cursor:pointer;font-weight:800}.settings-form{max-width:410px;padding-top:18px}.settings-form .field{margin-bottom:14px}@media (max-width:690px){.container{padding:23px 14px 40px}.student-info{grid-template-columns:1fr;gap:12px}.question-card{padding:17px}.option-list{grid-template-columns:1fr}.quiz-header{align-items:start;flex-direction:column;gap:8px}.page-progress{width:100%;text-align:left}.panel{padding:19px}.admin-heading{align-items:start;flex-direction:column;gap:8px}.admin-heading .button-row{justify-content:flex-start}.stats{gap:9px}.stat-card{padding:12px}.stat-card strong{font-size:23px}.list-heading{align-items:stretch;flex-direction:column}.list-heading input{width:100%}.detail-heading{flex-direction:column}.big-score span{text-align:left}.button-row .btn{flex:1}.student-container .hero{padding-top:2px}}