/* Shared navigation: retain every link at narrow widths. */
nav a { min-height: 44px; display: inline-flex; align-items: center; }
nav a[aria-current="page"] { color: #e2bd71; text-decoration: underline; text-underline-offset: 8px; }
@media (max-width: 640px) {
  header { height: auto; min-height: 112px; flex-wrap: wrap; justify-content: center; gap: 0; padding: 20px 6% 8px; }
  header .brand { justify-content: center; width: 100%; font-size: 13px; }
  header nav { justify-content: center; flex-wrap: wrap; gap: 4px 22px; width: 100%; margin-top: 8px; font-size: 12px; }
}
@media (max-width: 360px) { header nav { gap: 4px 16px; } }