/* Keep every existing navigation action available at compact widths. */
@media (max-width: 1100px) {
  .site-header { position: relative; background: var(--ink-deep); }
  .site-header .nav { flex-wrap: wrap; gap: 12px; }
  .site-header .menu { display:flex; order: 3; flex: 1 0 100%; flex-wrap: wrap; gap: 6px 16px; }
  .site-header .menu a, .site-header .menu a:not(.button), .site-header .menu > .button { display: inline-flex; align-items:center; min-height:44px; }
  .site-header .account-actions { display:inline-flex; flex-wrap:wrap; }
  .home .hero-inner { padding-top: 48px; }
}