/* One navigation bar for every public page (Race, 2026-10-10). Edit here, not per page. */
.site-nav { display: flex; align-items: center; justify-content: space-between; gap: 10px 18px; flex-wrap: wrap; padding: 12px 0; border-bottom: 2px solid #f0dedc; font-family: Nunito, system-ui, sans-serif; }
.site-nav .brand-link { display: inline-flex; align-items: center; gap: 8px; text-decoration: none; color: #3d3229; font-weight: 900; font-size: 1.125rem; }
.site-nav .brand-link img { width: 36px; height: 36px; border-radius: 50%; display: block; }
.site-nav .links { display: flex; align-items: center; gap: 4px 6px; flex-wrap: wrap; list-style: none; margin: 0; padding: 0; }
.site-nav .links a { display: inline-flex; align-items: center; min-height: 44px; padding: 0 10px; border-radius: 999px; text-decoration: none; color: #3d3229; font-weight: 800; font-size: 1rem; }
.site-nav .links a:hover { background: #fde2e0; }
.site-nav .links a[aria-current="page"] { color: #a62e44; text-decoration: underline; text-underline-offset: 5px; text-decoration-thickness: 2px; }
.site-nav a.book { display: inline-flex; align-items: center; min-height: 44px; border-radius: 999px; text-decoration: none; font-weight: 900; font-size: 1rem; background: #a62e44; color: #fff; padding: 0 18px; margin-left: 4px; }
.site-nav a.book:hover { background: #8e2438; }
.site-nav .nav-book { order: 3; }
.site-nav .links { order: 2; }
/* The homepage hero already carries the logo and name, so its bar is links only, right-aligned. */
.site-nav.home-nav { justify-content: flex-end; padding: 8px 0; }
@media (max-width: 620px) {
  .site-nav { justify-content: space-between; }
  .site-nav .nav-book { order: 2; }
  .site-nav .links { order: 3; justify-content: center; width: 100%; }
  .site-nav .links a { padding: 0 8px; }
  .site-nav.home-nav { justify-content: center; }
}
/* Five links since the boarding page (2026-10-19): tighten on a phone so the links stay one row. */
@media (max-width: 440px) {
  .site-nav .links { gap: 2px; }
  .site-nav .links a { padding: 0 6px; font-size: .9375rem; white-space: nowrap; }
  .site-nav.home-nav .links a.book { padding: 0 12px; margin-left: 2px; }
}
@media (min-width: 380px) and (max-width: 440px) { .site-nav .links { flex-wrap: nowrap; } }