/* Web-only additions: the page must also work on a phone (16px gutters, no sideways page scroll). */
html, body { max-width: 100%; overflow-x: hidden; }
main { overflow-x: auto; }
@media (max-width: 760px) {
  main { padding-left: 16px; padding-right: 16px; }
  header.top { flex-wrap: wrap; gap: 8px; }
  header.top nav { order: 3; width: 100%; overflow-x: auto; white-space: nowrap; }
  header.top .who { display: none; }
  .form { display: block; }
  .form .side { display: none; }
  .grid { grid-template-columns: 1fr !important; }
  table { display: block; overflow-x: auto; }
}