.site-main-nav {
  display: flex;
  align-items: center;
  gap: clamp(0.75rem, 1.5vw, 1.25rem);
  margin-left: auto;
}

.site-main-nav a {
  color: var(--muted-fg);
  font-size: 0.8rem;
  font-weight: 480;
  text-decoration: underline;
  text-decoration-thickness: 0.06em;
  text-underline-offset: 0.2em;
  white-space: nowrap;
}

.site-main-nav a:hover,
.site-main-nav a:focus-visible,
.site-main-nav a[aria-current="page"] {
  color: var(--page-fg);
}

.site-main-nav a:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 3px;
}

.nav-availability-short {
  display: none;
}

.language-picker select {
  width: 4.35rem;
  min-width: 4.35rem;
  min-height: 2.75rem;
  padding-right: 0.55rem;
  padding-left: 0.55rem;
  font-size: 0.82rem;
  letter-spacing: 0.02em;
}

@media (max-width: 68rem) {
  .site-header-inner {
    flex-wrap: wrap;
    gap: 0.3rem 1rem;
    padding-top: 0.45rem;
    padding-bottom: 0.65rem;
  }

  .site-main-nav {
    order: 3;
    width: 100%;
    flex-wrap: wrap;
    gap: 0.35rem 1.2rem;
    margin-left: 0;
    border-top: 1px solid var(--line);
    padding-top: 0.45rem;
  }

  .header-actions {
    margin-left: auto;
  }

  html {
    scroll-padding-top: 9rem;
  }

  [id] {
    scroll-margin-top: 9rem;
  }
}

@media (max-width: 32rem) {
  .site-header-inner {
    gap: 0.65rem;
  }

  .site-main-nav {
    gap: 0.4rem 0.9rem;
  }

  .nav-availability-long {
    display: none;
  }

  .nav-availability-short {
    display: inline;
  }
}

@media (max-width: 24rem) {
  .language-picker select {
    width: 3.8rem;
    min-width: 3.8rem;
    padding-right: 0.35rem;
    padding-left: 0.35rem;
    font-size: 0.72rem;
  }
}