/* DPH mobile-overflow fix — added 29 Jul 2026.
   The header nav was a non-wrapping flex row 527-534px wide, so every page on
   this deploy scrolled sideways on a 390px phone. Scoped to <=700px only. */
@media (max-width: 700px) {
  .header-inner { flex-wrap: wrap; padding: 10px 14px; gap: 8px; }
  .header-nav { margin-left: 0; width: 100%; overflow-x: auto;
                -webkit-overflow-scrolling: touch; scrollbar-width: none; }
  .header-nav::-webkit-scrollbar { display: none; }
  .header-nav a, .header-nav button { white-space: nowrap; padding: 7px 10px; }
  .team-selector { margin-left: 0; margin-right: 0; flex-wrap: wrap; }
}