/* Keep existing workflows; give English UI enough room and a consistent language control. */
.header .language-switch{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:55px;padding:8px 12px;background:transparent;color:var(--green,#123e35);border:1px solid #c7cebf;font:12px/1.3 var(--sans,sans-serif);cursor:pointer;flex-shrink:0;margin:0}
.language-switch:focus-visible{outline:3px solid #9c7545;outline-offset:3px}
html[lang=en] .identity b{font-family:Georgia,serif;font-size:16px;line-height:1.25;letter-spacing:0;max-width:24ch;display:block}
html[lang=en] .identity small{font-size:9px}
html[lang=en] .header{gap:23px}
html[lang=en] .header nav{gap:20px}
html[lang=en] .header nav a,html[lang=en] .header-action{font-size:11px;line-height:1.4}
html[lang=en] h1{font-family:Georgia,'Times New Roman',serif;letter-spacing:-.04em;line-height:1.12;font-weight:400;font-size:clamp(38px,5vw,68px)}
html[lang=en] h2{font-family:Georgia,'Times New Roman',serif;letter-spacing:-.025em;line-height:1.2;font-weight:400}
html[lang=en] .workbench-heading h1,html[lang=en] .portal-main h1{max-width:22ch}
html[lang=en] .legal-main h1{font-size:40px}
html[lang=en] .button{line-height:1.4;white-space:normal}
html[lang=en] label{line-height:1.6}
html[lang=en] .tier-cards h3,html[lang=en] .sample-tier-tabs button{line-height:1.4}
html[lang=en] .sample-art{display:none}
html[lang=en] .sample-hero{grid-template-columns:1fr}
html[lang=en] .sample-hero h1{font-size:clamp(43px,5vw,72px)}
html[lang=en] .sample-strip{gap:20px;flex-wrap:wrap}
html[lang=en] .footer-bottom{flex-wrap:wrap}
html[lang=en] #text-preview,html[lang=en] #case-source,html[lang=en] #case-translation{font-family:inherit}
@media(max-width:800px){html[lang=en] .header{gap:12px;padding-inline:18px;min-height:85px;height:auto;padding-block:14px}html[lang=en] .identity b{font-size:13px;max-width:23ch}html[lang=en] .identity small{display:none}html[lang=en] .identity img{width:30px;height:30px}html[lang=en] .header-action{font-size:10px;max-width:15ch;margin-left:auto}html[lang=en] .header .language-switch{font-size:10px;min-width:46px;padding-inline:8px}html[lang=en] .legal-main h1{font-size:34px}}
@media(max-width:420px){html[lang=en] .identity b{font-size:12px;max-width:21ch}.header .language-switch{min-width:44px;padding-inline:6px}.header{gap:10px}html[lang=en] .header-action{max-width:13ch}.header .identity small{display:none}.header .identity b{font-size:13px}}
@media(max-width:800px){
 .header{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:12px 18px!important;height:auto!important;padding-block:14px!important}
 .header .identity{grid-column:1;grid-row:1;min-width:0}
 .header .language-switch{grid-column:2;grid-row:1;justify-self:end}
 .header>a:not(.identity){grid-row:2;max-width:none!important;justify-self:start;margin:0!important;white-space:normal}
 .header>a.text-link{justify-self:end}
 .header nav{display:none}
 .workspace-grid{grid-template-columns:minmax(0,1fr)!important}
 .input-card,.result-card,.workspace form,.workspace fieldset,.workspace label{min-width:0;max-width:100%}
 .workspace .tier-options label{display:grid;grid-template-columns:18px minmax(0,1fr);gap:8px 10px}
 .workspace .tier-options label>strong{grid-column:2;margin-left:0;white-space:normal}
 .workspace .tier-options label>strong small{display:block;margin-top:3px}
 .workspace .form-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .workspace .card-title{flex-wrap:wrap}
 .workspace input,.workspace select,.workspace textarea{max-width:100%;min-width:0}
}