.header-navbar{background:#0066b3;color:#fff;position:relative;z-index:30}
.header-navbar__inner{max-width:1180px;margin:0 auto;min-height:52px;display:flex;align-items:center;justify-content:center;padding:0 20px}
.desktop-nav{display:flex;align-items:stretch;justify-content:center;height:52px}
.desktop-nav>a,.desktop-nav>.dropdown>a{display:flex;align-items:center;padding:0 22px;color:#fff;text-decoration:none;font-weight:700;font-size:14px;white-space:nowrap}
.desktop-nav>a:hover,.desktop-nav>.dropdown>a:hover,.desktop-nav>a.active,.desktop-nav>.dropdown.active>a{background:#0066b3;color:#fff}
.desktop-nav .dropdown{position:relative;display:flex}
.nav-caret{font-size:9px;margin-left:7px}
.desktop-nav .dropdown-menu{display:none;position:absolute;top:100%;left:0;min-width:210px;background:#15212c;border-radius:0 0 10px 10px;box-shadow:0 14px 30px rgba(17,40,70,.18);overflow:hidden;padding:8px;z-index:100}
.desktop-nav .dropdown.open .dropdown-menu{display:block}
.desktop-nav .dropdown-menu a{display:block;padding:11px 13px;border-radius:7px;color:#eef3f7;text-decoration:none;font-size:13px;font-weight:600}
.desktop-nav .dropdown-menu a:hover,.desktop-nav .dropdown-menu a.active{background:#15212c;color:#80c4f2}
.hamburger{display:none;border:0;background:transparent;color:#fff;font:inherit;font-weight:700;align-items:center;gap:8px;padding:12px 4px;cursor:pointer}
#menu-overlay{position:fixed;inset:0;background:rgba(5,22,41,.55);opacity:0;pointer-events:none;transition:.2s;z-index:10000}
#menu-overlay.active{opacity:1;pointer-events:auto}
.mobile-nav{position:fixed;top:0;right:0;visibility:hidden;opacity:0;width:min(340px,88vw);height:100vh;background:#15212c;z-index:10001;transform:translateX(105%);transition:transform .25s ease,opacity .18s ease,visibility 0s linear .25s;box-shadow:-16px 0 40px rgba(8,30,52,.25);overflow:auto;padding:24px}
.mobile-nav.active{transform:translateX(0);visibility:visible;opacity:1;transition-delay:0s}
.mobile-nav__brand{padding:8px 4px 24px;border-bottom:1px solid #354b5d;margin-bottom:10px}
.mobile-nav__brand img{display:block;width:150px;height:auto;margin:auto}
.mobile-nav ul{list-style:none;margin:0;padding:0}
.mobile-nav li{border-bottom:1px solid #354b5d}
.mobile-nav a{display:block;padding:14px 8px;color:#eef3f7;text-decoration:none;font-weight:700}
.mobile-nav a.active{color:#80c4f2}
.mobile-nav .dropdown-menu{display:none;padding:0 0 8px 14px}
.mobile-nav li.open>.dropdown-menu{display:block}
.mobile-nav .dropdown-menu li{border:0}
.mobile-nav .dropdown-menu a{font-weight:600;padding:10px 8px}
@media(max-width:760px){.header-navbar__inner{justify-content:flex-start;min-height:48px}.desktop-nav{display:none}.hamburger{display:flex}.header-navbar{height:48px}}

@media(max-width:760px){#menu-overlay{z-index:10000}.mobile-nav{z-index:10001;display:block!important}.mobile-nav.active{pointer-events:auto}.hamburger{position:relative;z-index:2}}

/* Mobile navigation: force the drawer into the top-most page layer.
   This is intentionally stronger than the player/header stacking contexts. */
@media (max-width:760px){
  #menu-overlay{
    position:fixed!important;
    inset:0!important;
    z-index:2147483645!important;
  }
  .mobile-nav{
    position:fixed!important;
    top:0!important;
    right:0!important;
    bottom:0!important;
    left:auto!important;
    z-index:2147483646!important;
    width:min(340px,88vw)!important;
    height:100dvh!important;
    max-height:100dvh!important;
    background:#15212c!important;
    color:#eef3f7!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    -webkit-overflow-scrolling:touch;
    padding:calc(24px + env(safe-area-inset-top)) 24px calc(24px + env(safe-area-inset-bottom))!important;
    isolation:isolate;
  }
  .mobile-nav.active{
    visibility:visible!important;
    opacity:1!important;
    transform:translate3d(0,0,0)!important;
  }
  body.mobile-menu-open .site-header,
  body.mobile-menu-open .player-dock{
    z-index:1!important;
  }
}


/* Mobile navigation branding refresh */
@media (max-width:760px){
  .mobile-nav{
    background:#005a8c!important;
    color:#fff!important;
    padding:calc(22px + env(safe-area-inset-top)) 24px calc(24px + env(safe-area-inset-bottom))!important;
  }
  .mobile-nav>ul{margin-top:0!important}
  .mobile-nav li{border-bottom:1px solid rgba(255,255,255,.18)!important}
  .mobile-nav a{
    color:#fff!important;
    padding:15px 10px!important;
  }
  .mobile-nav a.active{color:#fff!important;background:rgba(255,255,255,.10)!important}
  .mobile-nav .dropdown-toggle{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:16px!important;
  }
  .mobile-nav__arrow{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-size:14px;
    transition:transform .2s ease;
  }
  .mobile-nav li.open>.dropdown-toggle .mobile-nav__arrow{transform:rotate(180deg)}
  .mobile-nav .dropdown-menu{
    margin:0!important;
    padding:3px 0 9px 14px!important;
    background:rgba(0,0,0,.10)!important;
    border-radius:0 0 8px 8px;
  }
  .mobile-nav .dropdown-menu li{border-bottom:0!important}
  .mobile-nav .dropdown-menu a{
    color:rgba(255,255,255,.92)!important;
    font-weight:600!important;
    padding:11px 10px!important;
  }
  .mobile-nav .dropdown-menu a:hover,
  .mobile-nav .dropdown-menu a.active{background:rgba(255,255,255,.10)!important;color:#fff!important}
}