/* Shared persistent header. Scoped selectors override legacy page breakpoints. */
#sharedSiteNav.three-row-header { --header-control-bg:var(--bg-card); --header-control-hover:var(--bg-card-hover); --header-tab-bg:var(--bg-card); --header-tab-hover:#314a69; position:sticky; top:0; z-index:500; background:var(--bg-card); border-bottom:1px solid var(--border); box-shadow:0 8px 24px #0003; }
#sharedSiteNav.three-row-header .header-inner { display:grid; grid-template-columns:minmax(0,1fr); gap:0; height:auto; min-height:0; max-width:1900px; padding:0 16px; }
#sharedSiteNav .header-info-row { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:12px; min-width:0; min-height:36px; border-bottom:1px solid var(--border); }
#sharedSiteNav .header-info-row > .site-brand { grid-column:1; justify-self:start; }
#sharedSiteNav .header-info-row > .header-live-info { grid-column:2; justify-self:start; }
#sharedSiteNav .header-info-row > .member-nav { grid-column:3; justify-self:end; }
#sharedSiteNav .header-info-row .site-logo { font-size:17px; white-space:nowrap; }
#sharedSiteNav .header-info-row .site-logo span { display:inline; }
#sharedSiteNav .header-live-info { display:flex; align-items:center; justify-content:flex-start; gap:12px; min-width:0; font-size:12px; color:var(--text-secondary); }
#sharedSiteNav .header-live-info strong { color:var(--text-primary); font-variant-numeric:tabular-nums; }
#sharedSiteNav .header-release-info { white-space:nowrap; }
#sharedSiteNav .header-subtitle-info { display:grid; gap:2px; min-width:0; }
#sharedSiteNav .header-subtitle-label-short { display:none; }
#sharedSiteNav .header-subtitle-track { display:block; height:3px; background:rgba(255,255,255,.13); border-radius:3px; overflow:hidden; }
#sharedSiteNav .header-subtitle-track > span { display:block; height:100%; width:0; background:#72df9c; }
#sharedSiteNav .header-navigation-row { display:flex; align-items:center; min-width:0; gap:8px; min-height:42px; }
#sharedSiteNav .header-navigation-row > .header-catalog-controls { margin-left:auto; }
#sharedSiteNav.three-row-header .main-nav { display:flex!important; order:0; flex:1 1 0; align-self:flex-end; min-width:0; gap:0; overflow:hidden; }
#sharedSiteNav.three-row-header .main-nav a { display:inline-flex!important; flex:0 0 auto; align-items:center; gap:5px; padding:8px 9px; font-size:13px; white-space:nowrap; }
#sharedSiteNav.three-row-header .header-actions { display:flex; order:0; flex:0 0 auto; gap:5px; margin:0; }
#sharedSiteNav.three-row-header .mobile-menu-toggle { display:flex!important; align-items:center; justify-content:center; width:32px; height:32px; flex:0 0 32px; border:1px solid #63758d; border-radius:50%!important; background:var(--header-control-bg); color:#fff; }
#sharedSiteNav.three-row-header .mobile-menu-toggle svg { width:17px; height:17px; }
#sharedSiteNav.three-row-header .mobile-menu-toggle line { stroke-linecap:round; }
#sharedSiteNav.three-row-header .mobile-menu-toggle line:nth-child(2) { transform:translateX(2px); }
#sharedSiteNav.three-row-header .mobile-menu-toggle:hover,#sharedSiteNav.three-row-header .mobile-menu-toggle[aria-expanded="true"] { border-color:var(--accent); background:var(--header-control-hover); color:#fff; }
#sharedSiteNav .mobile-menu-toggle:disabled { opacity:.3; cursor:default; }
#sharedSiteNav.three-row-header .header-search-cluster { display:flex; order:0; width:100%; min-width:0; max-width:none; flex:none; gap:7px; }
#sharedSiteNav.three-row-header .header-search { flex:1; min-width:0; max-width:none; min-height:36px; }
#sharedSiteNav.three-row-header .header-search input { width:100%; height:36px; }
#sharedSiteNav.three-row-header .header-advanced-search { min-height:36px; }
#sharedSiteNav.three-row-header .mobile-menu { position:absolute; top:100%; right:12px; left:auto; width:min(300px,calc(100vw - 24px)); max-height:65vh; overflow-y:auto; background:var(--bg-secondary); border:1px solid var(--border); border-radius:8px; padding:8px; box-shadow:0 12px 30px #0008; }
#sharedSiteNav.three-row-header .mobile-menu:not(.active) { display:none!important; }
#sharedSiteNav.three-row-header .mobile-menu.active { display:grid!important; grid-template-columns:minmax(0,1fr); }
#sharedSiteNav.three-row-header .mobile-menu a { display:flex!important; align-items:center; gap:6px; padding:10px; color:var(--text-secondary); }
#sharedSiteNav.three-row-header .mobile-menu a.active { color:var(--accent-text); }
#sharedSiteNav .global-search-suggestions { position:absolute; top:calc(100% + 6px); }
/* Quiet status strip, clear navigation, and one consistent control language. */
#sharedSiteNav .header-info-row { min-height:42px; border-color:#ffffff0a; }
#sharedSiteNav .header-info-row .site-logo { letter-spacing:-.5px; }
#sharedSiteNav .header-live-info { color:#b4b6ca; }
#sharedSiteNav .header-release-info strong { color:#f5b8c7; margin-left:4px; }
#sharedSiteNav .header-subtitle-info { padding-left:12px; border-left:1px solid #ffffff18; }
#sharedSiteNav .header-subtitle-info strong { color:#b6e8cc; }
#sharedSiteNav .header-subtitle-track { height:2px; background:#ffffff0c; }
#sharedSiteNav .header-navigation-row { min-height:46px; }
#sharedSiteNav.three-row-header .main-nav a { border-radius:7px; color:#bfc1d2; transition:background .15s,color .15s; }
#sharedSiteNav.three-row-header .main-nav a:hover { color:#fff; background:#ffffff08; }
#sharedSiteNav.three-row-header .main-nav a.active { color:#fff; background:#ed41651a; box-shadow:inset 0 -2px #ed4165; }
#sharedSiteNav.three-row-header .header-actions button,
#sharedSiteNav.three-row-header .header-actions .header-magnet-toggle,
#sharedSiteNav.three-row-header .header-advanced-search { border-radius:7px; }
#sharedSiteNav.three-row-header .header-search { min-height:36px; background:#222b3a; border:1px solid #69748a; border-radius:8px; transition:border-color .15s,background .15s; }
#sharedSiteNav.three-row-header .header-search:focus-within { border-color:var(--accent-text); background:#283346; box-shadow:0 0 0 2px #ff8aa233; }
#sharedSiteNav.three-row-header .header-search input { height:36px; background:transparent; font-size:16px; }
#sharedSiteNav.three-row-header .header-search input::placeholder { color:var(--text-secondary); opacity:1; }
#sharedSiteNav.three-row-header .header-advanced-search { background:var(--header-control-bg); border:1px solid #63758d; color:#fff; }
#sharedSiteNav.three-row-header .header-advanced-search:hover { background:var(--header-control-hover); border-color:#8193aa; }
#sharedSiteNav.three-row-header .header-advanced-search.active { border-color:var(--accent); box-shadow:inset 0 -2px var(--accent); }
#sharedSiteNav.three-row-header .mobile-menu { background:#1c1d30; border-color:#ffffff16; border-radius:10px; box-shadow:0 16px 40px #0006; }
#sharedSiteNav.three-row-header .mobile-menu a { border-radius:6px; }
#sharedSiteNav.three-row-header .mobile-menu a:hover { background:#ffffff08; color:#fff; }
#sharedSiteNav.three-row-header :is(a,button,input):focus-visible { outline:2px solid #f087a0; outline-offset:2px; }
/* The primary destinations are dark folder tabs that meet the page edge. */
#sharedSiteNav.three-row-header .main-nav a.header-core-link,
#sharedSiteNav.three-row-header .main-nav a.header-secondary-link { border:1px solid #516983; background:var(--header-tab-bg); box-shadow:var(--catalog-control-shadow); }
#sharedSiteNav.three-row-header .main-nav a.header-core-link { position:relative; width:106px; min-height:39px; justify-content:center; padding:8px 9px 10px; border-top-color:#7189a4; border-bottom:0; border-radius:11px 11px 0 0; font-size:14px; font-weight:650; color:#eceef8; }
#sharedSiteNav.three-row-header .main-nav a.header-core-link + a.header-core-link { margin-left:3px; }
#sharedSiteNav.three-row-header .main-nav a.header-secondary-link { margin:0 0 3px 6px; border-radius:7px; background:var(--bg-card); color:#d0d5df; font-weight:450; }
#sharedSiteNav.three-row-header .main-nav a.header-core-link:hover,
#sharedSiteNav.three-row-header .main-nav a.header-secondary-link:hover { background:var(--header-tab-hover); color:#fff; }
#sharedSiteNav.three-row-header .main-nav a.header-secondary-link:hover { background:var(--bg-card-hover); }
#sharedSiteNav.three-row-header .main-nav a.header-core-link.active { z-index:1; border-color:#89a6c4; border-bottom:0; background:var(--header-tab-bg); color:#fff; box-shadow:inset 0 2px 0 #8db2d4; }
#sharedSiteNav.three-row-header .main-nav a.header-secondary-link.active { border-color:var(--accent); background:var(--bg-card); color:#fff; box-shadow:inset 0 -2px var(--accent),var(--catalog-control-shadow); }
#sharedSiteNav.three-row-header .mobile-menu a.header-core-link,
#sharedSiteNav.three-row-header .mobile-menu a.header-secondary-link { border:1px solid #516983; background:var(--header-tab-bg); }
#sharedSiteNav.three-row-header .mobile-menu a.header-core-link { font-weight:650; color:#eceef8; }
#sharedSiteNav.three-row-header .mobile-menu a.header-secondary-link { color:#d0d5df; }
#sharedSiteNav.three-row-header .mobile-menu a.active { border-color:#89a6c4; color:#fff; background:var(--header-tab-hover); }
@media(prefers-reduced-motion:reduce) { #sharedSiteNav.three-row-header * { transition:none!important; } }
@media(max-width:600px) {
  #sharedSiteNav.three-row-header .header-inner { padding:0 8px; }
  #sharedSiteNav .header-info-row { gap:6px; min-height:38px; }
  #sharedSiteNav .header-info-row .site-logo { font-size:13px; }
  #sharedSiteNav .header-live-info { align-items:flex-start; gap:2px; font-size:10px; flex:0 1 auto; flex-direction:column; justify-content:center; white-space:nowrap; }
  #sharedSiteNav .header-release-label,#sharedSiteNav .header-subtitle-label-full,#sharedSiteNav .header-subtitle-track { display:none; }
  #sharedSiteNav .header-subtitle-label-short { display:inline; }
  #sharedSiteNav .header-subtitle-info { padding-left:6px; }
  #sharedSiteNav .header-subtitle-info > span:first-child { max-width:140px; line-height:1.15; }
  #sharedSiteNav.three-row-header .main-nav a { padding:8px 6px; font-size:12px; }
  #sharedSiteNav.three-row-header .main-nav a.header-core-link { font-size:13px; }
  #sharedSiteNav.three-row-header .header-utility-controls .lang-toggle { padding:5px 6px; min-height:30px; font-size:11px; }
  #sharedSiteNav.three-row-header .header-magnet-toggle { padding:5px 6px; min-height:30px; font-size:11px; }
  #sharedSiteNav.three-row-header .mobile-menu-toggle { width:30px; height:30px; flex-basis:30px; }
  #sharedSiteNav .member-name { max-width:74px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
}

#sharedSiteNav .header-live-info > .donation-only-banner { display:inline-flex; align-items:center; max-width:min(42vw,440px); margin-left:4px; padding:5px 10px; border:1px dashed #ffc4a5; border-radius:10px; background:linear-gradient(110deg,#ffdf91,#ffb5aa); box-shadow:2px 2px 0 #6b3145; color:#3c2031; font-size:11px; font-weight:800; line-height:1.2; text-decoration:none; transform:rotate(-1deg); white-space:normal; }
#sharedSiteNav .header-live-info > .donation-only-banner::before { content:'✦'; margin-right:6px; color:#9b3458; font-size:15px; }
#sharedSiteNav .header-live-info > .donation-only-banner:hover { background:linear-gradient(110deg,#ffe8ae,#ffc2bb); box-shadow:3px 3px 0 #6b3145; color:#3c2031; transform:rotate(0); }
#sharedSiteNav .header-live-info > .header-coming-soon-sticker { display:inline-flex; align-items:center; max-width:min(26vw,260px); padding:5px 10px; border:1px dashed #a9d9ff; border-radius:10px; background:linear-gradient(110deg,#b9e8ff,#8fcaf0); box-shadow:2px 2px 0 #284b69; color:#18344c; font-size:11px; font-weight:800; line-height:1.2; text-decoration:none; transform:rotate(1deg); white-space:normal; }
#sharedSiteNav .header-live-info > .header-coming-soon-sticker:focus-visible { outline:2px solid #fff; outline-offset:3px; }
#sharedSiteNav .header-live-info > .header-coming-soon-sticker::before { content:'✦'; margin-right:6px; color:#326c98; font-size:15px; }
#sharedSiteNav.three-row-header .main-nav a { font-size:14px; }
#sharedSiteNav.three-row-header .header-advanced-search { min-height:36px; }
#sharedSiteNav.three-row-header .header-magnet-toggle { border-color:#63758d; background:var(--header-control-bg); color:#fff; }
#sharedSiteNav.three-row-header .header-magnet-toggle:hover { background:var(--header-control-hover); }
#sharedSiteNav.three-row-header .header-magnet-toggle.active { border-color:var(--accent); background:var(--header-control-bg); }
#sharedSiteNav.three-row-header .member-nav > a,
#sharedSiteNav.three-row-header .member-menu > summary { border:1px solid #63758d; border-radius:7px; background:var(--header-control-bg); color:#fff; }
#sharedSiteNav.three-row-header .member-nav > a:hover,
#sharedSiteNav.three-row-header .member-menu > summary:hover { background:var(--header-control-hover); }
#sharedSiteNav.three-row-header .member-menu[open] > summary { border-color:var(--accent); background:var(--header-control-bg); }
#sharedSiteNav.three-row-header :is(.header-advanced-search,.header-magnet-toggle,.mobile-menu-toggle,.lang-toggle,.member-nav > a,.member-menu > summary) { box-shadow:var(--catalog-control-shadow); transition:background-color .16s,border-color .16s,box-shadow .16s; }
#sharedSiteNav.three-row-header :is(.header-advanced-search,.header-magnet-toggle,.mobile-menu-toggle,.lang-toggle,.member-nav > a,.member-menu > summary):hover { box-shadow:var(--catalog-control-shadow-hover); }
#sharedSiteNav.three-row-header .main-nav a:is(.header-core-link,.header-secondary-link):not(.active):hover { box-shadow:var(--catalog-control-shadow-hover); }
#sharedSiteNav.three-row-header :is(a,button,input,summary):focus-visible { outline:2px solid var(--accent-text); outline-offset:2px; }
/* Active language and magnet filters use light blue; an inactive magnet
   filter remains card-dark. The search field shares that lighter surface. */
body #sharedSiteNav.three-row-header .header-search,
body #sharedSiteNav.three-row-header .header-search:focus-within {
  border-color:#63758d;
  background:#405b7a;
  color:var(--catalog-control-text);
}
body #sharedSiteNav.three-row-header .header-search input { color:var(--catalog-control-text); }
body #sharedSiteNav.three-row-header .header-search input::placeholder { color:#c0cddd; }
body #sharedSiteNav.three-row-header .header-utility-controls .lang-toggle,
body #sharedSiteNav.three-row-header .header-utility-controls .lang-toggle:hover,
body #sharedSiteNav.three-row-header .header-magnet-toggle.active,
body #sharedSiteNav.three-row-header .header-magnet-toggle.active:hover {
  border-color:var(--accent);
  background:#405b7a;
  color:var(--catalog-control-text);
}
body #sharedSiteNav.three-row-header .header-magnet-toggle:not(.active) {
  border-color:#63758d;
  background:var(--bg-card);
  color:var(--catalog-control-text);
}
body #sharedSiteNav.three-row-header .header-magnet-toggle:not(.active):hover {
  background:var(--bg-card-hover);
}
/* Retired advertising must not leave empty blue panels in catalog rails. */
.sidebar-ad-rail { background:transparent!important; border:0!important; box-shadow:none!important; }
.sidebar-ad-rail .sidebar-trending-ad, .sidebar-ad-rail .sidebar-affiliate-ad { display:none!important; }
@media(max-width:1150px) { #sharedSiteNav .header-live-info { flex-wrap:wrap; gap:4px 8px; } #sharedSiteNav .header-live-info > :is(.donation-only-banner,.header-coming-soon-sticker) { max-width:100%; margin:2px 0 4px; } }
@media(max-width:600px) { #sharedSiteNav .header-info-row .site-brand { flex-shrink:0; } #sharedSiteNav .header-live-info { gap:4px; white-space:normal; } #sharedSiteNav .header-live-info > :is(.donation-only-banner,.header-coming-soon-sticker) { padding:4px 6px; font-size:9px; max-width:190px; } }