.site-header>.language-switch{position:relative;isolation:isolate;display:flex;flex-shrink:0;gap:0;width:92px;height:44px;padding:3px;box-sizing:border-box;border:1px solid #96b3bf;border-radius:999px;background:#dce6e9;touch-action:pan-y;user-select:none;-webkit-user-select:none;cursor:pointer}
.language-switch>span{display:none}
.site-header>.language-switch>a{position:relative;z-index:1;display:grid;place-items:center;width:50%;padding:0;border:0;border-radius:999px;font-size:12px;color:#52636d;opacity:1;text-decoration:none;touch-action:pan-y;-webkit-user-drag:none;transition:color .18s ease}
.site-header>.language-switch>a[aria-current]{color:#17262f;text-decoration:none}
.language-switch::before{content:"";position:absolute;z-index:0;left:3px;top:3px;width:calc((100% - 6px)/2);height:36px;border-radius:999px;background:#fff;box-shadow:0 1px 4px #17262f20;transform:translateX(var(--language-x,0px));transition:transform .24s cubic-bezier(.2,.7,.2,1);pointer-events:none}
.language-switch:has(a:nth-of-type(2)[aria-current]){--language-x:42px}
.language-switch.is-dragging{cursor:grabbing}
.language-switch.is-dragging::before{transition:none}
.language-switch>a:focus-visible{outline:2px solid #c80083;outline-offset:3px}
@keyframes language-text-in{from{opacity:.45}to{opacity:1}}
html.language-arrival :is(h1,h2,h3,p,li,dt,dd){animation:language-text-in .18s ease-out}
@media(prefers-reduced-motion:reduce){.language-switch::before,.site-header>.language-switch>a{transition:none}html.language-arrival :is(h1,h2,h3,p,li,dt,dd){animation:none}}

/* Companion menu pill: same proportions and palette as the language control. */
.site-header>.menu-toggle{flex-shrink:0;box-sizing:border-box;min-width:92px;height:44px;padding:0 15px;border:1px solid #96b3bf;border-radius:999px;background:#dce6e9;color:#17262f;font-family:inherit;font-size:12px;font-weight:700;letter-spacing:.05em;line-height:1;cursor:pointer;-webkit-appearance:none;appearance:none;touch-action:manipulation;transition:background .18s ease,box-shadow .18s ease}
.site-header>.menu-toggle[aria-expanded="true"]{background:#fff;box-shadow:0 1px 4px #17262f20}
.site-header>.menu-toggle:focus-visible{outline:2px solid #c80083;outline-offset:3px}
@media(hover:hover){.site-header>.menu-toggle:hover{background:#fff;box-shadow:0 1px 4px #17262f20}}
@media(prefers-reduced-motion:reduce){.site-header>.menu-toggle{transition:none}}