/* SNPD shared header — applies on all pages */
#siteHeader { width:100%; flex-shrink:0; }
#siteHeader .navbar { display:flex; align-items:center; justify-content:space-between; gap:24px; width:100%; min-height:86px; padding:14px max(5%, calc((100vw - 1260px)/2)); background:#080c13f2; border-bottom:1px solid #ffffff19; color:#f5f7fb; }
#siteHeader .brand { display:flex; align-items:center; gap:13px; min-width:0; color:inherit; text-decoration:none; }
#siteHeader .brand img { display:block; width:58px; height:58px; max-width:58px; max-height:58px; object-fit:contain; flex-shrink:0; }
#siteHeader .brand > span { display:block; min-width:0; }
#siteHeader .brand strong { display:block; font:800 21px/1.2 Arial,Helvetica,sans-serif; letter-spacing:2px; }
#siteHeader .brand small { display:block; margin-top:5px; font:400 11px/1.3 Arial,Helvetica,sans-serif; letter-spacing:1.5px; color:#a2adbf; }
#siteHeader .nav-links { display:flex; align-items:center; gap:36px; width:auto; }
#siteHeader .nav-links a { color:#f5f7fb; text-decoration:none; font:700 13px/1.4 Arial,Helvetica,sans-serif; letter-spacing:.6px; white-space:nowrap; transition:color .2s ease; }
#siteHeader .nav-links a:hover, #siteHeader .nav-links a.active, #siteHeader .nav-links a[aria-current="page"] { color:#ed4756; }
#siteHeader .menu-toggle { display:none; padding:8px 12px; background:transparent; border:1px solid #293447; border-radius:8px; color:#fff; font-size:20px; cursor:pointer; }
#siteHeader a:focus-visible, #siteHeader button:focus-visible { outline:2px solid #ed4756; outline-offset:3px; }
@media (max-width:900px) { #siteHeader .navbar { padding:14px 24px; } #siteHeader .nav-links { gap:18px; } }
@media (max-width:650px) {
  #siteHeader .navbar { flex-wrap:wrap; gap:12px; padding:14px 18px; }
  #siteHeader .brand img { width:45px; height:45px; max-width:45px; max-height:45px; }
  #siteHeader .brand strong { font-size:15px; letter-spacing:1px; }
  #siteHeader .brand small { font-size:9px; letter-spacing:.8px; }
  #siteHeader .menu-toggle { display:block; margin-left:auto; }
  #siteHeader .nav-links { display:none; width:100%; flex-direction:column; align-items:stretch; gap:0; }
  #siteHeader .nav-links.open { display:flex; }
  #siteHeader .nav-links a { padding:13px 0; border-top:1px solid #293447; }
}
@media (prefers-reduced-motion:reduce) { #siteHeader .nav-links a { transition:none; } }

/* Prevent any page stylesheet from enlarging the shared brand logo. */
#siteHeader .brand img { aspect-ratio: 1 / 1; }