/* Two-language switcher; aligned with the main navigation and opening left. */
.language-shell{position:fixed;top:16px;right:16px;z-index:45;display:flex;align-items:stretch;gap:3px;padding:6px;border:1px solid #354F8355;border-radius:12px;background:rgb(235 226 205 / 45%);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font:400 var(--meta)/1.5 Archivo,Arial,sans-serif;letter-spacing:.035em;color:#354F83}
.language-toggle,.language-options a{display:flex;align-items:center;justify-content:center;gap:7px;min-width:42px;padding:13px 12px;border:0;border-radius:var(--radius);background:#EBE2CD;color:#354F83;font:inherit;letter-spacing:inherit;text-decoration:none}
.language-toggle{cursor:pointer;flex:none}
.language-dot{display:block;width:5px;height:5px;flex:none;border-radius:50%;background:currentColor}

.language-options{display:flex;gap:3px;width:0;overflow:hidden;opacity:0;transition:width .55s var(--ease),opacity .3s;pointer-events:none}
.language-shell.is-open .language-options{width:93px;opacity:1;pointer-events:auto}
.language-options a{flex:none;min-width:45px;padding-inline:10px}
.language-options a:hover{background:#DFD5BF}
.language-options a[aria-current=page]::before{content:'';width:5px;height:5px;border-radius:50%;background:#354F83}
@media(min-width:901px){.site-header .nav-shell.is-open{max-width:calc(100% - 360px)}.site-header .nav-shell.is-open #chapter-index{min-width:0;flex:1}}
@media(max-width:900px){.language-shell{top:16px;right:12px;padding:4px}.language-toggle,.language-options a{padding:12px 8px;min-width:36px}.language-shell.is-open .language-options{width:81px}.language-options a{min-width:39px}.site-header{justify-content:flex-start;right:78px}.nav-home{padding-inline:10px}}
@media(prefers-reduced-motion:reduce){.language-options{transition:none}}
@media print{.language-shell{display:none}}

.language-shell{border-radius:11px}.language-toggle,.language-options a{padding-block:8px;border-radius:6px}.language-options a[aria-current=page]{display:none}.language-shell.is-open .language-options{width:45px}

/* Match the main navigation at every viewport size. */
.language-shell.language-single{box-sizing:border-box;height:var(--language-nav-height,48px);padding:6px;gap:4px}
.language-single .language-toggle{box-sizing:border-box;height:100%;padding-block:0;cursor:default}