.lang-switcher__list {
  display: flex;
  align-items: center;
  gap: var(--s-1);
  margin: 0; padding: 0;
  list-style: none;
}
.lang-switcher__item + .lang-switcher__item { border-inline-start: 1px solid var(--border-strong); padding-inline-start: var(--s-1); }
.lang-switcher__link {
  display: block;
  padding: 0.25rem 0.4rem;
  font-size: var(--fs-2xs);
  font-weight: 700;
  letter-spacing: 0.08em;
  color: var(--fg-faint);
  text-decoration: none;
  border-radius: var(--radius-xs);
  transition: color var(--dur-fast) var(--ease);
}
.lang-switcher__link abbr { text-decoration: none; border: 0; }
.lang-switcher__link:hover { color: var(--c-slate-700); }
.lang-switcher__link.is-active { color: var(--c-slate-800); }
/* ---- On dark grounds --------------------------------------------------- */
/* The masthead, the footer and inverted bands are all slate; the light-ground
   inks below would disappear into them. */
.section--invert .lang-switcher__link,
.site-header__utility .lang-switcher__link,
.site-footer .lang-switcher__link { color: var(--fg-invert-muted); }

.section--invert .lang-switcher__link:hover,
.site-header__utility .lang-switcher__link:hover,
.site-footer .lang-switcher__link:hover { color: var(--c-white); }

.site-header__utility .lang-switcher__link.is-active,
.site-footer .lang-switcher__link.is-active { color: var(--c-gold); }

.site-header__utility .lang-switcher__item + .lang-switcher__item {
  border-inline-start-color: rgb(255 255 255 / 0.3);
}