/* Keep six primary destinations readable on phones and tablets. */
@media (max-width: 820px) {
  .header { flex-wrap: wrap; row-gap: 12px; }
  .nav { width: 100%; }
}
@media (max-width: 620px) {
  .nav { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px 8px; }
  .nav a { min-width: 0; min-height: 48px; padding: 8px 3px; text-align: center; line-height: 1.2; font-size: 14px; }
  .nav .contact-link { padding: 8px 3px; }
}