/* Shared header, isolated from legacy exam element styles. */
.site-header{--ink:#152540;--muted:#54637a;--blue:#245ce5;--line:#dce3ed;display:block;height:auto;min-height:0;padding:0;background:#fff;border-bottom:1px solid var(--line);font:400 16px/1.65 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink)}
.site-header .header-inner{box-sizing:border-box;width:min(1160px,calc(100% - 64px));margin-inline:auto;display:flex;min-height:88px;align-items:center;justify-content:space-between;gap:28px}
.site-header .brand{display:inline-flex;flex-wrap:nowrap;align-items:center;gap:11px;text-decoration:none;color:var(--ink);font-size:23px;font-weight:800;letter-spacing:-1px;white-space:nowrap;line-height:inherit}
.site-header .brand-mark{background:var(--blue);color:#fff;display:grid;place-items:center;width:38px;height:38px;border-radius:11px;font-size:17px;letter-spacing:-1px}
.site-header .site-nav{display:flex;align-items:center;gap:23px}
.site-header .site-nav a{font-size:14px;font-weight:650;color:var(--muted);text-decoration:none;padding:12px 0}
.site-header .site-nav a:hover,.site-header .site-nav a[aria-current=page]{color:var(--blue)}
.site-header .menu-button{display:none;background:#fff;border:1px solid var(--line);border-radius:8px;padding:9px 14px;color:var(--ink);font:inherit;cursor:pointer}
.site-header a:focus-visible,.site-header .menu-button:focus-visible{outline:3px solid #cf8200;outline-offset:5px}
.site-header .header-inner>.theme-toggle{order:2}.site-header .header-inner>.site-nav{order:1}.site-header .header-inner>.menu-button{order:3}
.ged-exam>.skip{position:fixed;top:-100px;left:16px;z-index:10;padding:12px;background:white;color:#245ce5}.ged-exam>.skip:focus{top:10px}
:root[data-theme=dark] .site-header{--ink:#e8eef9;--muted:#b6c3d8;--blue:#aec9ff;--line:#50627e;background:#152238;color:#e8eef9}
:root[data-theme=dark] .site-header .brand-mark{background:#245ce5;color:#fff}
:root[data-theme=dark] .site-header .menu-button{background:#152238;color:#e8eef9;border-color:#50627e}
:root[data-theme=dark] .site-header a:focus-visible,:root[data-theme=dark] .site-header .menu-button:focus-visible{outline-color:#ffd579}

@media(max-width:1000px){.site-header .site-nav{gap:15px}.site-header .site-nav a{font-size:13px}.site-header .brand{font-size:21px}}
@media(max-width:1050px) and (min-width:821px){.site-header .header-inner{flex-wrap:wrap;gap:8px 20px;padding:15px 0}.site-header .header-inner>.theme-toggle{order:1;margin-left:auto}.site-header .header-inner>.site-nav{order:2;width:100%;justify-content:flex-end;gap:22px}.site-header .site-nav a{font-size:14px;padding:7px 0}}
@media(max-width:820px){.site-header .header-inner{width:calc(100% - 40px);min-height:76px;flex-wrap:wrap;padding:17px 0;gap:0;column-gap:10px}.js .site-header .menu-button{display:block}.site-header .header-inner>.theme-toggle{order:1;margin-left:auto}.site-header .header-inner>.menu-button{order:2}.site-header .header-inner>.site-nav{order:3}.site-header .brand{font-size:20px}.site-header .site-nav{width:100%;flex-wrap:wrap;gap:10px 20px;margin-top:16px}.js .site-header .site-nav{display:none}.js .site-header .site-nav.open{display:flex;flex-direction:column;align-items:stretch;gap:0}.site-header .site-nav a{font-size:15px;padding:12px 0}}
@media(max-width:580px){.site-header .header-inner{width:calc(100% - 32px)}}
@media(max-width:380px){.site-header .brand{font-size:18px;gap:6px}.site-header .brand-mark{display:none}.site-header .header-inner{column-gap:6px}.site-header .menu-button{padding:9px}}

.site-header .menu-button:hover{background:#fff;border-color:var(--line)}
:root[data-theme=dark] .site-header .menu-button:hover{background:#152238;border-color:#50627e}
.site-header button.theme-toggle:hover,:root[data-theme=dark] .site-header button.theme-toggle:hover{background:var(--theme-surface);border-color:var(--theme-active);color:var(--theme-text)}