/* Keep the four public destinations centred between the brand and action. */
.app-header .main-nav a[href="/solutions"] { display: none; }
.app-header .main-nav a.main-nav__mobile-action { color: #fff; }
.app-header .main-nav a.main-nav__mobile-action:hover,
.app-header .main-nav a.main-nav__mobile-action:focus-visible { color: #fff; }

@media (min-width: 901px) {
  .app-header {
    grid-template-columns: minmax(0, 1fr) max-content minmax(0, 1fr);
  }

  .app-header .main-nav {
    gap: clamp(28px, 3.2vw, 54px);
    justify-content: center;
  }

  .app-header .brand { justify-self: start; }
  .app-header .header-action { justify-self: end; }
}

@media (min-width: 901px) and (max-width: 1100px) {
  .app-header .main-nav { gap: 24px; }
}