/* Shared behavior, page-owned colors and typography. */
.language-switch[hidden] { display: none; }
.language-switch {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  border: 1px solid currentColor;
  border-radius: 3px;
  padding: 2px;
  color: inherit;
}
.language-switch button {
  position: relative;
  min-width: 42px;
  min-height: 44px;
  padding: 8px;
  border: 0;
  border-radius: 1px;
  background: transparent;
  color: inherit;
  font: 600 11px/1 Inter, Arial, sans-serif;
  letter-spacing: .06em;
  cursor: pointer;
}
.language-switch button[aria-pressed="true"]::after {
  content: "";
  position: absolute;
  bottom: 8px;
  height: 2px;
  left: 12px;
  right: 12px;
  background: currentColor;
}
.language-switch button:hover { background: rgb(255 255 255 / .12); }
.language-switch button:active { background: rgb(255 255 255 / .22); }
.language-switch button:focus-visible { outline: 2px solid currentColor; outline-offset: -3px; }
header .header-actions { display: flex; align-items: center; gap: 22px; }
header > nav { margin-left: auto; margin-right: 32px; }

@media (max-width: 1000px) and (min-width: 801px) {
  .site-header .header-descriptor { max-width: 180px; white-space: normal; }
  header > nav, .site-header > nav { gap: 18px; margin-right: 20px; }
}
@media (max-width: 800px) {
  header .header-actions { gap: 12px; }
  header > nav { margin: 0; }
  .site-header .header-descriptor { max-width: 155px; font-size: 10px; line-height: 1.4; }
  .language-switch { position: relative; z-index: 12; }
  header:has(nav.open) { position: fixed; }
  header .header-actions .menu[aria-expanded="true"] { position: relative; inset: auto; }
  .site-header:has(nav.open) .language-switch { color: var(--indigo); }
  body[data-landing="nravitsa"] header:has(nav.open) .language-switch { color: var(--blue); }
  body[data-landing="nravitsa"] .menu { min-width: 44px; min-height: 44px; align-items: center; justify-content: center; padding: 0; }
}
@media (max-width: 360px) {
  header .header-actions { gap: 4px; }
  .site-header .header-descriptor { max-width: 116px; }
  body[data-landing="nravitsa"] header .brand { width: 108px; }
}