/* Shared language controls. Page body styles remain scoped to English only. */
.site-header-tools{display:flex;flex-direction:column;align-items:flex-end;gap:7px;min-width:0}
.site-language{display:flex;align-items:center;justify-content:flex-end;gap:6px;font-size:11px;line-height:1.4;white-space:nowrap;letter-spacing:0;font-weight:400}
.site-language a{color:#54656c;text-decoration:none;padding:3px 1px;border-bottom:1px solid transparent}
.site-language a[aria-current=true]{color:#12677a;font-weight:700;border-bottom-color:currentColor}
.site-language a:hover,.site-language a:focus-visible{color:#12677a}
.site-language>span{color:#87949a}
.header-tools .site-language a{color:#c0cbd1}
.header-tools .site-language a[aria-current=true]{color:#60e4f1}
html[lang=en] .herotext p,html[lang=en] .hero-line1,html[lang=en] .hero-line2,html[lang=en] .closing h2{white-space:normal}
html[lang=en] .hero-line1{font-size:18px;line-height:1.5}
html[lang=en] .hero-line2{font-size:24px;line-height:1.4}
html[lang=en] .herotext p{line-height:1.8}
html[lang=en] .hero-line2 br{display:none}
html[lang=en] h2,html[lang=en] h3,html[lang=en] dt{overflow-wrap:break-word}
html[lang=en] .closing h2{font-size:clamp(19px,3.5vw,24px);line-height:1.6}
html[lang=en] .controls dt{overflow-wrap:anywhere}
html[lang=en] .section-head p{white-space:normal}
@media(max-width:520px){
 .headtop{height:auto;min-height:76px;gap:8px;flex-wrap:wrap;padding:12px 0}
 .site-header-tools{margin-left:auto}
 .site-header-tools .headby{font-size:9px;white-space:normal;text-align:right;max-width:145px;line-height:1.4}
 .site-language{font-size:11px}
 html[lang=en] .herogrid{grid-template-columns:minmax(0,1fr) 34%;gap:18px}
 html[lang=en] .heroimage img{max-width:100%;height:auto}
 html[lang=en] .hero-line2{font-size:21px}
 html[lang=en] .herotext h1 strong{font-size:26px;overflow-wrap:normal}
 html[lang=en] .herotext p{font-size:12px}
 html[lang=en] .problem-card{height:auto;min-height:70px}
 html[lang=en] .site-menu{gap:14px;justify-content:flex-start;flex-wrap:wrap}
 html[lang=en] .header-top{gap:8px}
 html[lang=en] .brand{font-size:15px;gap:8px}
 html[lang=en] .creative-lab{font-size:9px}
 html[lang=en] .qnav{grid-template-columns:1fr}
 html[lang=en] .speaker{flex-wrap:wrap}
 html[lang=en] .download a{white-space:normal}
}
@media(max-width:360px){.site-header-tools .headby{max-width:115px;font-size:8px}}
.header .site-language a{color:#c0cbd1}
.header .site-language a[aria-current=true],.header .site-language a:hover,.header .site-language a:focus-visible{color:#60e4f1}
html[lang=en] #preset>.closing{white-space:normal;font-size:clamp(19px,3.5vw,24px);line-height:1.6}
html[lang=en] .translated-image-note{font-size:13px;line-height:1.7;color:#596b74;margin:8px 0 24px}
@media(max-width:520px){
 html[lang=en] .herotext h1 strong{font-size:clamp(16px,4.7vw,26px)}
 html[lang=en] .header-top{flex-wrap:wrap}
 html[lang=en] .header-tools{margin-left:auto}
 html[lang=en] .site-menu a{font-size:12px}
}