/* Narrow screens and enlarged text: keep controls and long contact details contained. */
.footer-grid > div, .hero-copy, .hero-art { min-width: 0; }
.footer a { overflow-wrap: anywhere; }
.category p { font-size: .9rem; }
@media (max-width: 380px) {
  .header-row { gap: 10px; }
  .brand { font-size: 1.5rem; gap: 7px; }
  .brand svg { width: 28px; height: 28px; }
  .brand small { font-size: .5rem; }
  .menu-toggle { padding: 8px 10px; font-size: .875rem; }
}