:root{--navy:#193c5d;--blue:#1780bb;--line:#b9c3ca;--ink:#111}*{box-sizing:border-box}html,body{height:100%;width:100%}body{margin:0;min-width:1024px;font:16px Arial,sans-serif;color:var(--ink)}button,input{font:inherit}.exam{height:100vh;display:grid;grid-template-rows:65px 52px minmax(0,1fr) 76px}.header{background:var(--navy);color:#fff;display:flex;align-items:center;padding:0 30px}.candidate{display:flex;gap:10px;align-items:center}.candidate div{display:grid;font-size:12px}.candidate small{color:#c9d9e4;margin-top:3px}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#e8f3fa;color:var(--navy)}.brand{position:absolute;left:50%;transform:translateX(-50%);font-size:22px;font-weight:bold}.brand small{font-size:10px;letter-spacing:1.5px;border-left:1px solid #9eb2c2;margin-left:8px;padding-left:9px}.header nav{margin-left:auto;display:flex;gap:22px}.header button{border:0;background:none;color:#fff;cursor:pointer}.header nav button:last-child{border:1px solid #9eb2c2;width:30px;height:30px}.status{display:flex;justify-content:space-between;align-items:center;padding:0 34px;border-bottom:1px solid var(--line);background:#f7f9fa}.status>div:first-child{display:flex;gap:14px}.status b{color:var(--navy)}#passageStatus{font-size:13px;color:#637581;border-left:1px solid #bdc5ca;padding-left:14px}.status>div:last-child{display:flex;gap:10px;align-items:center}.status small{color:#687985}.status time{font-size:21px;font-weight:bold;color:var(--navy)}.split{min-height:0;display:grid;grid-template-columns:minmax(320px,var(--left,50%)) 12px minmax(380px,1fr);overflow:hidden}.passage,.questions{overflow:auto;padding:30px 34px 70px;line-height:1.58}.passage{border-right:0}.passage h1{font-size:23px;text-align:center;color:#263b4b}.passage h3{font-size:19px;display:inline;margin-right:5px}.passage p{font-size:17px}.divider{background:#e2e5e7;border-left:1px solid #9ca8af;border-right:1px solid #9ca8af;cursor:col-resize;display:grid;place-items:center;color:#526570;font-size:12px;user-select:none}.questions{padding-left:28px}.questions h2{font-size:18px;margin:0 0 15px}.instruction{margin-bottom:28px;line-height:1.5}.question-block{padding:14px 0 23px}.question-title{display:flex;gap:12px;font-size:16px;line-height:1.5}.question-title b{min-width:27px}.answers{display:grid;gap:13px;margin-top:20px}.answer{display:flex;align-items:flex-start;gap:11px;cursor:pointer}.answer input{width:16px;height:16px;margin-top:2px}.answer-letter{font-weight:bold;min-width:18px}.gap-answer{display:block;width:165px;height:30px;margin-top:8px;border:1px solid #555;border-radius:5px;text-align:center;font-weight:bold;outline:0}.gap-answer::placeholder{color:#111;opacity:1}.gap-answer:focus{border:2px solid #168ee0}.heading-bank{display:grid;gap:9px}.heading-option{width:max-content;max-width:100%;border:1px solid #bbb;background:#fff;border-radius:5px;padding:6px 10px;text-align:left;cursor:grab;font-weight:bold}.heading-option.selected{border-color:var(--blue);background:#eaf7ff}.heading-drop{width:100%;height:31px;border:2px dashed #c3cdd3;border-radius:4px;margin:14px 0 3px;display:grid;place-items:center;background:#fff;font-weight:bold;cursor:pointer}.heading-drop.filled{border-color:var(--blue);background:#edf8fe;font-size:13px;font-weight:normal}.heading-drop.over{background:#dff3ff}.matrix{width:100%;border-collapse:collapse;border:1px solid #222;margin-top:26px}.matrix th,.matrix td{border-right:1px solid #777;border-bottom:1px solid #777;padding:9px;text-align:center;height:52px}.matrix .matrix-question{text-align:left;min-width:260px;font-weight:normal}.matrix-question b{display:inline-block;width:34px;text-align:center}.matrix input{appearance:none;width:14px;height:14px;border:1px solid #8d969b;border-radius:50%}.matrix input:checked{border:4px solid var(--blue)}footer{border-top:1px solid var(--line);background:#f5f7f8;display:flex;align-items:center;gap:15px;padding:9px 24px}.review{border:1px solid #aab7c0;background:#fff;padding:9px 13px;color:var(--navy)}.review.on{background:#fff4d1;border-color:#ce9200}.passage-nav{display:flex;align-self:stretch}.passage-button{border:0;border-bottom:3px solid transparent;background:none;padding:0 11px;color:#60717d}.passage-button.active{border-color:var(--blue);color:var(--navy);font-weight:bold}.question-nav{display:flex;gap:5px;margin-left:auto}.qwrap{display:grid;grid-template-rows:5px 31px;gap:4px}.qbar{background:#d9dfe3;border-radius:2px}.qbar.on{background:var(--blue)}.qnav{width:30px;height:31px;border:1px solid #9eadb7;background:#fff}.qnav.current{background:var(--blue);color:#fff}.qnav.marked{border:2px solid #d49a00;border-radius:50%}.arrow{width:33px;height:33px;border:1px solid #9eadb7;background:#fff;font-size:23px;color:var(--navy)}button{cursor:pointer}dialog{border:0;padding:24px;box-shadow:0 7px 25px #0004}dialog form,dialog label{display:grid;gap:14px}dialog h2{margin:0}.picker{position:fixed;inset:0;z-index:10;background:#f1f4f6;overflow:auto}.picker-head{height:72px;background:var(--navy);color:#fff;padding:0 6vw;display:flex;align-items:center;justify-content:space-between}.picker-main{max-width:1100px;margin:45px auto;padding:0 25px}.test-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}.test-card{background:#fff;border:1px solid #c6d0d6;padding:22px}.test-card h2{font-size:18px;color:var(--navy);min-height:42px}.test-card a{display:block;background:var(--navy);color:#fff;text-align:center;padding:10px;text-decoration:none;margin-top:20px}@media(max-width:1120px){.passage,.questions{padding-left:24px;padding-right:24px}.question-nav{gap:2px}.qnav{width:27px}}