:root{--exam-navy:#022b63;--exam-blue:#0b63ce;--exam-red:#d6041d;--exam-bg:#f4f7fb;--exam-line:#d9e1eb;--exam-text:#162235}
body.test-page{background:var(--exam-bg);color:var(--exam-text)}
.test-header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--exam-line);box-shadow:0 2px 12px rgba(15,34,62,.08)}
.test-header-inner{min-height:72px;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:18px;align-items:center}
.test-header .brand-logo{width:180px!important;height:42px!important;object-fit:contain}
.test-header-info{min-width:0}.test-header-info h1{font-size:17px!important;margin:0 0 4px!important;font-weight:800!important;color:var(--exam-navy)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.test-header-info>span{font-size:12px;color:#65748a}
.candidate-badge{display:flex;align-items:center;gap:8px}.candidate-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#e8f0fb;color:var(--exam-navy);font-weight:800}.candidate-meta{display:flex;flex-direction:column;line-height:1.1}.candidate-meta b{font-size:12px}.candidate-meta small{font-size:10px;color:#718096;margin-top:3px}
.timer{min-width:128px;padding:7px 12px;border:1px solid #cdd8e5;border-radius:8px;background:#f8fbff;text-align:center}.timer>span{display:block;font-size:10px;color:#66758a;text-transform:uppercase;letter-spacing:.04em}.timer b{display:block;font-variant-numeric:tabular-nums;font-size:19px;color:var(--exam-red);line-height:1.2}
.exam-section-bar{background:var(--exam-navy);border-bottom:1px solid #001d43}.exam-section-inner{max-width:1180px;margin:auto;display:flex;overflow:auto}.exam-section-tab{flex:1;min-width:145px;padding:10px 14px;color:#dbe8f8;background:transparent;border:0;border-right:1px solid rgba(255,255,255,.14);font-size:12px;font-weight:800;cursor:pointer;text-align:left}.exam-section-tab strong{display:block;font-size:12px}.exam-section-tab small{display:block;margin-top:3px;opacity:.75}.exam-section-tab.active{background:#fff;color:var(--exam-navy)}.exam-section-tab.done{background:#0c467f;color:#fff}.exam-section-tab.locked{opacity:.5;cursor:not-allowed}
.exam-instruction-screen{min-height:calc(100vh - 73px);padding:28px 16px 50px;background:#f4f7fb}.exam-instruction-screen.is-hidden{display:none}.instruction-page{max-width:1080px;margin:auto;background:#fff;border:1px solid var(--exam-line);box-shadow:0 6px 22px rgba(14,32,56,.08)}.instruction-topline{display:flex;gap:14px;align-items:center;padding:16px 20px;background:#c9eaf6;border-bottom:1px solid #9fcbd9}.instruction-step{width:36px;height:36px;border-radius:6px;display:grid;place-items:center;background:var(--exam-navy);color:#fff;font-weight:800;font-size:12px}.instruction-topline strong{display:block;font-size:17px;color:var(--exam-navy)}.instruction-topline span:not(.instruction-step){display:block;font-size:12px;color:#4d6177;margin-top:3px}.instruction-copy{padding:18px 22px 0;font-size:14px;line-height:1.65;color:#34455b}.instruction-image-wrap{padding:18px 22px;overflow:auto;text-align:center}.instruction-image{display:block;max-width:100%;height:auto;margin:0 auto;border:1px solid #d7dee8;box-shadow:0 2px 8px rgba(0,0,0,.06)}.instruction-confirm{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 22px;border-top:1px solid var(--exam-line);background:#fbfcfe}.instruction-confirm label{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:700;color:#35465a}.instruction-confirm input{width:17px;height:17px;accent-color:var(--exam-blue)}.start-exam-btn{border:0;border-radius:7px;background:var(--exam-red);color:#fff;padding:12px 20px;font-weight:800;cursor:pointer;box-shadow:0 4px 10px rgba(214,4,29,.18)}.start-exam-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.start-exam-btn span{margin-left:7px}
.test-main.is-gated{display:none}.test-main{padding-top:18px}.test-layout{align-items:start}.question-area{background:#fff;border:1px solid var(--exam-line);box-shadow:0 3px 12px rgba(14,32,56,.05)}.question-header{border-bottom:1px solid var(--exam-line);background:#fbfcfe}.q-counter{color:var(--exam-navy)!important}.question-section-tag{display:inline-flex!important;background:#eaf2fc!important;color:var(--exam-navy)!important;border:1px solid #d3e2f3;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:800}.question-option.selected{border-color:var(--exam-blue)!important;background:#eef6ff!important}.option-letter{background:#edf2f7!important;color:var(--exam-navy)!important}.question-palette{position:sticky;top:92px;background:#fff;border:1px solid var(--exam-line);box-shadow:0 3px 12px rgba(14,32,56,.05)}.palette-head{background:var(--exam-navy)!important;color:#fff!important}.palette-cell{border-radius:3px!important}.palette-cell.current{outline:2px solid var(--exam-red)!important}.submit-test-btn,.submit-test-btn.sidebar{background:var(--exam-red)!important}.q-btn-next{background:var(--exam-blue)!important}
@media(max-width:1000px){.test-header-inner{grid-template-columns:auto minmax(0,1fr) auto}.candidate-badge{display:none}.test-header .brand-logo{width:155px!important}.exam-section-tab{min-width:130px}}
@media(max-width:700px){.test-header-inner{grid-template-columns:auto 1fr auto;gap:8px;min-height:62px}.test-header .brand-logo{width:132px!important;height:34px!important}.test-header-info{display:none}.timer{min-width:104px;padding:5px 7px}.timer b{font-size:15px}.exam-instruction-screen{padding:12px 8px 30px}.instruction-topline{padding:12px}.instruction-image-wrap{padding:10px}.instruction-confirm{flex-direction:column;align-items:stretch}.start-exam-btn{width:100%}.exam-section-tab{min-width:120px;padding:9px 10px}.test-main{padding-top:8px}.question-palette{position:static}.test-layout{grid-template-columns:1fr!important}}

.question-meta-tags{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:10px}.question-topic-tag{display:inline-flex;background:#fff4e8!important;color:#9a4f00!important;border:1px solid #f1d4ae;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:800}