:root { --exam-ink:#182B2B; --exam-muted:#66756D; --exam-green:#176B55; --exam-green-soft:#E8F0E9; --exam-line:#DCE2DC; --exam-paper:#FFFFFF; --exam-canvas:#F4F5F1; --exam-gold:#B88739; --exam-gold-soft:#FBF5E8; --exam-red:#B86657; }
.quiz-page { background:var(--exam-canvas); color:var(--exam-ink); }
.quiz-page .quiz-header { min-height:76px; padding:12px clamp(20px,3vw,48px); border-bottom:1px solid var(--exam-line); background:rgba(255,255,255,.97); box-shadow:0 6px 24px rgba(24,43,43,.05); }
.quiz-page .quiz-header .brand-lockup { width:154px; min-width:154px; }
.quiz-paper-heading { display:flex; flex-direction:column; gap:3px; padding-left:24px; margin-left:24px; border-left:1px solid var(--exam-line); }
.quiz-paper-heading span { color:var(--exam-muted); font-size:.72rem; font-weight:750; letter-spacing:.12em; text-transform:uppercase; }
.quiz-paper-heading strong { font:600 1rem/1.3 system-ui,sans-serif; }
#timer { display:flex; flex-direction:column; align-items:flex-end; color:var(--exam-ink); font:700 1.08rem/1.1 ui-monospace,SFMono-Regular,Consolas,monospace; }
#timer:not(:empty)::before { content:"Time remaining"; margin:0 0 5px; color:var(--exam-muted); font:500 .72rem/1 system-ui,sans-serif; letter-spacing:.08em; text-transform:uppercase; }
#palette-timer { color:var(--exam-ink); font:750 .95rem/1 ui-monospace,SFMono-Regular,Consolas,monospace; white-space:nowrap; }
#palette-timer:not(:empty)::before { content:"Time"; display:block; margin-bottom:4px; color:var(--exam-muted); font:600 .62rem/1 system-ui,sans-serif; letter-spacing:.1em; text-transform:uppercase; }
.instruction-kicker { display:block; color:var(--exam-green); font-size:.75rem; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
.quiz-page[data-quiz-stage="instructions"] .quiz-layout,.quiz-page[data-quiz-stage="agreement"] .quiz-layout,.quiz-page[data-quiz-stage="loading"] .quiz-layout { display:block; width:min(1060px,calc(100% - 40px)); margin:48px auto 72px; }
.quiz-page[data-quiz-stage="instructions"] .quiz-left,.quiz-page[data-quiz-stage="agreement"] .quiz-left,.quiz-page[data-quiz-stage="loading"] .quiz-left { width:100%; }
.quiz-page .quiz-intro { margin:0 0 24px; }
.quiz-page .quiz-intro h1 { margin:7px 0 8px; font:500 clamp(2rem,4vw,3rem)/1.08 Georgia,serif; }
.quiz-page .quiz-intro p { max-width:720px; }
.instruction-card { overflow:hidden; padding:clamp(26px,4vw,48px); border:1px solid var(--exam-line); border-radius:18px; background:var(--exam-paper); box-shadow:0 20px 60px rgba(24,43,43,.07); }
.instruction-progress { display:flex; align-items:center; width:150px; margin-bottom:34px; }
.instruction-progress span { display:grid; place-items:center; width:30px; height:30px; border:1px solid var(--exam-line); border-radius:50%; color:var(--exam-muted); font-weight:750; }
.instruction-progress span.active,.instruction-progress span.complete { border-color:var(--exam-green); background:var(--exam-green); color:white; }
.instruction-progress i { flex:1; height:1px; background:var(--exam-line); }
.instruction-progress i.complete { background:var(--exam-green); }
.instruction-heading-row { display:flex; align-items:flex-end; justify-content:space-between; gap:28px; padding-bottom:28px; border-bottom:1px solid var(--exam-line); }
.instruction-heading-row h2,.agreement-card h2 { margin:7px 0 0; font:500 clamp(1.7rem,3vw,2.35rem)/1.15 Georgia,serif; }
.paper-facts { display:flex; gap:10px; margin:0; }
.paper-facts div { min-width:116px; padding:14px 16px; border-radius:10px; background:var(--exam-canvas); }
.paper-facts dt { color:var(--exam-muted); font-size:.76rem; }
.paper-facts dd { margin:5px 0 0; font-weight:750; }
.instruction-sections { display:grid; grid-template-columns:1fr 1fr; gap:42px; padding:30px 0; }
.instruction-sections h3 { margin:0 0 14px; font-size:1rem; }
.instruction-sections ol { margin:0; padding-left:22px; color:#3E514A; line-height:1.7; }
.instruction-sections li+li { margin-top:11px; }
.palette-guide { display:flex; flex-wrap:wrap; gap:12px 22px; padding:18px 20px; border-radius:10px; background:#F7F6F2; color:var(--exam-muted); font-size:.86rem; }
.palette-guide span { display:flex; align-items:center; gap:8px; }
.palette-guide i,.palette-stats i { width:12px; height:12px; border-radius:3px; background:#ECEFEB; border:1px solid #CFD6D0; }
.palette-guide .guide-unanswered,.palette-stats .stat-unanswered { background:#F7E8E5; border-color:#D4A398; }
.palette-guide .guide-answered,.palette-stats .stat-answered { background:var(--exam-green); border-color:var(--exam-green); }
.palette-guide .guide-marked,.palette-stats .stat-marked { background:var(--exam-gold); border-color:var(--exam-gold); }
.readiness-list { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; padding:28px 0; margin:0; list-style:none; }
.readiness-list li { display:flex; flex-direction:column; gap:7px; padding:20px; border:1px solid var(--exam-line); border-radius:10px; }
.readiness-list span { color:var(--exam-muted); font-size:.86rem; line-height:1.5; }
.agreement-check { display:flex; align-items:flex-start; gap:14px; padding:20px; border:1px solid #9DBEAA; border-radius:10px; background:var(--exam-green-soft); line-height:1.55; cursor:pointer; }
.agreement-check input { flex:0 0 20px; width:20px; height:20px; margin-top:2px; accent-color:var(--exam-green); }
.instruction-empty-state { text-align:center; }
.instruction-empty-state h2 { margin:10px 0; font:500 2rem/1.2 Georgia,serif; }
.instruction-empty-state p { margin:0 auto 24px; max-width:590px; color:var(--exam-muted); }
.quiz-page #quiz-navigation { display:grid; grid-auto-flow:column; grid-auto-columns:minmax(150px,auto); justify-content:space-between; gap:12px; padding:20px 0 0; }
.exam-primary-btn,.exam-secondary-btn,.exam-submit-btn { display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:12px 22px; border-radius:8px; font:700 .92rem/1 system-ui,sans-serif; cursor:pointer; transition:.18s ease; }
.exam-primary-btn { border:1px solid var(--exam-green); background:var(--exam-green); color:white; text-decoration:none; }
.exam-primary-btn:hover,.exam-submit-btn:hover { background:#105744; }
.exam-secondary-btn { border:1px solid #AAB6AD; background:white; color:var(--exam-ink); }
.exam-secondary-btn:hover { border-color:var(--exam-green); color:var(--exam-green); }
.exam-primary-btn:disabled,.exam-secondary-btn:disabled { opacity:.45; cursor:not-allowed; }

/* Distraction-free, full-height exam workspace */
html:fullscreen { background:white; }
.quiz-page.quiz-active { --exam-gutter:clamp(24px,3vw,48px); --exam-toolbar-height:72px; --exam-footer-height:76px; overflow:hidden; background:white; }
.quiz-page.quiz-active .quiz-intro { display:none; }
.quiz-page.quiz-active .site-footer { display:none; }
.quiz-page.quiz-active .quiz-header { display:none; }
.quiz-page.quiz-active .quiz-layout { display:grid; grid-template-columns:minmax(0,1fr) 310px; grid-template-rows:var(--exam-toolbar-height) minmax(0,1fr) var(--exam-footer-height); align-items:stretch; width:100%; height:100dvh; min-height:100dvh; gap:0; margin:0; overflow:hidden; }
.exam-toolbar { grid-column:1/-1; grid-row:1; display:flex; align-items:center; justify-content:space-between; gap:24px; min-width:0; padding:12px 24px 12px var(--exam-gutter); border-bottom:1px solid var(--exam-line); background:#F7F9F5; }
.exam-session-heading { display:flex; flex-direction:column; gap:3px; min-width:0; }
.exam-session-heading>span { color:var(--exam-green); font-size:.625rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
.exam-session-heading strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--exam-ink); font-size:.9375rem; font-weight:600; }
.quiz-page.quiz-active .quiz-left { display:contents; }
.quiz-page.quiz-active #quiz-container { grid-column:1; grid-row:2; min-width:0; min-height:0; overflow-y:auto; overscroll-behavior:contain; padding:0; background:white; }
.exam-question-card { width:100%; min-height:100%; margin:0; padding:0; border:0; border-radius:0; background:white; box-shadow:none; }
.exam-question-meta { position:sticky; top:0; z-index:2; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; min-height:64px; gap:12px; padding:14px var(--exam-gutter); border-bottom:1px solid #E8EDE6; background:white; color:var(--exam-muted); font-size:.75rem; }
.exam-question-body { width:100%; max-width:1100px; padding:28px var(--exam-gutter) 40px; }
.exam-question-position { display:inline-flex; align-items:baseline; gap:8px; color:var(--exam-green); font-weight:650; }
.exam-question-position strong { font-size:.95rem; font-variant-numeric:tabular-nums; }
.exam-question-total { color:#829087; font-weight:400; }
.exam-marking { display:flex; gap:14px; font-size:.7rem; }
.exam-marking>span { display:inline-flex; align-items:center; gap:5px; }
.exam-marking>span:first-child b { color:var(--exam-green); }
.exam-marking>span:last-child b { color:#A35E50; }
.exam-question-heading { margin:0 0 24px; }
.exam-question-heading h2 { margin:0; color:#243A34; font:500 1.0625rem/1.7 var(--font-ui,system-ui,sans-serif); letter-spacing:0; }
.exam-question-card .options { display:grid; gap:10px; width:100%; margin:0; }
.exam-question-card .option-btn { position:relative; display:grid; grid-template-columns:30px minmax(0,1fr); align-items:start; gap:13px; min-height:50px; padding:10px 14px; border:1px solid #DFE5DE; border-radius:6px; background:#fff; color:#34453E; font:400 .9375rem/1.55 var(--font-ui,system-ui,sans-serif); transition:border-color .15s ease,background .15s ease,box-shadow .15s ease; }
.exam-question-card .option-btn:hover { border-color:#9FB8AA; background:#FAFCF9; }
.exam-question-card .option-btn input[type="radio"] { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); clip-path:inset(50%); white-space:nowrap; border:0; }
.exam-question-card .option-btn:focus-within { outline:none; }
.exam-question-card .option-btn:has(input:focus-visible) { outline:2px solid var(--exam-green); outline-offset:3px; }
.option-letter { display:grid; place-items:center; width:28px; height:28px; margin:0; border:1px solid #DDE4DC; border-radius:7px; background:#F6F8F4; color:#6C7C70; font:600 .75rem/1 var(--font-ui,system-ui,sans-serif); }
.option-copy { padding-top:2px; overflow-wrap:anywhere; }
.exam-question-card .option-btn.selected { border-color:#39866A; background:#F0F7F1; box-shadow:0 0 0 1px rgba(23,107,85,.08); }
.option-btn.selected .option-letter { border-color:var(--exam-green); background:var(--exam-green); color:white; }
.marked-reminder { width:max-content; margin-top:20px; padding:8px 12px; border-radius:7px; background:var(--exam-gold-soft); color:#735728; font-size:.82rem; font-weight:700; }
.quiz-page.quiz-active #quiz-navigation { grid-column:1; grid-row:3; display:grid; grid-template-columns:auto auto minmax(0,1fr) auto; grid-auto-flow:initial; align-items:center; position:relative; z-index:10; margin:0; padding:16px var(--exam-gutter); gap:10px; border-top:1px solid var(--exam-line); background:#F7F9F5; }
.quiz-active #quiz-navigation button { min-height:44px; width:auto; padding:12px 18px; border-radius:8px; font-size:.8125rem; font-weight:600; white-space:nowrap; }
.quiz-active #previous-question::before { content:"\2190"; margin-right:8px; }
.quiz-active #next-question { min-width:108px; }
.quiz-active #next-question::after { content:"\2192"; margin-left:16px; }
.quiz-active #clear-response { border-color:transparent; color:var(--exam-muted); background:transparent; }
.quiz-active #clear-response:hover { color:var(--exam-green); background:#F5F8F3; }
.quiz-active #mark-review { justify-self:end; border-color:#DCCBA7; color:#886C37; background:#FFFCF5; }
.quiz-active #mark-review:hover { border-color:var(--exam-gold); background:var(--exam-gold-soft); }
.quiz-page.quiz-active .quiz-right { grid-column:2; grid-row:2; position:relative; top:0; display:flex; flex-direction:column; min-height:0; height:auto; max-height:none; padding:0; border:0; border-left:1px solid var(--exam-line); border-radius:0; background:#FAFBF8; overflow:hidden; }
.palette-topbar { display:flex; align-items:center; flex-shrink:0; min-height:64px; padding:14px 22px; border-bottom:1px solid #E8EDE6; }
.exam-runtime-tools { display:flex; flex-shrink:0; align-items:center; justify-content:space-between; gap:24px; margin:0; padding:0; border:0; }
.fullscreen-toggle { min-height:34px; padding:8px 10px; border:1px solid var(--exam-line); border-radius:7px; background:white; color:var(--exam-muted); font:600 .7rem/1.2 var(--font-ui,system-ui,sans-serif); cursor:pointer; }
.fullscreen-toggle:hover { border-color:var(--exam-green); color:var(--exam-green); }
.palette-heading span { color:var(--exam-green); font-size:.625rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
.palette-heading .palette-title { margin:0; font:600 .9375rem/1.4 var(--font-ui,system-ui,sans-serif); letter-spacing:0; }
.palette-stats { display:grid; flex-shrink:0; grid-template-columns:1fr 1fr; gap:12px 16px; margin:20px 22px; }
.palette-stats div { display:grid; grid-template-columns:10px 1fr auto; align-items:center; gap:6px; padding:0; border-radius:0; background:transparent; color:var(--exam-muted); font-size:.68rem; }
.palette-stats i { width:10px; height:10px; }
.palette-stats strong { color:var(--exam-ink); }
.quiz-page.quiz-active #question-palette { flex:1; min-height:0; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); align-content:start; gap:8px; margin:0 17px; padding:4px 6px 16px 5px; overflow-y:auto; scrollbar-width:thin; scrollbar-color:#C8D2C8 transparent; }
.quiz-page.quiz-active .palette-btn { min-height:39px; border-radius:7px; font-size:.78rem; font-weight:600; }
.palette-btn.palette-unseen { background:#F5F6F2; border-color:#E5E9E2; color:#78857A; }
.palette-btn.palette-unattempted { background:#FCF2EE; border-color:#E8CFC4; color:#A4604E; }
.palette-btn.palette-attempted { background:var(--exam-green); border-color:var(--exam-green); color:white; }
.palette-btn.palette-marked { background:var(--exam-gold); border-color:var(--exam-gold); color:white; }
.palette-btn.palette-current { outline:2px solid var(--exam-green); outline-offset:2px; }
.palette-btn:focus-visible,.quiz-active button:focus-visible { outline:2px solid var(--exam-green); outline-offset:3px; }
.palette-legend { margin:12px 0; }
.palette-legend .legend-current { background:white; outline:2px solid var(--exam-green); }
.palette-legend .legend-marked { background:var(--exam-gold); border-color:var(--exam-gold); }
.exam-submit-btn { width:100%; border:1px solid var(--exam-green); background:var(--exam-green); color:white; }
.quiz-page.quiz-active .palette-note { margin:12px 0 0; padding-top:12px; font-size:.7rem; line-height:1.5; }
.quiz-active .palette-legend { flex-shrink:0; gap:10px; margin:0; padding:18px 22px; border-top:1px solid #E8EDE6; font-size:.69rem; }
.exam-submit-area { grid-column:2; grid-row:3; display:flex; align-items:center; padding:16px 22px; border-top:1px solid var(--exam-line); border-left:1px solid var(--exam-line); background:#F7F9F5; }
.quiz-active .exam-submit-btn { flex-shrink:0; min-height:44px; font-size:.8125rem; }
.mark-review-btn.is-marked { border-color:var(--exam-gold); background:var(--exam-gold-soft); color:#735728; }

/* Analytics and answer review */
.quiz-page.quiz-results .quiz-layout { display:block; width:min(1120px,calc(100% - 40px)); margin:44px auto 80px; }
.quiz-page.quiz-results .quiz-left { width:100%; }
.result-hero { padding:22px 0 28px; }
.result-hero h1 { max-width:760px; margin:8px 0; font:500 clamp(2.2rem,5vw,3.7rem)/1.05 Georgia,serif; }
.result-hero p { margin:0; color:var(--exam-muted); }
.quiz-page .result-card { padding:clamp(24px,4vw,40px); border-radius:16px; box-shadow:0 15px 46px rgba(24,43,43,.055); }
.analytics-heading { display:flex; justify-content:space-between; align-items:center; gap:24px; margin-bottom:26px; }
.analytics-heading h2 { margin:7px 0 0; font:500 2.5rem/1 Georgia,serif; }
.accuracy-ring { display:grid; place-items:center; width:108px; height:108px; border-radius:50%; background:radial-gradient(circle at center,#fff 57%,transparent 59%),conic-gradient(var(--exam-green) calc(var(--accuracy)*1%),#E5E9E4 0); }
.accuracy-ring strong { margin-top:10px; font-size:1.2rem; }
.accuracy-ring span { margin-top:-29px; color:var(--exam-muted); font-size:.7rem; }
.quiz-page .result-grid { grid-template-columns:repeat(5,minmax(0,1fr)); }
.quiz-page .result-grid>div { gap:7px; }
.quiz-page .result-grid strong { font-size:1.35rem; }
.performance-graph { display:grid; gap:12px; margin-top:30px; padding-top:26px; border-top:1px solid var(--exam-line); }
.performance-row { display:grid; grid-template-columns:78px minmax(0,1fr) 34px; align-items:center; gap:12px; font-size:.82rem; }
.performance-row>div { height:10px; overflow:hidden; border-radius:999px; background:#EDF0EC; }
.performance-row i { display:block; height:100%; min-width:2px; border-radius:999px; }
.section-heading { display:flex; justify-content:space-between; align-items:end; gap:30px; margin-bottom:20px; }
.section-heading h2 { margin:7px 0 0; }
.section-heading p { max-width:380px; margin:0; color:var(--exam-muted); font-size:.86rem; }
.leaderboard-table { border:1px solid var(--exam-line); border-radius:10px; overflow:hidden; }
.leaderboard-table-head,.leaderboard-row { display:grid; grid-template-columns:70px minmax(0,1fr) 130px; gap:12px; align-items:center; }
.leaderboard-table-head { padding:11px 16px; background:#F2F4F0; color:var(--exam-muted); font-size:.72rem; font-weight:750; letter-spacing:.08em; text-transform:uppercase; }
.quiz-page .leaderboard-row { padding:13px 16px; border-bottom:1px solid #E5E9E4; }
.leaderboard-row:last-child { border-bottom:0; }
.leaderboard-row>span:last-child { display:flex; flex-direction:column; align-items:flex-end; }
.leaderboard-row small { color:var(--exam-muted); font-size:.7rem; }
.leaderboard-row span:nth-child(2) small { display:inline-block; margin-left:7px; padding:3px 6px; border-radius:4px; background:var(--exam-green); color:white; }
.leaderboard-current { background:var(--exam-green-soft); }
.leaderboard-empty,.leaderboard-message { margin:0; padding:18px; color:var(--exam-muted); }
.leaderboard-error { color:#913A2F; }
.leaderboard-table-locked .leaderboard-row,.leaderboard-table-locked .leaderboard-empty { filter:blur(5px); opacity:.72; pointer-events:none; user-select:none; }
.personal-rank { display:grid; grid-template-columns:1fr auto; gap:5px 20px; align-items:center; margin-top:18px; padding:18px 20px; border-radius:10px; background:var(--exam-green-soft); }
.personal-rank span { color:var(--exam-muted); font-size:.78rem; font-weight:700; text-transform:uppercase; }
.personal-rank strong { grid-row:1/3; grid-column:2; color:var(--exam-green); font-size:2rem; }
.personal-rank p { margin:0; color:#52685B; font-size:.84rem; }
.personal-rank-locked { filter:blur(5px); opacity:.7; pointer-events:none; user-select:none; }
.rank-signin-card { display:grid; grid-template-columns:minmax(0,1fr) minmax(280px,390px); gap:30px; align-items:start; margin-top:20px; padding:24px; border:1px solid #9DBEAA; border-radius:12px; background:var(--exam-green-soft); }
.rank-signin-card h3 { margin:7px 0 8px; font:500 1.4rem/1.2 Georgia,serif; }
.rank-signin-card>div>p { margin:0; color:#52685B; font-size:.86rem; line-height:1.55; }
.rank-signin-form { display:grid; gap:11px; }
.rank-signin-form label { display:grid; gap:6px; color:var(--exam-ink); font-size:.76rem; font-weight:750; }
.rank-signin-form input { width:100%; min-height:42px; padding:9px 11px; border:1px solid #AAB6AD; border-radius:7px; background:white; color:var(--exam-ink); font:500 .88rem/1.2 system-ui,sans-serif; }
.rank-signin-form input:focus { outline:2px solid rgba(23,107,85,.2); border-color:var(--exam-green); }
.rank-password-field { position:relative; display:block; }
.rank-password-field input { padding-right:58px; }
.rank-password-field button { position:absolute; top:50%; right:7px; transform:translateY(-50%); border:0; background:transparent; color:var(--exam-green); font-size:.72rem; font-weight:800; cursor:pointer; }
.rank-signin-status { min-height:18px; margin:0; color:#913A2F; font-size:.78rem; line-height:1.4; }
.review-heading { padding:36px 0 18px; }
.review-heading h2 { margin:7px 0; font:500 2.25rem/1.1 Georgia,serif; }
.review-heading p { margin:0; color:var(--exam-muted); }
.review-question-heading { display:grid; grid-template-columns:45px minmax(0,1fr); gap:16px; }
.review-question-heading>span { display:grid; place-items:center; width:42px; height:42px; border-radius:8px; background:#F0F1ED; font-weight:800; }
.review-question-heading h4 { margin:2px 0 22px; }
.review-option { display:grid; grid-template-columns:28px minmax(0,1fr); gap:10px; }
.review-option>span { font-weight:800; }
.quiz-page .review-question { margin-bottom:12px; padding:18px 20px; border-radius:9px; }
.quiz-page .review-question-heading { grid-template-columns:36px minmax(0,1fr); gap:11px; }
.quiz-page .review-question-heading>span { width:34px; height:34px; border-radius:6px; font-size:.76rem; }
.quiz-page .review-question-heading h4 { margin:1px 0 13px; font-size:.94rem; line-height:1.5; }
.quiz-page .review-options { gap:6px; }
.quiz-page .review-option { padding:8px 10px; font-size:.84rem; line-height:1.4; }
.quiz-page .review-explanation { margin-top:12px; padding:12px 14px; }

@media (max-width:980px) {
  .quiz-page.quiz-active { --exam-footer-height:126px; }
  .quiz-page.quiz-active .quiz-layout { grid-template-columns:minmax(0,1fr) 270px; }
  .quiz-page.quiz-active #question-palette { grid-template-columns:repeat(4,1fr); }
  .quiz-page.quiz-active #quiz-navigation { grid-template-columns:1fr 1fr; padding-block:14px; }
  .quiz-active #quiz-navigation button { width:100%; padding:12px; }
  .quiz-page .result-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .rank-signin-card { grid-template-columns:1fr; }
}
@media (max-width:760px) {
  .quiz-paper-heading { display:none; }
  .quiz-page .quiz-header .brand-lockup { width:124px; min-width:124px; }
  .instruction-heading-row,.analytics-heading,.section-heading { align-items:flex-start; flex-direction:column; }
  .paper-facts { width:100%; }
  .paper-facts div { flex:1; min-width:0; }
  .instruction-sections,.readiness-list { grid-template-columns:1fr; gap:20px; }
  .quiz-page.quiz-active { --exam-gutter:20px; overflow:auto; }
  .quiz-page.quiz-active .quiz-layout { display:block; height:auto; overflow:visible; }
  .exam-toolbar { flex-wrap:wrap; padding:14px var(--exam-gutter); gap:14px; }
  .exam-session-heading { flex:1 1 100%; }
  .exam-runtime-tools { width:100%; }
  .quiz-page.quiz-active .quiz-left { display:block; padding:0; }
  .quiz-page.quiz-active #quiz-container { overflow:visible; padding:0; }
  .exam-question-card { min-height:auto; padding:0; border-radius:0; }
  .exam-question-meta { position:static; gap:10px; padding:16px var(--exam-gutter); }
  .exam-question-body { padding:24px var(--exam-gutter) 28px; }
  .exam-question-heading { margin:0 0 20px; }
  .exam-question-heading h2 { font-size:1.0625rem; }
  .quiz-page.quiz-active .quiz-right { position:static; display:flex; height:auto; max-height:none; border-top:1px solid var(--exam-line); border-left:0; }
  .quiz-page.quiz-active #question-palette { flex:none; height:280px; max-height:360px; grid-template-columns:repeat(6,minmax(0,1fr)); }
  .quiz-page.quiz-active #quiz-navigation { position:static; grid-template-columns:1fr 1fr; padding:14px var(--exam-gutter); }
  .exam-submit-area { border-left:0; padding:16px var(--exam-gutter); }
  .quiz-page .result-grid { grid-template-columns:1fr 1fr; }
  .leaderboard-table-head,.leaderboard-row { grid-template-columns:52px minmax(0,1fr) 78px; }
}
@media (max-width:480px) {
  .quiz-page[data-quiz-stage="instructions"] .quiz-layout,.quiz-page[data-quiz-stage="agreement"] .quiz-layout,.quiz-page[data-quiz-stage="loading"] .quiz-layout,.quiz-page.quiz-results .quiz-layout { width:calc(100% - 24px); margin-top:24px; }
  .instruction-card { padding:22px 18px; }
  .quiz-page #quiz-navigation { grid-auto-columns:1fr; }
  .quiz-active #quiz-navigation button { font-size:.75rem; padding:12px 8px; }
  .exam-question-card .option-btn { grid-template-columns:28px minmax(0,1fr); gap:10px; padding:12px; }
  .exam-marking { gap:9px; font-size:.65rem; }
  .quiz-page.quiz-active #question-palette { grid-template-columns:repeat(5,minmax(0,1fr)); }
  .quiz-page .result-grid { grid-template-columns:1fr; }
}
@media (min-width:761px) and (max-height:540px) {
  .quiz-page.quiz-active .quiz-right { overflow-y:auto; }
  .quiz-page.quiz-active .quiz-right>* { flex-shrink:0; }
  .quiz-page.quiz-active #question-palette { flex:none; height:240px; }
}