/* Keep the brand and navigation in the same layout flow. */
.sticky-nav .nav-right {
  min-width: 0;
}

.sticky-nav .site-menu > li {
  flex: 0 0 auto;
}

@media (min-width: 1101px) {
  .sticky-nav .site-menu-desktop {
    display: flex !important;
  }
}

/* A long role-specific menu uses the same accessible menu as a small screen. */
.sticky-nav.nav-compact .site-menu-desktop,
.sticky-nav.nav-compact .nav-enroll-btn {
  display: none !important;
}

.sticky-nav.nav-compact .mobile-menu-toggle {
  display: flex !important;
}

.sticky-nav.nav-compact .mobile-menu-container {
  display: block !important;
}

.sticky-nav .site-menu-mobile {
  max-height: min(560px, calc(100dvh - 180px));
  overflow-y: auto;
  overscroll-behavior: contain;
}