/* Shared header breakpoint for the main website. */
.site-header .site-desktop-nav,
.site-header .site-header-actions {
  display: none;
}

.site-header .site-mobile-controls {
  flex-shrink: 0;
}

.site-header #mobile-menu {
  max-height: calc(100dvh - 80px);
  overflow-y: auto;
  overscroll-behavior: contain;
}

@media (min-width: 1280px) {
  .site-header .site-desktop-nav,
  .site-header .site-header-actions {
    display: flex;
    flex-shrink: 0;
    white-space: nowrap;
  }

  .site-header .site-mobile-controls,
  .site-header #mobile-menu {
    display: none;
  }
}