#siteHeader{--nav-border:#292f3b;--nav-text:#f4f6f8;--nav-muted:#939cab;--nav-panel:#1b202b;--nav-gold:#f5c451;min-height:82px;padding:16px clamp(18px,3vw,44px);border-bottom:1px solid var(--nav-border);display:flex;align-items:center;justify-content:space-between;gap:24px;background:rgba(9,11,16,.88);backdrop-filter:blur(18px);position:sticky;top:0;z-index:20;flex-wrap:wrap;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
#siteHeader [hidden]{display:none!important}
#siteHeader .brand{display:flex;align-items:center;gap:13px;color:var(--nav-text);text-decoration:none;font-size:inherit;font-weight:400}
#siteHeader .brand h1{margin:0;font-size:1.18rem;font-weight:700;letter-spacing:.01em;color:var(--nav-text)}
#siteHeader .brand p{margin:3px 0 0;color:var(--nav-muted);font-size:.78rem;line-height:1.4}
#siteHeader .oracle-brand-mark{position:relative;width:44px;height:44px;flex:0 0 44px;margin-right:9px;margin-bottom:7px}
#siteHeader .oracle-brand-mark>img{display:block;width:44px;height:44px;object-fit:contain;border-radius:10px}
#siteHeader .oracle-page-badge{position:absolute;right:-12px;bottom:-12px;width:24px;height:24px;display:grid;place-items:center;padding:4px;border:1px solid #4a4028;border-radius:7px;background:var(--nav-panel);color:var(--nav-gold);box-shadow:0 1px 4px #0005}
#siteHeader .oracle-page-badge svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linejoin:round}#siteHeader .oracle-page-badge.speed-badge svg{fill:currentColor;stroke:none}
#siteHeader .site-nav{padding:4px;display:flex;gap:3px;border:1px solid var(--nav-border);border-radius:10px;background:#0d1016}
#siteHeader .site-nav a{padding:8px 15px;border-radius:7px;color:var(--nav-muted);font-size:.84rem;font-weight:650;text-decoration:none;white-space:nowrap}
#siteHeader .site-nav a:hover{color:var(--nav-text)}#siteHeader .site-nav a.active{background:var(--nav-panel);color:var(--nav-text);box-shadow:0 1px 4px #0004}
#siteHeader .theme-switch{padding:3px;display:flex;gap:2px;border:1px solid var(--nav-border);border-radius:9px;background:#0d1016;margin-left:0}
#siteHeader .theme-switch button{width:30px;height:30px;padding:0;border:0;border-radius:6px;display:grid;place-items:center;background:transparent;color:var(--nav-muted);cursor:pointer;margin:0}
#siteHeader .theme-switch button:hover{color:var(--nav-text)}#siteHeader .theme-switch button.active{background:var(--nav-panel);color:var(--nav-text);box-shadow:0 1px 4px #0004}
#siteHeader .theme-switch svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#siteHeader form{margin:0}#siteHeader form button{padding:8px 12px;background:var(--nav-panel);border:1px solid var(--nav-border);color:var(--nav-text);border-radius:7px;font:inherit;font-size:.84rem;cursor:pointer}
#siteHeader .dataset-meta{font-size:.73rem;color:var(--nav-muted)}#siteHeader .admin-pages{order:5;margin-left:auto}
:root[data-resolved-theme=light] #siteHeader{--nav-border:#b5bdc9;--nav-text:#1d2430;--nav-muted:#626d7d;--nav-panel:#cbd1db;--nav-gold:#9a6810;background:rgba(215,219,226,.92)}
:root[data-resolved-theme=light] #siteHeader .site-nav,:root[data-resolved-theme=light] #siteHeader .theme-switch{background:#dce0e7}
@media(max-width:900px){#siteHeader{align-items:flex-start}#siteHeader .site-nav{order:3;width:100%;margin-left:0}#siteHeader .site-nav a{flex:1;text-align:center;padding:8px 10px}#siteHeader .theme-switch{margin-left:auto}#siteHeader .admin-pages{order:5}#siteHeader .dataset-meta{order:4}#siteHeader form{order:4}}

/* One desktop menu; section tabs and submenus on phones. */
#siteHeader{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center;justify-content:normal}
#siteHeader .desktop-navigation{justify-self:center;max-width:100%;overflow-x:auto;align-items:center;flex-wrap:nowrap}
#siteHeader .desktop-navigation a{padding:8px 11px}
#siteHeader .admin-inline{display:contents}#siteHeader .admin-inline a:first-child{border-left:1px solid var(--nav-border);border-radius:0 7px 7px 0}
#siteHeader .header-controls{display:flex;align-items:center;justify-content:flex-end;gap:8px;white-space:nowrap}
#siteHeader .mobile-sections,#siteHeader .mobile-sub-navigation{display:none}
#siteHeader .dataset-meta{grid-column:1/-1;justify-self:end}
#siteHeader .brand{min-width:0}#siteHeader .brand p{max-width:290px}
@media(max-width:900px){
 #siteHeader{grid-template-columns:minmax(0,1fr) auto;gap:12px 8px;padding:16px 18px;align-items:center}
 #siteHeader .desktop-navigation{display:none}
 #siteHeader .header-controls{grid-column:2;grid-row:1;gap:6px}
 #siteHeader .header-controls .theme-switch{margin:0}
 #siteHeader .header-controls form{order:initial;margin:0}
 #siteHeader .header-controls form button{padding:7px 8px;font-size:.72rem;min-height:32px}
 #siteHeader .mobile-sections,#siteHeader .mobile-sub-navigation{display:flex;grid-column:1/-1;width:100%;margin:0;order:initial}
 #siteHeader .mobile-sections button{flex:1;border:0;border-radius:7px;padding:8px 10px;background:transparent;color:var(--nav-muted);font:inherit;font-size:.84rem;font-weight:650;cursor:pointer}
 #siteHeader .mobile-sections button.active{background:var(--nav-panel);color:var(--nav-text);box-shadow:0 1px 4px #0004}
 #siteHeader .mobile-sub-navigation a{flex:1;text-align:center}
 #siteHeader .dataset-meta{grid-column:1/-1;order:initial;font-size:.7rem}
}
@media(max-width:480px){
 #siteHeader{padding:14px 16px}
 #siteHeader .brand{gap:9px}#siteHeader .brand h1{font-size:1rem}#siteHeader .brand p{font-size:.68rem;max-width:150px}
 #siteHeader .theme-switch button{width:25px;height:28px}#siteHeader .theme-switch{padding:2px;gap:1px}
 #siteHeader .header-controls form button{padding:6px;font-size:.68rem}
}

#siteHeader .brand #account{font-family:inherit;text-transform:none;letter-spacing:normal;font-size:11.7px;font-weight:400;color:var(--nav-gold);transform:translateY(6px)}

@media(max-width:900px){#siteHeader[data-page^="admin"] .brand{align-items:flex-start}#siteHeader[data-page^="admin"] .brand>div:last-child{position:relative;height:51px;min-width:0}#siteHeader[data-page^="admin"] .brand h1{margin-top:6px}#siteHeader .brand #account{position:absolute;top:44px;left:0;margin:0;transform:translateY(-50%);white-space:nowrap}}