/* Phone layout for the shared site header: name on its own line, menu full-width below.
   Linked into every page by build_site.py (so it survives page regeneration). */
@media (max-width: 600px) {
  .site-header, .site-header .wrap { flex-wrap: wrap; row-gap: 12px; }
  .site-header:has(> .site-logo) { height: auto; padding: 16px 20px; } /* archive page header */
  .site-logo { white-space: nowrap; }
  .site-header nav { width: 100%; }
  .site-nav { justify-content: space-between; gap: 8px; }
  .site-nav a { letter-spacing: 0.06em; }
}