/* One language control across public and account pages, using Studio tokens. */
.language-picker{position:relative;display:inline-flex;flex:none;align-items:center}
.language-picker .language-switch{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;min-width:58px;min-height:40px;padding:.45rem .65rem;font:500 var(--text-xs) var(--font-body);line-height:1;color:var(--color-ink);background:var(--color-paper-2);border:1px solid var(--color-rule);border-radius:var(--radius-pill);cursor:pointer;transition:background var(--dur-short) var(--ease-out),border-color var(--dur-short) var(--ease-out)}
.language-picker .language-switch[aria-expanded="true"]{background:var(--color-paper-3);border-color:var(--color-muted)}
.language-chevron{flex:none;transition:transform var(--dur-short) var(--ease-out)}
.language-switch[aria-expanded="true"] .language-chevron{transform:rotate(180deg)}
.language-menu{position:absolute;inset-inline-end:0;top:calc(100% + .75rem);z-index:var(--z-dropdown);width:188px;max-width:calc(100vw - 2rem);padding:.4rem;border:1px solid var(--color-rule);border-radius:1rem;background:var(--color-paper-2);color:var(--color-ink);box-shadow:0 12px 32px color-mix(in oklab,var(--color-ink) 12%,transparent);transform-origin:top right;animation:language-open var(--dur-short) var(--ease-out)}
.language-menu[hidden]{display:none!important}
.language-option{display:flex;align-items:center;gap:.65rem;width:100%;min-height:44px;padding:.65rem .7rem;border:0;border-radius:.65rem;background:transparent;color:var(--color-ink);font:400 var(--text-sm) var(--font-body);line-height:1.25;text-align:start;white-space:nowrap;cursor:pointer}
.language-option[aria-checked="true"]{background:var(--color-paper-3);font-weight:500}
.language-code{min-width:1.5rem;color:var(--color-muted);font-size:.65rem;font-weight:600;letter-spacing:.04em}
.language-check{margin-inline-start:auto;flex:none;color:var(--color-accent);visibility:hidden}
.language-option[aria-checked="true"] .language-check{visibility:visible}
.language-option:focus-visible{outline:2px solid var(--color-focus);outline-offset:-3px;background:var(--color-paper-3)}
.language-picker .language-switch:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}
@media(hover:hover) and (pointer:fine){.language-picker .language-switch:hover,.language-option:hover{background:var(--color-paper-3)}}
@media(max-width:45rem){.language-picker .language-switch{min-width:50px;min-height:36px;padding:.4rem .45rem;gap:.25rem;font-size:.7rem}.language-chevron{width:10px;height:10px}}
@keyframes language-open{from{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.language-menu{animation:none}.language-picker .language-switch,.language-chevron{transition:none}}