/* V67.1 — Unified Red Moon top navigation across every page */
header.nav{
  position:relative!important;z-index:1000!important;width:100%!important;min-height:78px!important;
  display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;align-items:center!important;
  gap:22px!important;padding:12px clamp(18px,3vw,46px)!important;box-sizing:border-box!important;
  background:linear-gradient(180deg,rgba(13,5,8,.96),rgba(8,3,5,.91))!important;
  border-bottom:1px solid rgba(222,45,76,.18)!important;box-shadow:0 12px 42px rgba(0,0,0,.28)!important;
  backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important;
}
header.nav .brand{display:flex!important;align-items:center!important;gap:10px!important;white-space:nowrap!important;text-decoration:none!important;color:#fff!important}
header.nav .brand-mark{width:38px!important;height:38px!important;display:grid!important;place-items:center!important;flex:0 0 38px!important}
header.nav .brand-mark img{width:100%!important;height:100%!important;object-fit:contain!important;filter:drop-shadow(0 0 10px rgba(231,35,69,.35))!important}
header.nav .brand>span:last-child{font-family:Cinzel,Georgia,serif!important;font-size:13px!important;letter-spacing:3px!important;font-weight:700!important}
header.nav .brand small{font:600 8px/1 system-ui,sans-serif!important;letter-spacing:2px!important;color:#b98391!important}
header.nav nav{display:flex!important;align-items:center!important;justify-content:center!important;gap:clamp(10px,1.45vw,25px)!important;min-width:0!important}
header.nav nav a{position:relative!important;padding:11px 0!important;text-decoration:none!important;white-space:nowrap!important;font:600 10px/1 system-ui,sans-serif!important;letter-spacing:1.35px!important;text-transform:uppercase!important;color:rgba(255,255,255,.67)!important;transition:color .18s ease,text-shadow .18s ease!important}
header.nav nav a:hover,header.nav nav a.active{color:#fff!important;text-shadow:0 0 14px rgba(244,49,82,.35)!important}
header.nav nav a.active:after{content:""!important;position:absolute!important;left:15%!important;right:15%!important;bottom:2px!important;height:1px!important;background:#e82e4e!important;box-shadow:0 0 8px rgba(232,46,78,.65)!important}
header.nav .staff-link{color:#ed4964!important}
header.nav .header-context{min-width:110px!important;text-align:right!important;font:600 9px/1.35 system-ui,sans-serif!important;letter-spacing:1.5px!important;color:#b98a96!important;white-space:nowrap!important}
header.nav .sound-wrap{justify-self:end!important}
header.nav .hamb{display:none!important}
@media(max-width:1120px){header.nav{grid-template-columns:auto auto!important}header.nav nav{display:none!important;grid-column:1/-1!important;flex-direction:column!important;align-items:stretch!important;padding:10px 0 4px!important}header.nav nav.open{display:flex!important}header.nav nav a{text-align:center!important;padding:12px!important}header.nav .sound-wrap,header.nav .header-context{display:none!important}header.nav .hamb{display:block!important;justify-self:end!important;background:transparent!important;border:1px solid rgba(231,48,80,.28)!important;border-radius:9px!important;color:#fff!important;padding:8px 11px!important}}
@media(max-width:768px),(pointer:coarse){header.nav{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;min-height:68px!important;padding:10px 16px!important}}

/* V68 — stability pass: fixed, truly centered, single-height global header */
@media (min-width:1121px) and (pointer:fine){
  header.nav{
    position:fixed!important;top:0!important;left:0!important;right:0!important;
    height:78px!important;min-height:78px!important;max-height:78px!important;
    grid-template-columns:minmax(250px,1fr) minmax(700px,auto) minmax(250px,1fr)!important;
    padding:0 clamp(18px,3vw,46px)!important;gap:18px!important;
  }
  header.nav .brand{justify-self:start!important;min-width:0!important}
  header.nav nav{justify-self:center!important;width:max-content!important;max-width:100%!important}
  header.nav .sound-wrap,header.nav .header-context{justify-self:end!important;min-width:0!important}
  header.nav .hamb{display:none!important}
}
@media (max-width:1120px){
  header.nav{
    position:fixed!important;top:0!important;left:0!important;right:0!important;
    height:68px!important;min-height:68px!important;max-height:none!important;
  }
  header.nav nav.open{position:absolute!important;top:68px!important;left:0!important;right:0!important;margin:0!important;padding:12px 16px 16px!important;background:rgba(8,3,5,.985)!important;border-bottom:1px solid rgba(222,45,76,.20)!important;box-shadow:0 22px 48px rgba(0,0,0,.5)!important}
}
/* Pages built on the rm17 shell reserve exactly one header, never two. */
body.rm17-page{padding-top:78px!important}
@media(max-width:1120px){body.rm17-page{padding-top:68px!important}}
/* Prevent legacy header rules from creating phantom vertical space. */
header.nav{margin:0!important;transform:none!important}