.site-nav {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.55rem 1.5rem;
  background: #111827;
  border-bottom: 1px solid #1f2937;
  overflow-x: auto;
}

.site-nav-link,
.site-nav-link:visited {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  border-radius: 9999px;
  padding: 0.4rem 0.75rem;
  color: #d1d5db;
  text-decoration: none;
  font-size: 0.92rem;
  font-weight: 600;
  transition: background-color 0.2s ease, color 0.2s ease;
}

.site-nav-link:hover,
.site-nav-link:active {
  color: #ffffff;
  background: #1f2937;
}

.site-nav-link.is-active,
.site-nav-link.is-active:visited,
.site-nav-link[aria-current='page'] {
  background: #1d4ed8;
  color: #ffffff;
}

@media print {
  .site-nav {
    display: none;
  }
}