.site-nav {
  position: sticky;
  top: 0;
  z-index: 40;
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100vw;
  margin: 0 calc(50% - 50vw) 16px;
  padding: calc(8px + env(safe-area-inset-top, 0px)) max(16px, env(safe-area-inset-right, 0px)) 8px max(16px, env(safe-area-inset-left, 0px));
  background: #13233a;
  border-bottom: 1px solid #2b4669;
  font-family: "Nunito Sans", system-ui, sans-serif;
}
.site-nav-brand {
  flex: 0 0 auto;
  font-family: "Bowlby One", "Arial Black", Impact, sans-serif;
  font-size: 16px;
  color: #f3f0e6;
  text-decoration: none;
}
.site-nav-brand span { color: #ffcf3f; }
.site-nav-links {
  display: flex;
  gap: 6px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
.site-nav-links::-webkit-scrollbar { display: none; }
.site-nav-links a {
  flex: 0 0 auto;
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  padding: 0 12px;
  border-radius: 999px;
  color: #9fb2cc;
  text-decoration: none;
  font-weight: 800;
  font-size: 14px;
}
.site-nav-links a[aria-current="page"] {
  background: #ffcf3f;
  color: #1a1a1a;
}
@media print {
  .site-nav { display: none !important; }
}