/* Keep the exam header compact; question content remains the visual focus. */
.exam-header{padding:0;background:#143a4a}
.exam-header .account-nav{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 0;border-bottom:1px solid #ffffff18}
.exam-header .account-identity{display:flex;align-items:center;gap:10px;min-width:0}
.exam-header .account-avatar{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border:1px solid #ffffff24;border-radius:50%;color:#9ce0d5;background:#ffffff08}
.exam-header .account-avatar svg{width:19px;height:19px}
.exam-header .account-label{font-size:15px;line-height:1.4;font-weight:500;color:#eef8f7;margin:0;max-width:none;overflow-wrap:anywhere;min-width:0}
.exam-header .signout-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex-shrink:0;min-height:40px;padding:8px 13px;background:#ffffff0c;border:1px solid #ffffff30;border-radius:10px;color:#e6f4f3;font-size:13px;font-weight:500;line-height:1.4;transition:background .15s,border-color .15s}
.exam-header .signout-button svg{width:17px;height:17px}
.exam-header .signout-button:hover:not(:disabled){background:#ffffff18;border-color:#8ccdc4}
.exam-header .signout-button:disabled{opacity:.75}
.exam-header .header-content{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;padding:21px 0 23px}
.exam-header h1{font-size:32px;line-height:1.2;letter-spacing:-.7px;margin:0 0 8px;font-weight:650}
.exam-header .header-heading p{font-size:13px;line-height:1.6;color:#c0d3d9;margin:0}
.exam-header .header-heading p span{padding:0 5px;color:#83adaf}
.exam-header .account-progress{flex:0 1 252px;min-width:205px;padding-left:22px;border-left:1px solid #ffffff20;text-align:right}
.exam-header .progress-heading{display:flex;align-items:center;justify-content:flex-end;gap:9px;color:#b4e2d9}
.exam-header .progress-heading svg{width:23px;height:23px;flex:0 0 23px}
.exam-header .progress-heading strong{display:block;font-size:12px;line-height:1.45;color:#e6f3f1;font-weight:600}
.exam-header .progress-heading span{display:block;font-size:11px;line-height:1.5;color:#abc7cd}
.exam-header .save-status{display:block;min-width:0;font-size:11px;line-height:1.55;font-weight:400;color:#a5dfd1;margin-top:8px;overflow-wrap:anywhere}
.exam-header .save-status.saving,.exam-header .save-status.pending{color:#c0d3d9}
.exam-header .save-status.warning{color:#ffe0a3}
#exam-main{padding-top:24px}
@media(max-width:740px){.exam-header .account-nav{padding:13px 0;gap:14px}.exam-header .account-label{font-size:14px;flex-basis:auto}.exam-header .account-avatar{flex-basis:29px;width:29px;height:29px}.exam-header .header-content{gap:16px;padding:19px 0}.exam-header h1{font-size:25px;letter-spacing:-.5px}.exam-header .header-heading p{font-size:12px;max-width:290px}.exam-header .account-progress{min-width:165px;flex-basis:200px;padding-left:15px}.exam-header .save-status{font-size:10.5px}#exam-main{padding-top:18px}}
@media(max-width:540px){.exam-header .header-content{display:block;padding-bottom:16px}.exam-header .account-progress{margin-top:15px;padding:11px 0 0;border-left:0;border-top:1px solid #ffffff18;min-width:0}.exam-header .progress-heading{display:none}.exam-header .save-status{margin-top:0;font-size:11px}.exam-header .signout-button{padding:8px 10px;font-size:12px;min-height:40px}.exam-header .account-identity{gap:8px}.exam-header .account-avatar{display:none}.exam-header .account-label{font-size:13px}}
@media(prefers-reduced-motion:reduce){.exam-header .signout-button{transition:none}}
@media print{.exam-header .account-nav,.exam-header .account-progress{display:none}.exam-header .header-content{padding:12px 0}.exam-header .header-heading p{color:var(--muted)}}

/* The study image now lives inside the question-page header. */
.exam-header{background-color:#143a4a;background-image:linear-gradient(90deg,rgba(12,40,53,.97) 0%,rgba(12,40,53,.91) 36%,rgba(12,40,53,.6) 74%,rgba(12,40,53,.65) 100%),url('/assets/branding/ent-board-hero.png');background-size:cover;background-position:center,center 51%}
.exam-header .header-content{padding-top:26px;padding-bottom:28px;min-height:122px}
.exam-header h1{font-size:34px;letter-spacing:-.9px;text-shadow:0 2px 16px #0b25384d}
.exam-header .header-heading p{color:#dcebec}
.exam-header .account-progress{background:#102f4266;border:1px solid #ffffff24;border-radius:12px;padding:12px 16px;backdrop-filter:blur(8px)}
.exam-header .header-signin,.exam-header .signout-button{background:#102f4280;backdrop-filter:blur(8px)}
@media(max-width:740px){.exam-header{background-position:center,63% 48%}.exam-header .header-content{min-height:112px;padding-top:22px;padding-bottom:23px}.exam-header h1{font-size:28px}.exam-header .account-progress{padding:10px 12px}}
@media(max-width:540px){.exam-header{background-image:linear-gradient(90deg,rgba(12,40,53,.95),rgba(12,40,53,.68)),url('/assets/branding/ent-board-hero.png')}.exam-header .header-content{padding-top:20px;padding-bottom:18px}.exam-header .account-progress{margin-top:14px;padding:8px 11px;text-align:left}.exam-header h1{font-size:27px}.exam-header .header-heading p{font-size:12px}}