/* Small fixes on top of the compiled styles.css, loaded by every page after it.

   Header: the five-tab desktop nav needs about 1200px; below that it collided with the logo and the
   advisory button. Under 1200px the nav collapses into the existing mobile menu, which js/app.js opens
   and closes by toggling .hidden on #mobile-menu. */
@media (max-width: 1199.98px) {
  header nav.md\:flex { display: none; }
  #mobile-menu-btn.md\:hidden { display: block; }
  #mobile-menu.md\:hidden:not(.hidden) { display: block; }
}
@media (min-width: 1200px) {
  header nav a { white-space: nowrap; }
}

/* Footer: grid columns could not shrink below the email address, so the page scrolled sideways at 768 to
   800px. Columns may shrink, and long addresses wrap. */
footer .grid > * { min-width: 0; }
footer a[href^="mailto:"] { overflow-wrap: anywhere; }