/* One Stockerboard identity and navigation across the entire site. */
:root { --sb-shell-bg:#fff; --sb-shell-ink:#15251e; --sb-shell-muted:#52655b; --sb-shell-line:#dce5df; --sb-shell-active:#166534; --sb-shell-soft:#eaf4ed; }
[data-theme="dark"] { --sb-shell-bg:#101b16; --sb-shell-ink:#f0f7f3; --sb-shell-muted:#b4c6bc; --sb-shell-line:#2b4035; --sb-shell-active:#9be6b2; --sb-shell-soft:#1b3628; }
.sb-site-header { background:var(--sb-shell-bg); border-bottom:1px solid var(--sb-shell-line); color:var(--sb-shell-ink); }
.sb-site-header-inner { max-width:1280px; margin:auto; padding:16px 24px; display:flex; align-items:center; gap:28px; }
.sb-site-brand { display:inline-flex; align-items:center; gap:10px; color:var(--sb-shell-ink); text-decoration:none; white-space:nowrap; font:800 17px/1.3 'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; letter-spacing:-.025em; }
.sb-site-brand img { flex:none; border-radius:9px; box-shadow:0 2px 7px #123a251a; }
.sb-site-nav { display:flex; align-items:center; gap:5px; flex:1; }
.sb-site-nav a,.header-nav-links a { color:var(--sb-shell-muted); text-decoration:none; padding:9px 12px; border-radius:7px; font:600 13px/1.4 'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; white-space:nowrap; }
.sb-site-nav a:hover,.header-nav-links a:hover { background:var(--sb-shell-soft); color:var(--sb-shell-active); }
.sb-site-nav a[aria-current="page"],.header-nav-links a[aria-current="page"] { color:var(--sb-shell-active) !important; background:var(--sb-shell-soft); }
.sb-site-theme { min-height:38px; display:inline-flex; align-items:center; gap:7px; padding:7px 11px; background:var(--sb-shell-bg); border:1px solid var(--sb-shell-line); border-radius:8px; color:var(--sb-shell-muted); cursor:pointer; font-family:inherit; font-size:12px; font-weight:600; }
.sb-site-header :is(a,button):focus-visible,.header-nav-links a:focus-visible { outline:3px solid var(--sb-shell-active); outline-offset:3px; }
.brand-unit[href] { text-decoration:none; color:var(--text-primary,var(--sb-shell-ink)); }
.brand-emblem img { display:block; width:34px; height:34px; }
.header-nav-links { gap:3px !important; margin-left:14px !important; }
@media(max-width:700px) {
 .sb-site-header-inner { padding:12px 16px; gap:12px; flex-wrap:wrap; }
 .sb-site-brand { flex:1; font-size:15px; }
 .sb-site-theme { order:1; }
 .sb-site-nav { order:2; flex-basis:100%; gap:2px; justify-content:space-between; }
 .sb-site-nav a { font-size:12px; padding:9px; }
 .header-nav-links a { padding:8px 7px; font-size:12px !important; }
}