/* ==========================================================================
   Mobile browser chrome — nav stays pinned to viewport bottom (no lift).
   Extra blue bleed is handled in mobile-bottom-nav.css (--mobile-bottom-blue-bleed).
   ========================================================================== */

@media (max-width: 767px) {
  :root {
    --browser-chrome-bottom: 0px;
  }

  html,
  body {
    background: #071326;
  }

  html.is-mobile-browser .mobile-bottom-nav,
  html.is-standalone-pwa .mobile-bottom-nav {
    bottom: 0 !important;
  }
}