/* BLUE / unified responsive navigation, 2026-10-23.
   A single override loaded after all page styles. Desktop behavior left untouched. */
@media screen and (max-width:760px) {
  .page, .top-header, .schedule-hero {max-width:100%!important;min-width:0!important;}
  .page {position:relative!important;}
  /* Identical 48px scenic strip at the top of EVERY page. */
  .top-header, .schedule-hero {position:relative!important;overflow:visible!important;}
  .top-header::after, .page::before, .schedule-hero::before {
    content:""!important;display:block!important;position:absolute!important;
    top:0!important;left:0!important;right:0!important;height:48px!important;
    z-index:175!important;pointer-events:none!important;
    background:#020919 url("assets/blue-header-scene.png") center center / cover no-repeat!important;
  }
  .page::before {z-index:175!important;}
  .schedule-hero {padding-top:48px!important;left:auto!important;transform:none!important;width:100%!important;}
  .schedule-hero > .header-image {display:block!important;width:100%!important;max-width:100%!important;
    height:clamp(115px,32vw,155px)!important;object-fit:cover!important;object-position:center center!important;}
  .blue-nav, .top-header > .blue-nav, .schedule-hero > .blue-nav, .page > .blue-nav {
    position:absolute!important;inset:0 0 auto 0!important;top:0!important;
    height:48px!important;width:100%!important;max-width:100%!important;z-index:500!important;
    overflow:visible!important;pointer-events:none!important;display:block!important;
  }
  .blue-nav .blue-nav-pages,.blue-nav .blue-nav-separator {display:none!important;}
  .blue-nav .blue-nav-logo, .top-header .blue-nav-logo, .schedule-hero .blue-nav-logo, .page .blue-nav-logo {
    position:absolute!important;top:0!important;left:7px!important;right:auto!important;
    display:block!important;width:96px!important;height:48px!important;min-width:0!important;
    background:#020919 url("assets/blue-header-logo.png") center center / contain no-repeat!important;
    font-size:0!important;text-indent:-9999px!important;overflow:hidden!important;
    pointer-events:auto!important;z-index:550!important;
  }
  .blue-nav-logo::before,.blue-nav-logo::after{content:none!important;display:none!important;}
  .blue-nav-logo-image{display:none!important;}
  .blue-nav .blue-nav-row, .top-header .blue-nav-row, .schedule-hero .blue-nav-row, .page .blue-nav-row {
    position:absolute!important;top:0!important;right:8px!important;left:auto!important;
    width:184px!important;max-width:calc(100vw - 113px)!important;height:48px!important;
    min-height:48px!important;padding:0!important;margin:0!important;transform:none!important;
    display:flex!important;justify-content:flex-end!important;align-items:center!important;
    pointer-events:auto!important;z-index:530!important;
  }
  .blue-nav .blue-nav-actions {display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
    width:100%!important;min-width:0!important;max-width:100%!important;
    height:48px!important;gap:4px!important;margin:0!important;padding:0!important;
    flex:1 1 auto!important;align-items:center!important;justify-items:stretch!important;}
  .blue-nav .blue-nav-actions > a, .blue-nav .blue-nav-actions > div {
    display:flex!important;position:relative!important;align-items:center!important;justify-content:center!important;
    width:100%!important;min-width:0!important;max-width:100%!important;height:44px!important;
    flex:none!important;margin:0!important;}
  .blue-nav .blue-nav-icon {width:100%!important;min-width:0!important;height:44px!important;
    display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important;padding:0!important;}
  .blue-nav .blue-nav-icon svg {display:block!important;flex:none!important;transform:none!important;
    width:23px!important;height:23px!important;max-width:23px!important;max-height:23px!important;}
  .blue-nav .blue-nav-popup {z-index:900!important;max-width:calc(100vw - 18px)!important;}
}
@media screen and (max-width:375px) {
 .blue-nav .blue-nav-row {right:5px!important;width:165px!important;max-width:calc(100vw - 109px)!important;}
 .blue-nav .blue-nav-icon svg {width:21px!important;height:21px!important;max-width:21px!important;max-height:21px!important;}
}