.language-switcher {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  gap: 2px;
  padding: 3px;
  margin: 0;
  border: 1px solid var(--border, var(--border-color, #dce2e9));
  border-radius: 9px;
  background: var(--surface, var(--body-bg, #fff));
}
.language-switcher button {
  display: block;
  min-height: 38px;
  padding: 7px 10px;
  border: 0;
  border-radius: 6px;
  color: var(--ink, var(--body-fg, #142b43));
  background: transparent;
  font: inherit;
  font-size: 13px;
  line-height: 1.5;
  text-transform: none;
  letter-spacing: normal;
  cursor: pointer;
}
.language-switcher button:hover { background: var(--soft, var(--darkened-bg, #f6f8fa)); }
.language-switcher button.is-current { color: var(--button-fg, #fff); background: var(--primary, #142b43); cursor: default; opacity: 1; }
.language-switcher button:focus-visible { outline: 3px solid var(--focus, var(--link-fg, #267dba)); outline-offset: 3px; }
#header .language-switcher { margin-inline-start: 16px; }
@media (max-width: 1024px) { #header .language-switcher { margin: 12px 0 0; } }