/* Compact language codes use the same body type as the work scroll cue. */
.language-picker .language-menu{width:68px;max-width:calc(100vw - 32px);padding:4px 12px;background:var(--ink);border:1px solid #f1f2e82b;border-radius:0;box-shadow:none}
.language-picker .language-menu li+li{margin:0;border-top:1px solid #f1f2e820}
.language-picker .language-option{display:flex;justify-content:flex-start;align-items:center;min-height:36px;width:100%;padding:4px 0;gap:0;background:none;font:500 12px/16px var(--vf-body);letter-spacing:.12em;text-transform:uppercase;color:var(--vf-cream);transition:color .2s ease}
.language-picker .language-option.is-current{background:none;color:var(--vf-acid)}
.language-picker .language-option:disabled{background:none;color:#8f938a;opacity:1}
.language-picker .language-option:not(:disabled):is(:hover,:focus-visible){color:var(--vf-acid)}
.language-picker .language-option:focus-visible{outline:1px solid var(--vf-acid);outline-offset:3px}
.language-picker[open] .language-menu{animation:language-menu-enter .2s cubic-bezier(.2,.75,.25,1) both}
.language-picker--footer .language-menu{top:auto;bottom:calc(100% + 12px)}
@keyframes language-menu-enter{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.language-picker[open] .language-menu{animation:none}.language-picker .language-option{transition:none}}