:root{--quiz-green:#0b7a5a;--quiz-green-dark:#07533f;--quiz-ink:#18201d;--quiz-muted:#68736e;--quiz-line:#e2e7e4;--quiz-paper:#fff;--quiz-bg:#f5f6f2}.quiz-intro-shell,.quiz-result-shell,.quiz-runner-shell{background:radial-gradient(circle at 12% 0%, #e8f6efcc, transparent 28%), var(--quiz-bg);min-height:100vh;color:var(--quiz-ink)}.quiz-student-header{border-bottom:1px solid var(--quiz-line);background:#ffffffe0;grid-template-columns:1fr auto 1fr;align-items:center;min-height:76px;padding:0 5vw;display:grid}.quiz-student-header a{color:var(--quiz-green-dark);font-family:Georgia,serif;font-size:1.1rem;font-weight:800;text-decoration:none}.quiz-student-header>span:nth-child(2){color:var(--quiz-muted);font-size:.76rem;font-weight:700}.quiz-student-avatar{background:#ffd77f;border-radius:12px;justify-self:end;place-items:center;width:38px;height:38px;font-size:.75rem;font-weight:900;display:grid}.quiz-intro-card{border:1px solid var(--quiz-line);background:#fff;border-radius:27px;grid-template-columns:minmax(300px,.85fr) minmax(420px,1.15fr);width:min(1030px,100% - 40px);margin:55px auto;display:grid;overflow:hidden;box-shadow:0 24px 65px #1d352c14}.quiz-intro-visual{color:#fff;background:radial-gradient(circle at 70% 23%,#ffd8805c,#0000 23%),linear-gradient(145deg,#0d6d53,#12372e);flex-direction:column;justify-content:space-between;min-height:620px;padding:45px;display:flex}.quiz-intro-visual>span{background:#ffffff24;border-radius:17px;place-items:center;width:58px;height:58px;font-weight:900;display:grid}.quiz-intro-visual>div{height:300px;position:relative}.quiz-intro-visual i{border:2px solid #ffffff47;border-radius:48% 52% 42% 58%;display:block;position:absolute}.quiz-intro-visual i:first-child{width:185px;height:250px;left:14%;transform:rotate(15deg)}.quiz-intro-visual i:nth-child(2){border-color:#ffd57a80;width:145px;height:190px;top:48px;right:3%;transform:rotate(-22deg)}.quiz-intro-visual i:nth-child(3){width:90px;height:120px;top:95px;left:38%}.quiz-intro-copy{padding:48px}.formative-label{color:var(--quiz-green);letter-spacing:.07em;text-transform:uppercase;font-size:.68rem;font-weight:900}.quiz-intro-copy h1,.quiz-result-card h1{margin:10px 0 15px;font-family:Georgia,serif;font-size:clamp(2rem,4vw,3rem);line-height:1.08}.quiz-intro-copy>p,.quiz-result-card>p{color:var(--quiz-muted);line-height:1.7}.quiz-intro-facts{grid-template-columns:repeat(4,1fr);gap:8px;margin:27px 0;display:grid}.quiz-intro-facts article{text-align:center;background:#f4f6f3;border-radius:12px;padding:13px 8px;display:grid}.quiz-intro-facts strong{font-family:Georgia,serif;font-size:1.3rem}.quiz-intro-facts span{color:var(--quiz-muted);font-size:.62rem}.quiz-readiness{background:#f7fbf8;border:1px solid #dce8e2;border-radius:15px;padding:17px 20px}.quiz-readiness>span{font-size:.72rem;font-weight:900}.quiz-readiness ul{color:var(--quiz-muted);margin:10px 0 0;padding-left:18px;font-size:.72rem;line-height:1.7}.start-quiz-button{background:var(--quiz-green);color:#fff;cursor:pointer;border:0;border-radius:12px;justify-content:space-between;width:100%;margin-top:23px;padding:14px 17px;font-weight:900;display:flex}.quiz-intro-copy>small{color:var(--quiz-muted);text-align:center;margin-top:10px;font-size:.65rem;display:block}.quiz-error{font-size:.75rem;color:#9d3f32!important}.quiz-runner-header{border-bottom:1px solid var(--quiz-line);background:#fff;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:14px;height:76px;padding:0 34px;display:grid}.quiz-runner-header>a{background:var(--quiz-green-dark);color:#fff;border-radius:13px;place-items:center;width:42px;height:42px;font-weight:900;text-decoration:none;display:grid}.quiz-runner-header>div:nth-child(2){display:grid}.quiz-runner-header span{color:var(--quiz-muted);font-size:.68rem}.quiz-runner-header strong{font-size:.88rem}.quiz-timer{text-align:right;background:#eef7f3;border-radius:11px;padding:8px 14px;display:grid}.quiz-timer small{color:var(--quiz-muted);font-size:.58rem}.quiz-timer strong{color:var(--quiz-green-dark);font-variant-numeric:tabular-nums}.quiz-timer.urgent{background:#fff0ec}.quiz-timer.urgent strong{color:#ae3f2d}.quiz-runner-layout{grid-template-columns:245px minmax(0,1fr);align-items:start;gap:22px;width:min(1160px,100% - 48px);margin:30px auto;display:grid}.question-navigator{border:1px solid var(--quiz-line);background:#fff;border-radius:18px;padding:20px;position:sticky;top:24px}.question-navigator>div:first-child{gap:5px;display:grid}.question-navigator span{color:var(--quiz-muted);font-size:.66rem}.question-navigator strong{font-size:.82rem}.quiz-progress-track{background:#e9eeeb;border-radius:999px;height:5px;margin-top:7px;overflow:hidden}.quiz-progress-track span{background:var(--quiz-green);height:100%;transition:width .2s;display:block}.question-navigator nav{grid-template-columns:repeat(5,1fr);gap:7px;margin:19px 0;display:grid}.question-navigator nav button{aspect-ratio:1;color:#5e6863;cursor:pointer;background:#fafbf9;border:1px solid #dbe1de;border-radius:9px;font-weight:800;position:relative}.question-navigator nav button.is-active{border-color:var(--quiz-green);box-shadow:0 0 0 2px #d7eee5}.question-navigator nav button.is-answered{background:var(--quiz-green);color:#fff;border-color:var(--quiz-green)}.question-navigator nav button.is-flagged:after{content:"";background:#e5a82e;border-radius:50%;width:7px;height:7px;position:absolute;top:-2px;right:-2px}.navigator-key{gap:12px;display:flex}.navigator-key span{align-items:center;gap:4px;display:flex}.navigator-key i{border-radius:50%;width:7px;height:7px}.answered-dot{background:var(--quiz-green)}.flagged-dot{background:#e5a82e}.submit-assessment-button{border:1px solid var(--quiz-green);width:100%;color:var(--quiz-green);cursor:pointer;background:#fff;border-radius:10px;margin-top:20px;padding:11px;font-weight:900}.question-stage{min-width:0}.save-indicator{height:26px;color:var(--quiz-muted);justify-content:flex-end;align-items:center;gap:5px;font-size:.65rem;display:flex}.save-indicator span{color:var(--quiz-green)}.save-indicator span.error{color:#b04a3b}.question-paper{border:1px solid var(--quiz-line);background:var(--quiz-paper);border-radius:21px;min-height:540px;padding:35px 40px;box-shadow:0 12px 35px #2338300d}.question-paper>header{justify-content:space-between;align-items:flex-start;display:flex}.question-paper>header div{gap:3px;display:grid}.question-paper>header span{color:var(--quiz-green);text-transform:uppercase;font-size:.67rem;font-weight:900}.question-paper>header small{color:var(--quiz-muted);font-size:.63rem}.question-paper>header button{color:var(--quiz-muted);cursor:pointer;background:#fff;border:1px solid #e1e5e3;border-radius:9px;padding:8px 10px;font-size:.68rem;font-weight:800}.question-paper>header button.is-flagged{color:#8b6415;background:#fff8e9;border-color:#f1cf86}.question-prompt{justify-content:space-between;align-items:flex-start;gap:25px;margin:40px 0 29px;display:flex}.question-prompt h1{max-width:680px;margin:0;font-family:Georgia,serif;font-size:clamp(1.35rem,3vw,2rem);line-height:1.35}.question-prompt>span{color:var(--quiz-muted);white-space:nowrap;background:#f1f3f0;border-radius:8px;padding:6px 9px;font-size:.64rem}.choice-list{gap:10px;display:grid}.choice-option{cursor:pointer;border:1px solid #dfe4e1;border-radius:12px;grid-template-columns:24px 34px minmax(0,1fr);align-items:center;min-height:57px;padding:9px 14px;display:grid}.choice-option:hover,.choice-option.is-selected{background:#f3faf7;border-color:#7bbda7}.choice-option input{accent-color:var(--quiz-green)}.choice-option>span{color:#5f6964;background:#eef1ef;border-radius:8px;place-items:center;width:28px;height:28px;font-size:.7rem;display:grid}.choice-option strong{font-size:.84rem}.matching-list,.ordering-list{gap:10px;display:grid}.matching-list label{background:#f7f8f6;border-radius:12px;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:12px;display:grid}.matching-list label>span{color:var(--quiz-muted);font-size:.65rem}.matching-list select,.ordering-list select,.short-response input,.written-response textarea{width:100%;color:var(--quiz-ink);font:inherit;background:#fff;border:1px solid #d8dfdb;border-radius:10px;padding:11px}.ordering-list label{grid-template-columns:35px minmax(0,1fr);align-items:center;gap:10px;display:grid}.ordering-list label>span{background:var(--quiz-green-dark);color:#fff;border-radius:9px;place-items:center;width:32px;height:32px;font-weight:900;display:grid}.written-response{position:relative}.written-response textarea{resize:vertical;line-height:1.6}.written-response small{color:var(--quiz-muted);position:absolute;bottom:9px;right:11px}.short-response{gap:7px;font-size:.72rem;font-weight:800;display:grid}.upload-response{text-align:center;border:2px dashed #ced8d3;border-radius:15px;gap:6px;padding:35px;display:grid}.upload-response>span{color:var(--quiz-green);font-size:2rem}.upload-response p{color:var(--quiz-muted);margin:0;font-size:.7rem}.hotspot-response{background:linear-gradient(145deg,#e8efe9,#f7f1dc);border-radius:15px;grid-template-columns:repeat(3,1fr);gap:8px;min-height:270px;padding:25px;display:grid}.hotspot-response button{color:#0000;background:#fff6;border:1px dashed #144b394d;border-radius:13px}.hotspot-response button.is-selected{border:2px solid var(--quiz-green);background:#0b7a5a59}.question-actions{justify-content:space-between;padding:17px 4px;display:flex}.question-actions button{color:var(--quiz-muted);cursor:pointer;background:#fff;border:1px solid #d8ddda;border-radius:10px;padding:11px 15px;font-weight:800}.question-actions button:disabled{opacity:.4}.question-actions .next-question-button{border-color:var(--quiz-green);background:var(--quiz-green);color:#fff}.submit-dialog-backdrop{z-index:20;background:#0f1d1894;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.submit-dialog{text-align:center;background:#fff;border-radius:20px;width:min(440px,100%);padding:30px}.submit-dialog-icon,.result-check{width:54px;height:54px;color:var(--quiz-green);background:#e4f5ed;border-radius:50%;place-items:center;margin:0 auto;font-size:1.3rem;font-weight:900;display:grid}.submit-dialog h2{margin:16px 0 7px;font-family:Georgia,serif}.submit-dialog p{color:var(--quiz-muted);line-height:1.6}.unanswered-warning{color:#845d12;background:#fff4dc;border-radius:9px;padding:10px;font-size:.72rem;font-weight:800}.submit-dialog>div:last-child{justify-content:center;gap:9px;margin-top:20px;display:flex}.submit-dialog button{cursor:pointer;background:#fff;border:1px solid #d8ddda;border-radius:10px;padding:11px 14px;font-weight:800}.submit-dialog .confirm-submit-button{border-color:var(--quiz-green);background:var(--quiz-green);color:#fff}.quiz-result-shell{place-items:center;padding:25px;display:grid}.quiz-result-card{border:1px solid var(--quiz-line);text-align:center;background:#fff;border-radius:25px;width:min(620px,100%);padding:50px;box-shadow:0 24px 65px #1d352c14}.quiz-result-card>span{color:var(--quiz-green);text-transform:uppercase;margin-top:18px;font-size:.7rem;font-weight:900;display:block}.result-summary{grid-template-columns:1fr 1fr;gap:10px;margin:30px 0;display:grid}.result-summary article{background:#f4f7f4;border-radius:14px;padding:18px;display:grid}.result-summary span{color:var(--quiz-muted);font-size:.68rem}.result-summary strong{margin-top:5px;font-family:Georgia,serif;font-size:1.2rem}.quiz-result-card>a{background:var(--quiz-green);color:#fff;border-radius:11px;padding:12px 17px;font-weight:800;text-decoration:none;display:inline-block}@media (max-width:820px){.quiz-intro-card{grid-template-columns:1fr;margin-top:25px}.quiz-intro-visual{min-height:220px}.quiz-intro-visual>div{display:none}.quiz-runner-layout{grid-template-columns:1fr}.question-navigator{position:static}.question-navigator nav{grid-template-columns:repeat(8,minmax(36px,1fr))}}@media (max-width:600px){.quiz-student-header{grid-template-columns:1fr auto;padding-inline:16px}.quiz-student-header>span:nth-child(2){display:none}.quiz-intro-copy{padding:28px 23px}.quiz-intro-facts{grid-template-columns:repeat(2,1fr)}.quiz-runner-header{padding-inline:14px}.quiz-runner-header>div:nth-child(2) span{display:none}.quiz-runner-header>div:nth-child(2) strong{text-overflow:ellipsis;white-space:nowrap;max-width:150px;overflow:hidden}.quiz-runner-layout{width:min(100% - 24px,1160px);margin-top:12px}.question-navigator{padding:14px}.question-navigator nav{grid-template-columns:repeat(5,1fr)}.question-paper{min-height:470px;padding:23px 19px}.question-prompt{margin-top:28px}.question-paper>header button{font-size:0}.question-paper>header button:first-letter{font-size:.9rem}.matching-list label{grid-template-columns:1fr;gap:7px}.matching-list label>span{display:none}.quiz-result-card{padding:35px 22px}}