@media (min-width: 901px) {
  .header-panel .nav {
    flex-wrap: nowrap;
    gap: clamp(0.5rem, 0.8vw, 1rem);
  }

  .header-panel .nav a {
    flex: 0 1 auto;
    max-width: 9ch;
    white-space: normal;
    text-align: center;
    line-height: 1.3;
  }
}

@media (min-width: 901px) and (max-width: 1150px) {
  .header-shell {
    gap: 0.7rem;
    padding-left: 0.9rem;
    padding-right: 0.9rem;
  }

  .header-shell .brand-logo {
    width: 7rem;
  }

  .header-panel {
    gap: 0.7rem;
  }

  .header-panel .nav {
    gap: 0.45rem;
  }

  .header-panel .nav a {
    font-size: 0.85rem;
  }

  .header-panel .header-cta {
    padding: 0.85rem 0.8rem;
    font-size: 0.85rem;
    white-space: nowrap;
  }
}