/* Keep the five-link header comfortable on tablets as well as phones. */
@media (min-width: 721px) and (max-width: 1050px) {
  .site-header .nav { flex-wrap: wrap; gap: 12px; padding-block: 16px; }
  .site-header .header-phone { margin-left: auto; }
  .site-header .navigation { order: 5; width: 100%; margin-left: 0; justify-content: center; gap: 28px; border-top: 1px solid var(--border); padding-top: 8px; }
}