/* Reserve space only for the additional navigation entry. */
header .nav { grid-template-columns: auto minmax(0, 1fr) auto; gap: 24px; }
header .nav-links { justify-content: center; gap: 20px; }
@media (min-width: 821px) and (max-width: 1180px) {
  header .nav { gap: 16px; }
  header .nav-links { gap: 14px; }
}
@media (max-width: 820px) {
  header .nav { grid-template-columns: minmax(0, 1fr) auto; gap: 12px; }
  header .nav-links { justify-content: start; gap: 0; }
}