/* Shared Overseer top navigation — identical on every page. */
header { display:flex; align-items:center; justify-content:flex-start; gap:1.1rem; margin-bottom:1.25rem; flex-wrap:wrap; }
header .brand { display:flex; align-items:center; gap:11px; font-size:1.4rem; font-weight:600; letter-spacing:.4px; color:var(--text,#ece6da); text-decoration:none; white-space:nowrap; }
header .brand img { display:none; }
header .topnav { display:flex; align-items:center; gap:1.1rem; }
header .topnav a { color:var(--muted,#9a917f); text-decoration:none; font-size:.92rem; letter-spacing:.3px; padding:.15rem 0; border-bottom:2px solid transparent; transition:color .15s, border-color .15s; white-space:nowrap; }
header .topnav a:hover { color:var(--text,#ece6da); }
header .topnav a.navactive { color:var(--accent,#e3a44e); border-bottom-color:var(--accent,#e3a44e); }
header .headright { display:flex; align-items:center; gap:.7rem; margin-left:auto; }
header .auth { font-size:.88rem; color:var(--muted,#9a917f); display:flex; align-items:center; gap:.5rem; flex-wrap:wrap; text-align:right; }
header .auth a { color:var(--accent,#e3a44e); text-decoration:none; }
header .auth a:hover { text-decoration:underline; }
header .auth .navuser { color:var(--text,#ece6da); }
header .pagetitle, .pagetitle { font-size:1.3rem; font-weight:600; margin:0 0 .4rem; color:var(--text,#ece6da); letter-spacing:.3px; }
.gw-footbar { text-align:center; margin-top:2.2rem; padding-top:1.3rem; border-top:1px solid var(--line,#282b33); }
.gw-foot { display:inline-flex; align-items:center; gap:9px; color:var(--accent,#e3a44e); text-decoration:none; font-size:.82rem; }
.gw-foot img { height:30px; width:auto; }
.gw-foot:hover { text-decoration:underline; }
@media (max-width:560px){ header .topnav { gap:.8rem; } header .brand { font-size:1.2rem; } header .brand img { width:24px; height:24px; } }

/* Shared custom tooltip (engine in tooltip.js) */
.uitip { position:fixed; z-index:300; max-width:236px; background:#1b1622; color:#ece3d2; border:1px solid #3c3050; border-radius:9px; padding:.45rem .62rem; font-size:.74rem; line-height:1.42; box-shadow:0 10px 28px rgba(0,0,0,.55); pointer-events:none; opacity:0; transform:translateY(3px); transition:opacity .12s ease, transform .12s ease; font-family:system-ui,-apple-system,'Segoe UI',sans-serif; text-align:left; }
.uitip.on { opacity:1; transform:none; }
.uitip::after { content:''; position:absolute; left:var(--ax,50%); bottom:-5px; width:9px; height:9px; background:#1b1622; border-right:1px solid #3c3050; border-bottom:1px solid #3c3050; transform:translateX(-50%) rotate(45deg); }
.uitip.below::after { bottom:auto; top:-5px; border:none; border-left:1px solid #3c3050; border-top:1px solid #3c3050; }
.uitip b { color:#fff; font-weight:600; }
[data-tip] { cursor:help; }