:root{--navy:#193c5d;--blue:#1675a9;--line:#bec8cf;--ink:#17232c}*{box-sizing:border-box}html,body{width:100%;height:100%}body{margin:0;min-width:1024px;font:16px Arial,sans-serif;color:var(--ink)}.exam{height:100vh;display:grid;grid-template-rows:66px 52px 56px minmax(0,1fr) 76px}.header{display:flex;align-items:center;padding:0 30px;background:var(--navy);color:#fff}.candidate{display:flex;align-items:center;gap:10px}.candidate>div:last-child{display:grid;font-size:12px;gap:3px}.candidate span{color:#d4e0e9}.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 span{font-size:10px;letter-spacing:1.6px;border-left:1px solid #9ab0c1;margin-left:10px;padding-left:10px}.header nav{margin-left:auto;display:flex;gap:24px}.header button{border:0;background:none;color:#fff;cursor:pointer}.header nav button:last-child{border:1px solid #9bb2c5;padding:7px 15px}.testbar{display:flex;align-items:center;justify-content:space-between;padding:0 34px;background:#f7f9fa;border-bottom:1px solid var(--line)}.testbar>div:first-child{display:flex;gap:14px}.testbar b{color:var(--navy)}#partStatus{font-size:13px;color:#637684;border-left:1px solid #b8c1c8;padding-left:14px}.test-tools{display:flex;align-items:center;gap:11px}.test-tools input{width:95px}.time-label{font-size:12px;color:#6b7a85;margin-left:15px}.test-tools time{font-size:21px;font-weight:bold;color:var(--navy)}.audio-row{display:flex;align-items:center;padding:0 34px;border-bottom:1px solid #d5dce1;gap:11px}.audio-row button{width:31px;height:31px;border-radius:50%;border:0;background:var(--navy);color:#fff}.audio-row>div:nth-child(2){display:grid;gap:2px;font-size:13px;min-width:255px}.audio-row span{font-size:11px;color:#71808b}.audio-track{height:4px;background:#d9e0e5;flex:1;margin-left:15px}.audio-track i{display:block;height:100%;width:0;background:var(--blue)}.question-area{overflow:auto;padding:32px max(6vw,64px) 70px}.question-area.hidden{visibility:hidden}.section-label{font-size:12px;letter-spacing:1.2px;color:var(--blue);font-weight:bold}.question-area h1{font-size:25px;color:var(--navy);margin:5px 0 11px}.instruction{margin:0 0 30px;line-height:1.5}.content-card{max-width:980px;border:1px solid var(--line);padding:26px 32px}.content-card h2{text-align:center;margin:0 0 24px;font-size:19px}.question-row{min-height:52px;display:grid;grid-template-columns:38px minmax(190px,1fr) minmax(210px,340px) 34px;align-items:center;gap:12px;border-bottom:1px solid #e1e5e8}.q-number{color:var(--blue)}.text-answer{height:34px;border:0;border-bottom:1px solid #65839a;outline:0;padding:5px}.text-answer:focus{border-bottom:2px solid var(--blue);background:#eff8fd}.flag{border:0;background:none;cursor:pointer;font-size:20px;color:#71808b}.flag.on{color:#d99800}.choice-card{max-width:880px}.choice-question{padding:20px 0;border-bottom:1px solid #dce2e6}.choice-question h3{font-size:16px;margin:0 0 15px}.choice-question h3 b{color:var(--blue);margin-right:12px}.choices{display:grid;gap:9px}.choice{display:flex;align-items:center;gap:10px;cursor:pointer}.choice input{width:17px;height:17px}.choice-letter{font-weight:bold}.matching-layout,.map-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:30px;max-width:1050px}.option-bank{border-left:1px solid var(--line);padding-left:25px}.option-bank h3{margin-top:0;font-size:16px}.bank-option{display:block;width:100%;border:1px solid #bfc9d0;background:#fff;padding:9px 12px;margin:8px 0;text-align:left;border-radius:3px}.bank-option.selected{border-color:var(--blue);background:#eaf7ff}.answer-box{border:1px solid #9cabb5;background:#fff;min-height:33px;padding:6px 9px;text-align:left}.answer-box.filled{border-color:var(--blue);background:#eff9ff}.map-image{min-height:330px;background:#f5f3ed;border:1px solid #939393;display:grid;place-items:center}.map-image img{width:100%}.fake-map{width:85%;height:75%;border:2px solid #777;position:relative;background:linear-gradient(90deg,transparent 48%,#bbb 49%,#bbb 51%,transparent 52%),linear-gradient(transparent 48%,#bbb 49%,#bbb 51%,transparent 52%)}.fake-map:after{content:'MAP IMAGE';position:absolute;inset:0;display:grid;place-items:center;color:#777}.footer{display:flex;align-items:center;gap:16px;border-top:1px solid var(--line);background:#f5f7f8;padding:9px 24px}.review{border:1px solid #aab8c2;background:#fff;padding:9px 13px}.review.on{background:#fff5d6;border-color:#d39800}.part-nav{display:flex;align-self:stretch}.part-button{border:0;border-bottom:3px solid transparent;background:none;padding:0 12px;color:#60717d}.part-button.active{color:var(--navy);font-weight:bold;border-bottom-color:var(--blue)}.question-nav{display:flex;gap:6px;margin-left:auto}.qnav-wrap{display:grid;grid-template-rows:5px 31px;gap:4px}.answered-bar{background:#d9dfe3;border-radius:2px}.answered-bar.on{background:var(--blue)}.qnav{width:31px;height:31px;border:1px solid #9fb0bc;background:#fff}.qnav.current{background:var(--blue);color:#fff;border-color:var(--blue)}.qnav.marked{border:2px solid #d59700;border-radius:50%}.arrow{width:33px;height:33px;border:1px solid #9fb0bc;background:#fff;color:var(--navy);font-size:23px}button{cursor:pointer}.loading{color:#657783}dialog{border:0;padding:25px;box-shadow:0 8px 30px #0004}dialog form{display:grid;gap:18px;min-width:280px}dialog h2{margin:0}dialog label{display:grid;gap:7px}dialog button{justify-self:end;padding:7px 15px}@media(max-width:1120px){.question-area{padding-left:45px;padding-right:45px}.question-nav{gap:3px}.qnav{width:28px}.part-button{padding:0 7px}}