/* A real language link works without scripts and fits beside the existing menu. */
.header-inner{gap:20px}
.header-inner .site-brand{flex-shrink:0}
.header-inner .language-toggle{order:2;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:6px 4px;color:var(--purple);font:500 14px/1.4 Satoshi,Arial,sans-serif;text-decoration:none;border-bottom:1px solid var(--border)}
.header-inner #navigation{order:1}
.language-toggle:hover{background:var(--subtle)}
.language-toggle:focus-visible{outline:3px solid var(--purple);outline-offset:3px;border-radius:4px}
html[lang="es"] .button{white-space:normal}
html[lang="es"] h1,html[lang="es"] h2,html[lang="es"] h3{overflow-wrap:break-word}
@media(min-width:1024px){html[lang="es"] .header-inner{width:min(calc(100% - 48px),1240px);gap:16px}html[lang="es"] .header-inner #navigation{gap:12px}html[lang="es"] .header-inner #navigation>a:not(.button){font-size:15px}html[lang="es"] header .button{font-size:13px;gap:12px;padding-inline:16px}}
@media(max-width:1023px){.header-inner{gap:12px}.header-inner .language-toggle{order:0;margin-left:auto;margin-right:34px}.header-inner #menu-toggle{flex-shrink:0}.header-inner #navigation{order:0}}
@media(max-width:359px){.header-inner{gap:8px}.header-inner .logo{width:104px}.header-inner .language-toggle{font-size:13px;margin-right:24px}.header-inner #menu-toggle{padding-inline:8px}}

@media(min-width:1200px){html[lang="es"] .header-inner #navigation>a:not(.button){font-size:16px}}