/* Language switcher: a quiet code + chevron in the header, a small card with the native language names. */
.language{position:relative;font-size:12px}
.lang-btn{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 11px;border:0;border-radius:999px;background:transparent;color:inherit;font:600 12px/1 inherit;letter-spacing:.05em;cursor:pointer;transition:background .2s}
.lang-btn:hover,.lang-btn[aria-expanded=true]{background:rgba(125,112,150,.15)}
.lang-btn:focus-visible{outline:2px solid #5b3de8;outline-offset:2px}
.lang-btn .chev{width:11px;height:11px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;opacity:.7;transition:transform .28s cubic-bezier(.2,.9,.3,1)}
.lang-btn[aria-expanded=true] .chev{transform:rotate(180deg)}
.lang-list{position:absolute;z-index:90;top:calc(100% + 10px);inset-inline-end:0;min-width:178px;margin:0;padding:6px;list-style:none;border:1px solid #e6e0eb;border-radius:18px;background:#faf9fc;box-shadow:0 28px 54px -20px rgba(32,17,47,.42);opacity:0;visibility:hidden;transform:translateY(-6px) scale(.98);transform-origin:100% 0;transition:opacity .18s ease,transform .28s cubic-bezier(.2,.9,.3,1),visibility 0s .28s}
html[dir=rtl] .lang-list{transform-origin:0 0}
.lang-list.open{opacity:1;visibility:visible;transform:none;transition-delay:0s}
.lang-list li{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:10px 12px;border-radius:12px;font-size:14px;line-height:1.2;color:#2c2238;cursor:pointer;outline:none;transition:background .15s}
.lang-list li{direction:ltr}html[dir=rtl] .lang-list li{direction:rtl}
.lang-list li:hover,.lang-list li.focus{background:rgba(91,61,232,.09)}
.lang-list li[aria-selected=true]{font-weight:600}
.lang-list .tick{width:14px;height:14px;flex:none;fill:none;stroke:#5b3de8;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;opacity:0}
.lang-list li[aria-selected=true] .tick{opacity:1}
.site-header.is-scrolled .lang-list{background:#21192d;border-color:#382d46;box-shadow:0 28px 54px -20px rgba(0,0,0,.6)}
.site-header.is-scrolled .lang-list li{color:#eee5f5}
.site-header.is-scrolled .lang-list li:hover,.site-header.is-scrolled .lang-list li.focus{background:rgba(255,255,255,.09)}
.site-header.is-scrolled .lang-list .tick{stroke:#b9a6ff}
@media(max-width:1100px){.lang-btn{height:34px;padding:0 9px}}
@media(prefers-reduced-motion:reduce){.lang-list,.lang-btn .chev{transition:none}}
