/* ============================================================
   THE SHARED SITE HEADER -- one source for every standard page.
   Canonical = index's approved header (v13), namespaced under
   #pbh so nine generations of per-page header CSS cannot touch
   it. Every layout-critical property is set here on purpose:
   old pages still carry element-level header{} rules, and #pbh
   must out-rank all of them.
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@600;700;800;900&family=IBM+Plex+Mono:wght@500;600&display=swap');

#pbh{--pbh-ink:#06173a;--pbh-navy:#0a2350;--pbh-card:#0c2454;--pbh-orange:#F2842B;
     --pbh-orange2:#ff9a4d;--pbh-line:rgba(255,255,255,.10);--pbh-link:#cdd9f0;
     position:sticky;top:0;left:auto;right:auto;z-index:50;width:auto;height:auto;
     margin:0;padding:0;transform:none;box-shadow:none;display:block;
     background:rgba(6,23,58,.84);backdrop-filter:blur(14px);
     border:0;border-bottom:1px solid var(--pbh-line);text-align:left}
#pbh, #pbh *{box-sizing:border-box}
#pbh a{text-decoration:none}
#pbh .pbh-nav{width:min(1200px,calc(100% - 44px));margin:0 auto;display:flex;
     align-items:center;justify-content:space-between;height:78px;gap:18px}
#pbh .pbh-brand{display:flex;align-items:center;gap:12px;white-space:nowrap}
#pbh .pbh-ball{width:44px;height:44px;flex:0 0 auto}
#pbh .pbh-bt{font-family:'Outfit',sans-serif;font-weight:800;font-size:16px;color:#fff;
     line-height:1;text-transform:uppercase;letter-spacing:.01em;display:block;white-space:nowrap}
#pbh .pbh-bs{font-size:9px;letter-spacing:.2em;color:var(--pbh-orange);text-transform:uppercase;
     font-weight:600;margin-top:4px;white-space:nowrap;display:block}
#pbh .pbh-o{color:var(--pbh-orange)}
#pbh .pbh-links{display:flex;gap:4px;align-items:center;flex-wrap:nowrap;margin-left:auto;text-align:left}
#pbh .pbh-links a{padding:9px 13px;border-radius:8px;font-family:'Outfit',sans-serif;font-weight:600;
     font-size:13px;letter-spacing:.07em;text-transform:uppercase;color:var(--pbh-link);white-space:nowrap;display:inline-block}
#pbh .pbh-links a:hover{color:var(--pbh-orange2);background:rgba(255,255,255,.05)}
#pbh .pbh-links a.pbh-on{color:#fff;background:rgba(255,255,255,.08)}
#pbh .pbh-links a.pbh-req{color:#0a0e16;background:var(--pbh-orange);font-weight:800;margin-left:6px}
#pbh .pbh-links a.pbh-req:hover{background:var(--pbh-orange2);color:#0a0e16}
#pbh .pbh-links a.pbh-fund{color:var(--pbh-orange);font-weight:700}
#pbh .pbh-drop{position:relative;display:inline-block}
#pbh .pbh-caret{font-size:10px;opacity:.7}
#pbh .pbh-drop-menu{display:none;position:absolute;top:100%;left:0;min-width:170px;background:var(--pbh-card);
     border:1px solid rgba(255,255,255,.12);border-radius:11px;padding:7px;z-index:60;
     box-shadow:0 14px 40px rgba(0,0,0,.45)}
#pbh .pbh-drop:hover .pbh-drop-menu,#pbh .pbh-drop:focus-within .pbh-drop-menu{display:block}
#pbh .pbh-drop-menu a{display:block;white-space:nowrap}
#pbhBtn{display:none;background:rgba(255,255,255,.06);border:1px solid var(--pbh-line,rgba(255,255,255,.10));
     color:#fff;border-radius:10px;padding:10px 13px;font-size:18px;cursor:pointer}
#pbhDrawer{display:none;background:rgba(4,17,40,.97);backdrop-filter:blur(14px);
     border-bottom:1px solid rgba(255,255,255,.10);text-align:left}
#pbhDrawer.open{display:grid}
#pbhDrawer a{padding:15px 22px;border-bottom:1px solid rgba(255,255,255,.10);font-family:'Outfit',sans-serif;
     font-weight:700;font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:#cdd9f0;text-decoration:none}
#pbhDrawer a.pbh-on{color:#fff;background:rgba(255,255,255,.06)}
#pbhDrawer a.pbh-req,#pbhDrawer a.pbh-fund{color:var(--pbh-orange,#F2842B);font-weight:800}
#pbhDrawer .pbh-dlabel{display:block;padding:10px 12px 4px;font-family:'IBM Plex Mono',monospace;font-size:10px;
     letter-spacing:.16em;text-transform:uppercase;color:#7f92bd}
#pbhDrawer a.pbh-sub{padding-left:26px}

/* desktop widths -- lifted from the approved nav-fit passes */
@media (min-width:1201px){
  #pbh .pbh-nav{width:min(1320px,calc(100% - 56px));max-width:1320px;gap:14px}
  #pbh .pbh-links > a,#pbh .pbh-drop > .pbh-drop-btn{padding:8px 11px;font-size:14px;letter-spacing:.005em}
}
@media (min-width:1201px) and (max-width:1420px){
  #pbh .pbh-links{gap:1px}
  #pbh .pbh-links > a,#pbh .pbh-drop > .pbh-drop-btn{padding:7px 8px;font-size:13.2px;letter-spacing:0}
  #pbh .pbh-bt{font-size:14px}
}
/* collapsed widths */
@media (max-width:1200px){
  #pbh .pbh-links a:not(.pbh-req),#pbh .pbh-links .pbh-drop{display:none}
  #pbh .pbh-links{gap:0}
  #pbhBtn{display:inline-flex;align-items:center;justify-content:center;
          min-width:44px;min-height:44px;padding:0 13px;margin-right:8px}
  #pbh .pbh-links a.pbh-req{min-height:44px;display:inline-flex;align-items:center;padding:0 14px;margin-right:8px}
  #pbh .pbh-nav{padding-right:8px}
}
@media (max-width:900px){
  #pbh{position:relative}
}
@media (max-width:600px){
  #pbh .pbh-bt,#pbh .pbh-bs{display:none}
  #pbh .pbh-brand{flex:0 0 auto;min-width:0}
  #pbh .pbh-nav{gap:10px;padding-left:12px;padding-right:12px}
  #pbhBtn{margin-left:auto}
}