.mobile-app-nav{display:none}
.mobile-menu-toolbar,.mobile-submenu-toolbar{display:none}

@media(max-width:1200px){
  body.mobile-menu-open{overflow:hidden;overscroll-behavior:none}
  .header .navigation.open{display:block;position:fixed!important;inset:0!important;z-index:10000;width:100%;height:100dvh!important;max-height:none!important;padding:0 24px calc(36px + env(safe-area-inset-bottom));overflow:auto;background:var(--navy,#061a31);box-shadow:none}
  .mobile-menu-toolbar,.mobile-submenu-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:72px}
  .mobile-menu-toolbar{position:sticky;top:0;z-index:4;margin-inline:-24px;padding:0 24px;border-bottom:1px solid #ffffff26;background:var(--navy,#061a31);color:#fff}
  .mobile-menu-toolbar strong{font-family:var(--display,inherit);font-size:19px;font-weight:600}
  .mobile-menu-close,.mobile-menu-back{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-width:44px;min-height:44px;border:1px solid currentColor;border-radius:4px;background:transparent;color:inherit;font:inherit;cursor:pointer}
  .mobile-menu-close svg,.mobile-menu-back svg{width:21px;height:21px}
  .header .navigation>.mobile-menu-toolbar+ a{margin-top:16px}
  .header .navigation>a,.header .nav-item>a{min-height:58px;padding:16px 0!important;font-family:var(--display,inherit);font-size:20px;font-weight:600;color:#fff}
  .header .nav-item{grid-template-columns:minmax(0,1fr) 54px;border-top:1px solid #ffffff25}
  .header .mega-toggle{width:54px;min-height:58px;color:#fff}
  .header .nav-actions{padding-top:22px}
  .header .navigation .mega-menu{position:fixed!important;inset:0!important;z-index:6;display:block;grid-template-columns:1fr;width:100%;height:100dvh;max-height:none;margin:0;padding:0 24px calc(38px + env(safe-area-inset-bottom));overflow:auto;overscroll-behavior:contain;border:0;border-radius:0;background:#f6f8fb;color:var(--ink,#10233b);box-shadow:none}
  .header .navigation .mega-menu[hidden]{display:none}
  .mobile-submenu-toolbar{position:sticky;top:0;z-index:2;margin-inline:-24px;padding:0 24px;border-bottom:1px solid #ffffff26;background:var(--navy,#061a31);color:#fff}
  .mobile-submenu-toolbar strong{font-family:var(--display,inherit);font-size:17px;font-weight:600}
  .mobile-menu-back{justify-content:flex-start;width:auto;padding:0 12px;border-color:#ffffff65;font-size:13px}
  .header .mega-intro{display:block;margin-inline:-24px;padding:24px;background:#eaf1fa}
  .header .mega-intro>strong{font-size:20px}
  .header .mega-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:18px 0}
  .header .mega-links>a{min-height:86px;padding:15px 12px;border:1px solid #d8e1ec;background:#fff}
  .header .mega-links>a:hover,.header .mega-links>a:focus-visible{border-color:var(--blue,#164da8)}
}

@media(max-width:800px){
  body.mobile-shell-ready{padding-bottom:calc(72px + env(safe-area-inset-bottom))}
  .mobile-app-nav{position:fixed;z-index:9000;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));height:calc(68px + env(safe-area-inset-bottom));padding:5px 6px env(safe-area-inset-bottom);border-top:1px solid #d7e0eb;background:rgba(255,255,255,.97);box-shadow:0 -8px 24px rgba(6,26,49,.12);backdrop-filter:blur(12px)}
  .mobile-app-nav a{position:relative;display:flex;min-width:0;min-height:58px;align-items:center;justify-content:center;flex-direction:column;gap:4px;padding:5px 2px;color:#53647a;text-decoration:none}
  .mobile-app-nav a::before{content:"";position:absolute;top:0;left:50%;width:28px;height:2px;background:transparent;transform:translateX(-50%)}
  .mobile-app-nav a[aria-current="page"]{color:var(--blue,#164da8);font-weight:600}
  .mobile-app-nav a[aria-current="page"]::before{background:var(--coral,#f47b5f)}
  .mobile-app-nav svg{width:22px;height:22px;flex:none}
  .mobile-app-nav span{max-width:100%;overflow:hidden;font-size:10px;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}
  body.mobile-menu-open .mobile-app-nav{display:none}
  .header .mega-links{grid-template-columns:1fr}
  .header .mega-links>a{min-height:78px}
}

@media(max-width:380px){
  .mobile-app-nav span{font-size:9px}
  .mobile-app-nav svg{width:20px;height:20px}
}

@media(prefers-reduced-motion:reduce){
  .header .navigation,.header .mega-menu,.mobile-app-nav{scroll-behavior:auto;transition:none!important}
}

@media print{
  .mobile-app-nav,.mobile-menu-toolbar,.mobile-submenu-toolbar{display:none!important}
  body.mobile-shell-ready{padding-bottom:0!important}
}