/* Shared locale utility; controls wrap at narrow widths without changing tool data. */
.tools-locale-row{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin:0 0 14px;min-width:0;font:400 13px/1.35 system-ui,sans-serif;color:#666b68}
.tools-locale-row label{margin:0;display:inline;font:inherit}
.tools-locale-row select{font:inherit;color:#252a27;border:1px solid #d9ddda;border-radius:6px;background:#fff;padding:7px 28px 7px 10px;width:auto;max-width:160px;min-height:34px}
html:not([lang^="en"]) main button,html:not([lang^="en"]) main .btn{white-space:normal;overflow-wrap:anywhere;line-height:1.4;height:auto;min-height:40px;max-width:100%;text-align:center}
html:not([lang^="en"]) main label{overflow-wrap:anywhere}
@media(max-width:600px){.tools-locale-row{margin-bottom:12px}html:not([lang^="en"]) main .actions{flex-wrap:wrap}html:not([lang^="en"]) main .actions>*{min-width:0;max-width:100%}html:not([lang^="en"]) main select{max-width:100%}}

/* Prevent late language-control insertion from anchoring the viewport behind the fixed header. */
body[data-tools-locale]{overflow-anchor:none}