/* Public website header only. Include after the existing public styles.css.
   The extra Training item uses the menu sooner; app/login pages do not load this file. */
@media (max-width: 1360px) {
  .site-header .header__inner { min-height: 72px; }
  .site-header .menu-toggle { display: grid; }
  .site-header .nav {
    position: fixed;
    inset: 72px 0 auto;
    display: none;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    max-height: calc(100svh - 72px);
    max-height: calc(100dvh - 72px);
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 16px 20px 24px;
    background: var(--navy);
    border-top: 1px solid rgba(255, 255, 255, 0.12);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.25);
  }
  .site-header .nav[data-open] { display: flex; }
  .site-header .nav__link { min-height: 44px; padding: 12px 0; }
  .site-header .nav__link::after { bottom: 7px; width: 52px; }
  .site-header .nav__cta { margin-top: 14px; }
}