/* The language switch: a pill with a globe, the language code and a chevron; a small panel lists the languages by
   their own names. lang.js builds it over the site's #language select, which stays the one source of truth. */
.lang-native{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important}
.lang{position:relative}
.lang-btn{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 14px 0 13px;border:1px solid #dcd9cf;border-radius:999px;background:transparent;color:var(--ink);font:600 14px/1 'Golos Text',Arial,sans-serif;letter-spacing:.04em;cursor:pointer;transition:background .2s,border-color .2s,box-shadow .2s}
.lang-btn:hover{background:#fff;border-color:var(--ink)}
.lang-btn:focus-visible{outline:3px solid var(--ink);outline-offset:4px}
.lang-btn[aria-expanded="true"]{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.lang-btn svg{flex:none;width:17px;height:17px}
.lang-btn .lang-chev{width:14px;height:14px;transition:transform .2s}
.lang-btn[aria-expanded="true"] .lang-chev{transform:rotate(180deg)}
.lang-panel{position:absolute;right:0;top:calc(100% + 10px);z-index:60;display:grid;gap:2px;min-width:200px;padding:8px;border:1px solid #e6e1d4;border-radius:20px;background:#fff;box-shadow:0 22px 50px -24px rgba(23,23,18,.45);animation:lang-pop .18s cubic-bezier(.2,.9,.3,1.2) both}
.lang-panel[hidden]{display:none}
.lang-panel::before{content:"";position:absolute;right:24px;top:-7px;width:12px;height:12px;background:#fff;border-left:1px solid #e6e1d4;border-top:1px solid #e6e1d4;transform:rotate(45deg)}
.lang-opt{display:flex;align-items:center;gap:12px;width:100%;min-height:46px;padding:0 12px;border:0;border-radius:13px;background:none;color:var(--ink);font:500 15px/1 'Golos Text',Arial,sans-serif;text-align:left;cursor:pointer}
.lang-opt b{display:inline-grid;place-items:center;width:32px;height:24px;border-radius:7px;background:#f3efe4;font-size:11px;font-weight:700;letter-spacing:.06em}
.lang-opt span{flex:1}
.lang-opt i{width:16px;height:16px;color:var(--red);opacity:0}
.lang-opt:hover,.lang-opt:focus-visible{background:#faf6ec;outline:none}
.lang-opt[aria-checked="true"] b{background:var(--amber)}
.lang-opt[aria-checked="true"] i{opacity:1}
@keyframes lang-pop{from{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.lang-panel{animation:none}.lang-btn,.lang-btn .lang-chev{transition:none}}