/* Native disclosure keeps the complete language list available without JavaScript. */
.language-menu{position:relative;font:inherit;flex:none}
.language-menu summary{cursor:pointer;list-style:none;white-space:nowrap;font-size:inherit}
.language-menu summary::-webkit-details-marker{display:none}
.language-menu summary::after{content:' ▾';font-size:.72em}
.language-menu>nav{position:absolute;z-index:100;right:0;top:calc(100% + 12px);display:flex;flex-direction:column;gap:4px;min-width:150px;padding:12px;background:var(--paper,#fffdf8);color:var(--ink,#172d35);border:1px solid currentColor;border-radius:8px;box-shadow:0 8px 24px #0002}
.language-menu>nav>a{padding:6px 12px;text-decoration:none;white-space:nowrap}
.language-menu [aria-current]{font-weight:700;text-decoration:underline}
html:is([lang=fr],[lang=pt],[lang=it],[lang=es]) .header-actions{gap:12px}
@media(max-width:560px){html:is([lang=fr],[lang=pt],[lang=it],[lang=es]) .header-actions{gap:9px}.language-menu>nav{right:-36px}}
/* Longer language names and theme labels must fit beside the wordmark. */
@media(max-width:560px){html:is([lang=en],[lang=fr],[lang=pt],[lang=it],[lang=es]) .header-actions{gap:3px}}