.language-link {
  color: var(--muted);
  font-family: var(--font-sans, system-ui, sans-serif);
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-decoration: none;
  white-space: nowrap;
}
.language-link:hover,
.language-link:focus-visible {
  color: var(--accent);
  text-decoration: underline;
}
.language-link--current {
  color: var(--ink);
  cursor: default;
}

@media (max-width: 700px) {
  .site-header__navigation {
    column-gap: .7rem;
    row-gap: .45rem;
    flex-wrap: wrap;
  }
}