/* The seventh public navigation item needs a little more room at laptop widths. */
@media (min-width: 1100px) and (max-width: 1339px) {
  .site-header .header-inner { flex-wrap: wrap; justify-content: flex-start; gap: 4px; padding-bottom: 12px; }
  .site-header .brand { flex-basis: 100%; }
  .site-header .main-nav { width: 100%; flex-wrap: wrap; justify-content: flex-start; gap: 10px 22px; }
}