:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#162033;background:#f4f7fb;font-family:Arial,sans-serif}body{margin:0}main{max-width:48rem;margin:0 auto;padding:8rem 2rem}.eyebrow{color:#3157a4;letter-spacing:.08em;text-transform:uppercase;font-weight:700}h1{margin:1rem 0;font-size:clamp(2.5rem,8vw,5rem);line-height:.98}p{font-size:1.125rem;line-height:1.7}button,input{font:inherit}.home-link{color:#244a91;margin-top:1rem;font-weight:700;display:inline-block}.staff-login-shell{place-items:center;min-height:100vh;padding:2rem;display:grid}.staff-home-shell{max-width:48rem}.staff-home-card{background:#fff;border:1px solid #dce3ef;border-radius:1.25rem;padding:clamp(2rem,6vw,4rem);box-shadow:0 1rem 3rem #1a2b4814}.staff-home-card h1{font-size:clamp(2rem,5vw,3.5rem)}.staff-logout{margin-top:2rem}.staff-operation-link{display:block}.staff-orders-shell{max-width:64rem}.agent-order-list,.agent-order-seats{gap:1rem;padding:0;list-style:none;display:grid}.agent-order-list li,.agent-order-seats>li{background:#f8faff;border:1px solid #dce3ef;border-radius:1rem;padding:1.25rem}.agent-order-list li>div,.agent-order-seat-heading,.agent-order-summary{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.agent-order-list p,.agent-order-seat-heading h2{margin:.5rem 0}.agent-order-summary div{min-width:10rem}.agent-order-summary dt{color:#63708a;font-size:.875rem;font-weight:700}.agent-order-summary dd{overflow-wrap:anywhere;margin:.25rem 0 0}.agent-order-seat-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem;display:grid}.agent-order-seat-actions form{background:#fff;border-radius:.75rem;align-content:start;gap:.75rem;padding:1rem;display:grid}.agent-order-seat-actions label{gap:.375rem;font-weight:700;display:grid}.agent-order-seat-actions input,.agent-order-seat-actions textarea,.agent-order-seat-actions button{min-width:0;font:inherit;border-radius:.625rem;padding:.75rem}.agent-order-seat-actions input,.agent-order-seat-actions textarea{border:1px solid #b8c5d9}.agent-order-seat-actions button{color:#fff;cursor:pointer;background:#244a91;border:0;font-weight:700}.agent-order-seat-actions>.staff-login-error,.agent-order-exam-code{grid-column:1/-1}.agent-order-exam-code{overflow-wrap:anywhere;background:#fff4d6;border-radius:.75rem;gap:.5rem;padding:1rem;display:grid}.school-allocation-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:2rem;display:grid}.school-allocation-form label{gap:.5rem;font-weight:700;display:grid}.school-allocation-form input,.school-allocation-form select,.school-allocation-form button{min-width:0;font:inherit;border-radius:.75rem;padding:.75rem 1rem}.school-allocation-form input,.school-allocation-form select{background:#fff;border:1px solid #b8c5d9}.school-allocation-form button{color:#fff;cursor:pointer;background:#244a91;border:0;grid-column:1/-1;font-weight:700}.school-allocation-form button:disabled{cursor:not-allowed;opacity:.65}.staff-allocation-note{color:#63708a}.school-allocation-result{background:#f4f7fb;border-radius:1rem;margin-top:2rem;padding:1.5rem}.school-exam-codes ul{gap:.75rem;padding:0;list-style:none;display:grid}.school-exam-codes li{overflow-wrap:anywhere;background:#fff;border:1px solid #dce3ef;border-radius:.75rem;gap:.25rem;padding:.75rem;display:grid}@media (max-width:40rem){.school-allocation-form,.agent-order-seat-actions{grid-template-columns:1fr}}.staff-logout button{color:#244a91;cursor:pointer;background:#fff;border:1px solid #b8c5d9;border-radius:.75rem;padding:.75rem 1rem;font-weight:700}.staff-login-card{background:#fff;border:1px solid #dce3ef;border-radius:1.25rem;width:min(100%,30rem);padding:clamp(2rem,6vw,4rem);box-shadow:0 1rem 3rem #1a2b4814}.staff-login-card h1{font-size:clamp(2rem,5vw,3.5rem)}.staff-login-card h2{margin-top:2rem}.staff-login-form,.staff-login-actions{gap:1rem;margin-top:2rem;display:grid}.staff-login-form label{gap:.5rem;font-weight:700;display:grid}.staff-login-form input,.staff-login-form button,.staff-login-actions button{border-radius:.75rem;padding:.75rem 1rem}.staff-login-form input{border:1px solid #b8c5d9}.staff-login-form button,.staff-login-actions button{color:#fff;cursor:pointer;background:#244a91;border:0;font-weight:700}.staff-login-form button:disabled,.staff-login-actions button:disabled{cursor:wait;opacity:.65}.staff-login-error{color:#9b4b13;min-height:1.5rem;font-size:.9375rem}.candidate-shell{max-width:72rem;padding:2rem}.candidate-toolbar{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;border:1px solid #dce3ef;border-radius:1rem;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem 1.25rem;display:grid;position:sticky;top:0;box-shadow:0 .5rem 2rem #1a2b4814}.candidate-toolbar p{margin:0;font-size:.75rem;line-height:1.4}.candidate-attempt{color:#63708a}.candidate-clock{text-align:center}.candidate-clock span{color:#63708a;font-size:.75rem;display:block}.candidate-clock strong{font-variant-numeric:tabular-nums;font-size:1.5rem}.save-indicator{color:#41516f;justify-self:end;font-size:.8125rem;font-weight:700}.save-dirty{color:#9b4b13}.candidate-card{background:#fff;border:1px solid #dce3ef;border-radius:1.25rem;box-shadow:0 1rem 3rem #1a2b4814}.candidate-setup,.candidate-result{padding:clamp(2rem,6vw,5rem)}.answer-review{gap:.75rem;margin:2rem 0 0;padding:0;list-style:none;display:grid}.answer-review li{border:1px solid #e1e7f0;border-radius:.75rem;grid-template-columns:1fr 1fr auto;gap:1rem;padding:1rem;display:grid}.answer-outcome{text-transform:capitalize;font-weight:700}.outcome-correct{color:#167044}.outcome-incorrect,.outcome-unanswered{color:#9b4b13}.candidate-setup h1,.candidate-result h1,.candidate-intro h1{font-size:clamp(2rem,5vw,4rem)}.candidate-paper{overflow:hidden}.candidate-intro{background:linear-gradient(135deg,#f8faff,#eef4ff);border-bottom:1px solid #e5eaf2;padding:clamp(2rem,5vw,4rem)}.candidate-intro p{max-width:42rem}.listening-media{background:#f8fafd;border-bottom:1px solid #e5eaf2;grid-template-columns:1fr minmax(14rem,22rem);align-items:center;gap:1.5rem;padding:1.5rem clamp(1.25rem,4vw,3rem);display:grid}.listening-media h2,.listening-media p{margin:0}.listening-media p{color:#63708a;margin-top:.5rem;font-size:.9375rem}.listening-media audio{width:100%}.question-list{gap:1rem;margin:0;padding:clamp(1.25rem,4vw,3rem);list-style-position:inside;display:grid}.question-card{background:#fff;border:1px solid #e1e7f0;border-radius:1rem;padding:1.5rem}.question-card fieldset{border:0;margin:.75rem 0 0;padding:0}.question-card legend{margin-bottom:1rem;font-size:1.125rem;font-weight:700}.writing-task{padding:clamp(1.5rem,4vw,3rem)}.writing-task h2{max-width:48rem;font-size:clamp(1.4rem,3vw,2rem);line-height:1.3}.writing-guidance,.word-count{color:#63708a;font-size:.9375rem}.writing-response{gap:.5rem;margin-top:1.5rem;font-weight:700;display:grid}.writing-response textarea{resize:vertical;color:#162033;min-height:18rem;font:inherit;border:1px solid #b8c5d9;border-radius:.75rem;padding:1rem;font-weight:400;line-height:1.6}.writing-response textarea:focus-visible{outline-offset:2px;outline:3px solid #3157a459}.option-grid{flex-wrap:wrap;gap:.75rem;display:flex}.answer-option{cursor:pointer;border:1px solid #cfd8e7;border-radius:.75rem;align-items:center;gap:.5rem;min-width:4rem;padding:.75rem 1rem;display:inline-flex}.answer-option:has(input:checked){background:#edf3ff;border-color:#3157a4;box-shadow:inset 0 0 0 1px #3157a4}.candidate-actions{background:#f8fafd;border-top:1px solid #e5eaf2;justify-content:flex-end;gap:.75rem;padding:1.5rem clamp(1.25rem,4vw,3rem);display:flex}.button-primary,.button-secondary{cursor:pointer;border-radius:.75rem;min-height:2.75rem;padding:.75rem 1.25rem;font-weight:700}.button-primary{color:#fff;background:#3157a4;border:1px solid #244a91}.button-secondary{color:#213353;background:#fff;border:1px solid #b8c5d9}button:disabled{cursor:not-allowed;opacity:.5}.submission-status{flex:1;align-items:center;gap:1rem;display:flex}.submission-status span{color:#63708a;flex:1}@media (max-width:42rem){.candidate-shell{padding:.75rem}.candidate-toolbar{grid-template-columns:1fr auto}.save-indicator{grid-column:1/-1;justify-self:start}.candidate-actions,.submission-status{flex-direction:column;align-items:stretch}.listening-media{grid-template-columns:1fr}}
