/* Language selector — the only UI addition of the i18n work. */
.language-switcher { display: inline-flex; align-items: center; }
.nav-brand-row .language-switcher { margin-left: auto; }
/* In the main menu the selector stands directly before the first link. */
.header nav .language-switcher { flex: none; }
.language-switcher__select {
  font: inherit;
  font-size: 14px;
  line-height: 1.25;
  min-height: 38px;
  padding: 7px 10px;
  color: var(--text, var(--ink, #f5f7ff));
  background: var(--surface, var(--card, rgba(255, 255, 255, .08)));
  border: 1px solid var(--line, rgba(204, 227, 244, .3));
  border-radius: 8px;
  cursor: pointer;
  max-width: 15rem;
}
.language-switcher__select:hover { border-color: var(--blue, var(--accent, #70b0ff)); }
.language-switcher__select:focus-visible { outline: 3px solid var(--blue, var(--accent, #70b0ff)); outline-offset: 2px; }
@media (max-width: 700px) {
  .nav-brand-row .language-switcher { width: 100%; }
  .nav-brand-row .language-switcher__select { width: 100%; max-width: none; }
  .header nav .language-switcher__select { max-width: 11rem; }
}
.nav-brand-row { display: flex; align-items: center; gap: 16px; width: 100%; }