.site-nav.site-nav {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: clamp(14px, 1.6vw, 24px);
  overflow-x: auto;
  padding: 4px 0;
  scrollbar-width: none;
}

.site-nav.site-nav::-webkit-scrollbar { display: none; }

nav.site-nav.site-nav a {
  position: relative;
  display: inline-flex;
  min-height: 44px;
  flex: 0 0 auto;
  align-items: center;
  gap: 5px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: var(--muted, #78756e);
  font-size: 13px;
  font-weight: 650;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
}

nav.site-nav.site-nav a:hover,
nav.site-nav.site-nav a:focus-visible,
nav.site-nav.site-nav a[aria-current="page"] {
  background: transparent;
  color: var(--ink, #24231f);
}

nav.site-nav.site-nav a[aria-current="page"] {
  font-weight: 800;
}

nav.site-nav.site-nav a[aria-current="page"]::after {
  position: absolute;
  right: 0;
  bottom: 2px;
  left: 0;
  height: 2px;
  background: var(--accent, var(--green, #168143));
  content: "";
}

.site-nav .site-nav-external {
  color: var(--ink, #24231f);
  font-size: 10px;
  font-weight: 800;
}

.site-nav .site-nav-stars {
  color: var(--ink, #24231f);
  font-weight: 800;
}

.site-nav .global-language-switch { flex: 0 0 auto; }

@media (max-width: 760px) {
  .site-nav.site-nav {
    width: 100%;
    gap: 15px;
    overscroll-behavior-inline: contain;
  }

  nav.site-nav.site-nav a { display: inline-flex; min-height: 40px; font-size: 11px; }
}