.lang-menu{position:relative}.lang{display:inline-flex;align-items:center;gap:.45rem;font:inherit;font-size:.875rem;font-weight:600;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:.35rem .7rem;cursor:pointer}.lang:hover{border-color:var(--primary)}.lang:focus-visible,.lang-list a:focus-visible{outline:3px solid var(--coral);outline-offset:3px}.chevron{width:.75rem;height:.75rem}.flag{display:inline-block;flex:none;width:1.35rem;height:1rem;overflow:hidden;border-radius:3px;box-shadow:0 0 0 1px #1c1a2e24}.flag svg{display:block;width:100%;height:100%}.lang-list{position:absolute;inset-inline-end:0;top:calc(100% + .4rem);z-index:10;width:17.5rem;max-width:calc(100vw - 2rem);max-height:min(70vh,28rem);overflow-y:auto;margin:0;padding:.35rem;list-style:none;background:var(--surface);border:1px solid var(--line);border-radius:1rem;box-shadow:0 18px 40px -12px #1c1a2e59}.lang-list a{display:flex;align-items:center;gap:.65rem;padding:.45rem .6rem;border-radius:.6rem;color:var(--ink);font-size:.95rem;line-height:1.6;text-decoration:none}.lang-list a:hover,.lang-list a:focus-visible{background:var(--bg)}.lang-list a[aria-current=true]{font-weight:700}.lang-list .code{margin-inline-start:auto;color:var(--muted);font-size:.75rem;white-space:nowrap}