.lang-switch {
  display: inline-flex;
  align-items: center;
  border: 1px solid var(--glass-border, var(--border));
  border-radius: var(--radius-xs, 10px);
  overflow: hidden;
  flex-shrink: 0;
}

.lang-switch__btn {
  padding: 0.35rem 0.55rem;
  min-width: 2.25rem;
  min-height: 36px;
  border: none;
  background: transparent;
  color: var(--color-text-secondary, var(--muted));
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  cursor: pointer;
  font-family: inherit;
  transition: background var(--duration-fast, 150ms), color var(--duration-fast, 150ms);
}

/* hover: interactions.css */

.lang-switch__btn:focus-visible {
  outline: 2px solid var(--color-accent-primary, #7b42f6);
  outline-offset: -2px;
}

.lang-switch__btn[aria-pressed="true"] {
  background: rgba(123, 66, 246, 0.15);
  color: var(--color-text-primary, var(--text));
}

.lang-switch__sep {
  width: 1px;
  align-self: stretch;
  background: var(--glass-border, var(--border));
}

.home-nav__actions .lang-switch {
  margin-inline-start: clamp(0.85rem, 1.35vw, 1.35rem);
  margin-inline-end: 0.15rem;
}

html[lang="ru"] .home-nav__actions .lang-switch {
  margin-inline-start: clamp(1rem, 1.6vw, 1.5rem);
}

.docs-topbar__actions .lang-switch {
  margin-inline-end: 0.15rem;
}

@media (max-width: 640px) {
  .lang-switch__btn {
    min-height: 44px;
    padding: 0.45rem 0.65rem;
  }

  .home-nav__actions .lang-switch__btn {
    min-height: 34px;
    padding: 0.28rem 0.42rem;
  }
}