/* 13.11 (Эрик: «чтобы было видно, какой язык, нажал — внизу открылись все языки»): one small pill with the current language;
   a tap opens the list under it. Same look as the header's menu button. */
.lang-pick{position:relative;margin-left:12px;border:0;padding:0}
.lang-pick summary{list-style:none;display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 11px;border:1px solid #ffffff1c;border-radius:10px;background:#15171e;color:#e9ebf2;font:600 12.5px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.05em;cursor:pointer;user-select:none;transition:border-color .2s,background .2s}
.lang-pick summary::-webkit-details-marker{display:none}
.lang-pick summary:hover,.lang-pick[open] summary{border-color:#cbbcff66;background:#1b1e27}
.lang-pick summary svg{width:15px;height:15px;opacity:.8}
.lang-pick summary .lp-car{width:11px;height:11px;transition:transform .2s}
.lang-pick[open] summary .lp-car{transform:rotate(180deg)}
.lang-pick .lp-list{position:absolute;right:0;top:calc(100% + 8px);z-index:60;min-width:168px;display:grid;gap:2px;padding:6px;border:1px solid #ffffff1f;border-radius:14px;background:#12141bf7;box-shadow:0 22px 50px -18px #000;backdrop-filter:blur(12px);animation:lp-in .18s ease-out}
@keyframes lp-in{from{opacity:0;transform:translateY(-4px)}}
.lang-pick .lp-list button,.lang-pick .lp-list a{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:9px 11px;border:0;border-radius:9px;background:transparent;color:#d6d9e3;font:500 14px/1.2 inherit;text-align:left;cursor:pointer}
.lang-pick .lp-list button small,.lang-pick .lp-list a small{font:600 11px ui-monospace,SFMono-Regular,Menlo,monospace;color:#8a90a2;letter-spacing:.05em}
.lang-pick .lp-list button:hover,.lang-pick .lp-list a:hover{background:#ffffff0f;color:#fff}
.lang-pick .lp-list button[aria-pressed="true"],.lang-pick .lp-list a[aria-current="true"]{background:#cbbcff;color:#10131c}
.lang-pick .lp-list button[aria-pressed="true"] small,.lang-pick .lp-list a[aria-current="true"] small{color:#10131c}
.lang-pick summary:focus-visible,.lang-pick .lp-list button:focus-visible,.lang-pick .lp-list a:focus-visible{outline:2px solid #cbbcff;outline-offset:2px}
@media(max-width:760px){.header .lang-pick{margin-left:auto;height:42px}.header .lang-pick summary{height:42px}.header .hl-menu{margin-left:8px}}
@media(prefers-reduced-motion:reduce){.lang-pick .lp-list{animation:none}.lang-pick summary .lp-car{transition:none}}

.lang-pick .lp-list a{text-decoration:none;box-sizing:border-box}
/* 13.11: no «+» from the menu's summary style; on phones the pill sits right, next to the menu button */
.lang-pick summary::after,.lang-pick summary::before{content:none!important;display:none!important}
@media(max-width:760px){.header .lang-pick{margin-left:auto!important}.header .hl-menu{margin-left:8px!important}}