/* ============================================================================
   ПЕРЕКЛЮЧАТЕЛЬ ЯЗЫКА — вид «пилюля». Выбор Кости 02.09.2026.
   Общий файл на все четыре страницы: пока правила лежали инлайном в каждой,
   любая поправка требовала четырёх одинаковых правок и молча разъезжалась.
   Место на странице задаётся НЕ здесь, а в самой странице: на главной это
   центр шапки .nav, на лендингах — центр полосы .sitebar.
   ============================================================================ */

.lang{display:inline-flex;align-items:center;align-self:center;
  font-family:'JetBrains Mono',monospace;line-height:1;white-space:nowrap;
  /* ⚠️ ПОДЛОЖКА ОБЯЗАТЕЛЬНА, И ЭТО НЕ УКРАШЕНИЕ. Пилюля стоит поверх фона из
     букв, и светлая буква осыпи, пройдя под неактивным кодом, роняла контраст
     с 4.66 до 2.78 при норме 4.5 (замер по пикселям, tools/pill-contrast.py).
     Прозрачной её оставить нельзя ни при какой альфе: чтобы удержать 4.5,
     непрозрачность нужна 97% — то есть уже неотличимо от сплошной заливки. */
  background:var(--bg);
  border:1px solid rgba(var(--line),.22);border-radius:999px;padding:2px;gap:1px}

/* ⚠️ Вертикального padding у кнопок НЕТ: в шапке рядом стоят подписи, и отступ
   уводил коды языка ниже их строки. Зону пальца добирает невидимый ::before —
   на типографику он не влияет. По высоте выходит 44–46px, по ширине 24–30px:
   три кода в ряд шире не сделать, они не встанут на 320px рядом с подписями.
   Промах по соседнему коду не разрушителен — язык переключается обратно одним
   касанием, в отличие от удаления или отправки. */
.lang button{font:inherit;font-size:inherit;letter-spacing:inherit;text-transform:inherit;
  background:none;border:0;margin:0;padding:4px 9px 5px;border-radius:999px;position:relative;
  color:var(--dim2);cursor:pointer;-webkit-tap-highlight-color:transparent;
  transition:color .18s,background .18s}
.lang button::before{content:'';position:absolute;left:-2px;right:-2px;top:-15px;bottom:-15px}
.lang button:hover{color:var(--ink)}
.lang button.on{background:var(--ink);color:var(--bg);font-weight:700}
.lang button.on:hover{color:var(--bg)}