/* AMM v2.28.41: public pages in iOS Home Screen / standalone mode.
   Viewport-fit:cover keeps the immersive design; reserve the iOS status bar
   on EVERY public route, not only the root homepage. */
:root { --amm-ios-status-clear: env(safe-area-inset-top, 0px); }
@media screen and (max-width: 820px) {
  html.amm-ios-standalone {
    --amm-ios-status-clear: max(env(safe-area-inset-top, 0px), 28px);
    scroll-padding-top: 18px;
  }
  /* An opaque layer keeps scrolled content out of the system clock area.
     It cannot receive or intercept any touch events. */
  html.amm-ios-standalone::before {
    content: ''; position: fixed; top: 0; left: 0; right: 0;
    height: var(--amm-ios-status-clear);
    background: #08101d; pointer-events: none; z-index: 2147483000;
  }
  html.amm-ios-standalone body > header {
    box-sizing: border-box !important;
    padding-top: calc(var(--amm-ios-status-clear) + 12px) !important;
  }
  html.amm-ios-standalone body.amm-ios-no-direct-header {
    padding-top: var(--amm-ios-status-clear) !important;
  }
  /* Full-screen sticky headers can trap the user in a tall chrome section.
     Let them scroll off normally on the installed iPhone/iPad app. */
  html.amm-ios-standalone body > header.seo-header,
  html.amm-ios-standalone body > header.scx-header,
  html.amm-ios-standalone body > header.top,
  html.amm-ios-standalone body > header.ml-top,
  html.amm-ios-standalone body > header.fux-header {
    position: relative !important; top: auto !important;
  }
  html.amm-ios-standalone body > header.nav {
    flex-wrap: wrap !important; row-gap: 12px !important;
  }
  html.amm-ios-standalone body > header.nav > nav {
    display: flex; flex: 1 1 100%; width: 100%;
    gap: 8px 16px; flex-wrap: wrap; justify-content: flex-start;
  }
}
@media screen and (max-width: 600px) {
  html.amm-ios-standalone {
    --amm-ios-status-clear: max(env(safe-area-inset-top, 0px), 58px);
  }
  html.amm-ios-standalone body > header.nav {
    padding-bottom: 14px !important;
  }
  html.amm-ios-standalone body > header.nav .brand {
    min-width: 0; max-width: 100%;
  }
}
/* In-browser Safari keeps its native bars, so no artificial top gap.
   Private administrative tools deliberately do not load this stylesheet. */