/* ============================================================
   lang-select.css — Language selector
   Concept C (header brand-lockup imprint) + Concept B (footer switch)
   ------------------------------------------------------------
   ADDITIVE and SHARED across languages. Linked AFTER style.css on
   the pages that have a WORKING language switch (currently the
   English Home and the Russian Home — a page gets it only once its
   counterpart in the other language exists).

   Never edits style.css or main.js. No JS, no flags, no dropdown,
   no floating widget — plain anchors styled entirely in the V2
   vocabulary (the SURGICAL sub-label + the footer kicker/stack).
   ============================================================ */

/* ---- Header: brand-lockup imprint (Concept C) ----
   The wordmark <a> and the language code <a> sit in one
   baseline-aligned lockup, so the code reads as an edition imprint
   ON the brand — a peer of the SURGICAL sub-label, not a nav
   control. (Anchors can't nest, hence the wrapper.) */
.nav__brand-wrap { display: inline-flex; align-items: baseline; gap: .4rem; min-width: 0; }

.lang-sep { color: var(--border-strong); font-weight: 400; }   /* the · divider — very quiet */

.lang-imprint {
  /* same visual language as .nav__brand-sub (the SURGICAL label) */
  font-size: var(--fs-100);
  letter-spacing: .2em;
  text-transform: uppercase;
  font-weight: 600;
  color: var(--text-faint);
  white-space: nowrap;
  transition: color var(--dur) var(--ease);
}
.lang-imprint:hover,
.lang-imprint:focus-visible { color: var(--accent); }

/* ---- Footer: the permanent language location (Concept B) ----
   Reuses the footer's own kicker + .stack patterns verbatim (full
   language names, each in its own script). Only the current-language
   marker needs a rule. */
.footer .lang-switch { margin-top: var(--s-4); }
.footer .lang-switch__active { color: var(--steel-soft); font-weight: 600; }