/* Phone header: the nav wraps onto a second row instead of running off the screen. */
@media (max-width: 720px) {
  header.site .wrap { flex-wrap: wrap; row-gap: 8px; }
  header.site nav {
    flex-wrap: wrap;
    width: 100%;
    gap: 6px 10px;
    justify-content: flex-start;
  }
  header.site nav a,
  header.site nav button { white-space: nowrap; }
}