/* Keep the existing desktop menus clear of the wordmark at compact widths. */
@media (min-width: 901px) {
  #brandHeader .main-nav {
    gap: clamp(8px, 1.1vw, 16px);
  }
}

@media (min-width: 901px) and (max-width: 1240px) {
  #brandHeader .brand-row,
  body.public-shell-page .public-shell-header__inner {
    padding-right: 18px;
    padding-left: 18px;
    gap: 12px;
  }

  #brandHeader .brand-logo,
  body.public-shell-page .public-shell-logo {
    width: 154px;
    min-width: 154px;
    flex: 0 0 154px;
  }

  #brandHeader .main-nav,
  body.public-shell-page .public-shell-nav {
    gap: 8px;
    font-size: 12px;
  }
}