/**
 * Design philosophy: preserve the approved editorial header while ensuring
 * every primary destination remains a horizontal tab like Home.
 */
@media (min-width: 821px) {
  .site-header {
    gap: clamp(0.75rem, 1.4vw, 1.75rem);
  }

  .desktop-nav {
    display: flex !important;
    flex-wrap: nowrap;
    gap: clamp(0.7rem, 1.35vw, 1.7rem);
    margin-left: auto;
    white-space: nowrap;
  }

  .desktop-nav a,
  .desktop-nav a:not(:first-child) {
    display: block !important;
  }

  .header-cta {
    display: inline-flex !important;
    flex-shrink: 0;
    white-space: nowrap;
  }

  .menu-toggle,
  .mobile-nav {
    display: none !important;
  }
}

@media (min-width: 821px) and (max-width: 1140px) {
  .brand-lockup {
    width: clamp(8.25rem, 14vw, 10.25rem);
  }

  .header-context {
    display: none;
  }

  .desktop-nav {
    font-size: clamp(0.61rem, 0.82vw, 0.7rem);
    gap: clamp(0.58rem, 1.1vw, 0.9rem);
  }

  .header-cta {
    font-size: clamp(0.61rem, 0.78vw, 0.7rem) !important;
    padding-inline: clamp(0.65rem, 1.2vw, 0.9rem) !important;
  }
}