/* Site navigation stays separate from the upstream atlas styles. */
header { flex-wrap: wrap; }
.site-nav { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; font: 14px system-ui, sans-serif; }
.site-nav a { color: var(--ink); }
@media (max-width: 760px) {
  header { gap: 10px; padding: 12px; }
  .site-nav { gap: 10px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition: none !important; }
}