/* Palette comes directly from kinetic.css, shared with the theme-button hover. */
.header .compact-language{position:relative;flex:0 0 56px;width:56px;line-height:1}
.header .compact-language #language-select[hidden]{display:none!important}
.header .header-actions #language-trigger{display:flex;align-items:center;justify-content:center;gap:7px;width:56px;min-width:56px;height:44px;min-height:44px;padding:0 8px;border:1px solid var(--ink);border-radius:5px;background:var(--signal);color:var(--ink);font:500 13px/1 var(--kinetic-font);letter-spacing:0;cursor:pointer}
.header .header-actions #language-trigger:hover,.header .header-actions #language-trigger[aria-expanded=true]{background:var(--signal);color:var(--ink)}
.language-arrow{width:5px;height:5px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg)}
#language-trigger[aria-expanded=true] .language-arrow{transform:translateY(1px) rotate(225deg)}
.header #language-menu{position:absolute;top:calc(100% + 6px);left:0;z-index:100;width:68px;padding:4px;border:1px solid var(--ink);border-radius:5px;background:var(--cyan);color:var(--ink);max-height:calc(100dvh - 160px);overflow-y:auto;box-sizing:border-box}
.header #language-menu[hidden]{display:none}
.header .header-actions #language-menu button{display:flex;align-items:center;justify-content:space-between;gap:6px;width:100%;min-width:0;height:42px;min-height:42px;padding:0 7px;background:var(--cyan);color:var(--ink);border:0;border-radius:2px;font:500 13px/1 var(--kinetic-font);letter-spacing:0;cursor:pointer;box-sizing:border-box}
.header .header-actions #language-menu button:hover,.header .header-actions #language-menu button:focus-visible{background:var(--cyan);color:var(--ink);outline:1px solid var(--ink);outline-offset:-2px}
.language-check{width:9px;height:5px;border-left:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(-45deg);visibility:hidden}
#language-menu [aria-checked=true] .language-check{visibility:visible}
.header #language-trigger:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
@media(max-width:600px){
 .header .header-inner{height:80px;min-height:80px;grid-template-columns:minmax(0,1fr) auto auto auto;grid-template-rows:44px;gap:6px;padding:12px}
 .header .compact-language{grid-column:2;grid-row:1;width:56px}.header .header-actions #theme-toggle{grid-column:3;grid-row:1}.header .header-actions #menu-toggle{grid-column:4;grid-row:1}
 body:not(:has(.motion-story)){padding-top:112px}body:has(.motion-story)>#preview-label{top:116px}
}