@media (max-width: 640px) {
  header.top { display:flex !important; flex-wrap:wrap; justify-content:center; align-items:center; gap:.35rem 1rem; padding:.7rem 16px; }
  header.top a { font-size:.92rem; white-space:nowrap; padding:.35rem 0; }
  header.top .brand-link { flex-basis:100%; display:flex; justify-content:center; align-items:center; gap:.5rem; }
  .foot .wrap { display:flex; flex-wrap:wrap; justify-content:center; gap:.4rem 1rem; text-align:center; }
}