/* A single language control in gear Settings; feature headers stay unchanged. */
#vesper-language-setting{padding:0 16px 12px;flex:none}
#vesper-language-setting .vesper-language{display:flex;align-items:center;gap:10px;box-sizing:border-box;width:100%;min-height:44px;margin:0;padding:10px 12px;border:1px solid #555;border-radius:12px;background:#151618;color:#eee;font:500 14px/1.4 system-ui,sans-serif;letter-spacing:0;white-space:nowrap;cursor:pointer;box-shadow:none}
.vesper-language svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6}
.vesper-language strong{font:600 14px/1.4 system-ui,sans-serif}
.vesper-language-current{margin-left:auto;font:500 13px/1.4 system-ui,sans-serif;color:#d7b775}
[data-theme="light"] #vesper-language-setting .vesper-language{background:#fff;color:#304c37;border-color:#6b806b66}
[data-theme="light"] .vesper-language-current{color:#3c6046}
.vesper-language:focus-visible{outline:2px solid #d7b775;outline-offset:2px}
[data-theme="light"] .vesper-language:focus-visible{outline-color:#3c6046}
.vesper-language-menu{position:fixed;z-index:2147483000;width:224px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);overflow-y:auto;overscroll-behavior:contain;box-sizing:border-box;padding:5px;border:1px solid #806d45;border-radius:14px;background:#191a1d;color:#eee;box-shadow:0 8px 28px #0005}
.vesper-language-menu button{display:flex;align-items:center;justify-content:space-between;width:100%;height:44px;box-sizing:border-box;padding:0 12px;border:0;border-radius:9px;background:transparent;color:inherit;font:500 14px/1.2 system-ui,sans-serif;cursor:pointer}
.vesper-language-menu button[aria-checked="true"]{color:#e4c685;background:#d6b36b1c}
.vesper-language-menu button[aria-checked="true"]::after{content:"✓";font-weight:700}
.vesper-language-menu button:focus-visible{outline:2px solid currentColor;outline-offset:-2px}
[data-theme="light"] .vesper-language-menu{background:#fff;color:#26332a;border-color:#bbc7b9;box-shadow:0 8px 28px #20302526}
[data-theme="light"] .vesper-language-menu button[aria-checked="true"]{background:#eaf1e9;color:#315039}
/* Newly added languages can have longer labels; keep the existing four-tab UI. */
@media(max-width:760px){
html:is([lang="es-MX"],[lang="es-ES"],[lang="de"],[lang="fr"],[lang="it"]) .vs-steps button{white-space:normal;overflow-wrap:anywhere;text-align:center;justify-content:center;min-width:0}
}
