:root{--ink:#17243d;--blue:#174f79;--teal:#087d77;--line:#d6dfe5;--orange:#f2a43a}*{box-sizing:border-box}body{margin:0;background:#e9eff2;color:var(--ink);font-family:Arial,Helvetica,sans-serif}button,select{font:inherit}.topbar{height:78px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:5}.brand,.top-actions{display:flex;align-items:center;gap:14px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;background:var(--blue);color:#fff;font:bold 18px Georgia}.brand strong,.brand small,.timer span,.timer strong{display:block}.brand small{color:#657283;margin-top:3px}.back{color:#657283;text-decoration:none;font-size:13px}.timer{border-left:1px solid var(--line);padding-left:20px}.timer span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#738090}.timer strong{font-size:20px;font-variant-numeric:tabular-nums}.set-time,.pause{border:1px solid #aebbc5;border-radius:6px;background:#fff;color:var(--blue);padding:11px 15px;font-weight:bold}.pause.on{background:#fff3d9;border-color:var(--orange);color:#7b5008}.paused-screen{position:fixed;inset:78px 0 0;z-index:8;display:grid;place-items:center;background:#17243de8;color:#fff;text-align:center}.paused-screen div{padding:35px 50px;border:1px solid #ffffff55;border-radius:12px;background:#17243d}.paused-screen b,.paused-screen span{display:block}.paused-screen b{font:700 36px Georgia,serif}.paused-screen span{margin-top:10px;color:#dbe8ef}.finish,.next,.submit{border:0;border-radius:6px;background:var(--blue);color:#fff;padding:12px 18px;font-weight:bold}.progress{height:4px;background:#dfe7eb}.progress span{display:block;height:100%;background:var(--teal)}.workspace{display:grid;grid-template-columns:220px minmax(520px,1fr) 300px;min-height:calc(100vh - 146px)}.rail,.answers{background:#f8fafb;padding:26px 20px}.rail{border-right:1px solid var(--line)}.answers{border-left:1px solid var(--line);max-height:calc(100vh - 82px);overflow:auto;position:sticky;top:82px}.eyebrow{margin:0 0 16px;font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#6c7989;font-weight:bold}.question-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.question-grid button{height:34px;border:1px solid var(--line);background:#fff;border-radius:5px;color:var(--ink)}.question-grid button.active{background:var(--blue);color:#fff;border-color:var(--blue)}.question-grid button.done:not(.active){background:#dff4ef;border-color:#69afa3}.question-grid button.marked{box-shadow:inset 0 -3px var(--orange)}.legend{margin-top:28px;border-top:1px solid var(--line);padding-top:18px;display:grid;gap:10px;font-size:12px;color:#687586}.legend span{display:flex;align-items:center;gap:8px}.legend i{width:11px;height:11px;border:1px solid #9aa8b4;border-radius:2px}.legend i.answered{background:var(--teal);border-color:var(--teal)}.legend i.flagged{background:var(--orange);border-color:var(--orange)}.paper-area{padding:25px 32px 46px;overflow:auto}.paper-toolbar{max-width:850px;margin:auto;display:flex;justify-content:space-between;align-items:end}.section-tag{font-size:12px;font-weight:bold;color:var(--teal);text-transform:uppercase;letter-spacing:.08em}.paper-toolbar h1{margin:5px 0 12px;font-size:22px}.flag{border:1px solid #c9d3da;background:#fff;border-radius:6px;padding:9px 12px;margin-bottom:12px}.flag.on{color:#89590b;border-color:var(--orange);background:#fff8ea}.paper-card{max-width:850px;margin:auto;background:#fff;box-shadow:0 3px 15px #24384b22}.paper-card img{display:block;width:100%;height:auto}.answers h2{margin:0 0 20px}.field{display:block;margin-bottom:15px}.field span{display:block;font-size:13px;font-weight:bold;line-height:1.3;margin-bottom:6px}.field input,.field select{width:100%;padding:10px;border:1px solid #bfcbd3;border-radius:5px;background:#fff;color:var(--ink)}.autosave{font-size:12px;color:#668075;margin-top:20px}.exam-footer{height:64px;position:sticky;bottom:0;background:#fff;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;z-index:4}.exam-footer button{padding:10px 15px;border:1px solid var(--line);border-radius:5px;background:#fff;font-weight:bold}.exam-footer button:disabled{opacity:.45}.exam-footer .next{background:var(--blue);color:#fff;border-color:var(--blue)}.exam-footer span{font-size:13px;color:#637182}.review-page,.results-page{min-height:100vh;background:#eef3f5;padding:60px 20px}.review-card{max-width:920px;margin:auto;background:#fff;padding:46px;border-radius:10px;box-shadow:0 10px 35px #24384b18}.review-card h1{font:700 38px Georgia,serif;margin:8px 0}.review-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:30px 0}.review-grid button{display:grid;grid-template-columns:42px 1fr auto;align-items:center;text-align:left;border:1px solid var(--line);border-radius:7px;background:#fff;padding:14px}.review-grid b{display:grid;place-items:center;background:#edf3f6;border-radius:50%;width:30px;height:30px}.review-grid span{font-weight:bold}.review-grid small{color:#9b5a42}.review-grid small.complete{color:var(--teal)}.review-actions{display:flex;justify-content:flex-end;gap:12px;border-top:1px solid var(--line);padding-top:22px}.review-actions button,.result-summary button{border:1px solid var(--line);background:#fff;border-radius:6px;padding:12px 18px;font-weight:bold}.review-actions .submit{background:var(--blue);color:#fff}.results-page{padding:0 0 80px}.results-hero{background:var(--blue);color:#fff;text-align:center;padding:60px 20px 90px}.results-hero .eyebrow{color:#b9d1df}.results-hero h1{font:700 42px Georgia,serif;margin:8px 0 25px}.score-ring{width:160px;height:160px;margin:auto;border:8px solid #55b7a9;border-radius:50%;display:grid;place-content:center}.score-ring strong{font-size:55px;line-height:.9}.score-ring span{font-size:17px;margin-top:8px}.results-body{max-width:900px;margin:-45px auto 0;padding:0 20px}.result-summary,.result-page{background:#fff;border-radius:9px;box-shadow:0 5px 25px #24384b18;margin-bottom:16px;padding:25px}.result-summary{display:grid;grid-template-columns:1fr auto;align-items:center}.result-summary h2,.result-summary p{margin:0}.result-summary p{grid-column:1;color:#6a7786;margin-top:5px}.result-summary button{grid-column:2;grid-row:1/3}.result-page h3{display:grid;grid-template-columns:38px 1fr auto;align-items:center;margin:0 0 15px;border-bottom:1px solid var(--line);padding-bottom:14px}.result-page h3 b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#edf3f6}.result-page h3 span{font-weight:normal;color:#6c7885}.result-row{display:flex;gap:12px;padding:10px;border-radius:5px;margin-top:5px}.result-row i{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;font-style:normal;font-weight:bold;flex:0 0 auto}.result-row strong,.result-row small{display:block}.result-row small{margin-top:3px;color:#667482}.result-row.correct{background:#eff9f4}.result-row.correct i{background:#168565;color:#fff}.result-row.wrong{background:#fff2ef}.result-row.wrong i{background:#c5523e;color:#fff}@media(max-width:1050px){.workspace{grid-template-columns:78px 1fr 270px}.rail .eyebrow,.legend{display:none}.question-grid{grid-template-columns:1fr}.paper-area{padding:22px 18px}}@media(max-width:760px){.topbar{height:auto;min-height:72px;padding:10px 12px}.brand small,.back{display:none}.timer{padding-left:0;border:0}.finish{padding:10px}.workspace{display:block}.rail{padding:12px;border:0;overflow:auto}.question-grid{display:flex}.question-grid button{min-width:36px}.answers{border:0;border-top:1px solid var(--line);max-height:none;position:static}.paper-area{padding:18px 10px}.paper-toolbar h1{font-size:18px}.exam-footer{padding:0 12px}.review-page{padding:20px 10px}.review-card{padding:25px 18px}.review-grid{grid-template-columns:1fr}.review-grid button{grid-template-columns:36px 1fr}.review-grid small{grid-column:2}.result-summary{display:block}.result-summary button{margin-top:16px}}