/* Language controls share the existing glass treatment without changing the hero. */
.site-header .header-actions { display: flex; align-items: center; gap: 12px; }
.site-header .website-language-button { display: inline-flex; align-items: center; justify-content: center; gap: 5px; padding: 10px; min-width: 52px; min-height: 42px; flex-shrink: 0; }
html:not([lang^="zh"]) .engine-editorial h2, html:not([lang^="zh"]) .split-heading h2 { text-wrap: balance; }
html:not([lang^="zh"]) .hero-subtitle { line-height: 1.45; text-wrap: balance; }
html:not([lang^="zh"]) .live-sheet-head > div { min-width: 0; }
@media(max-width: 820px) {
 .site-header .header-actions { gap: 8px; }
 .site-header .website-language-button { min-width: 38px; min-height: 36px; padding: 7px; }
 .site-header .website-language-button svg { width: 19px; height: 19px; flex-basis: 19px; }
 .site-header #languageCode { display: none; }
 .engine-site-nav { gap: 20px; }
}
@media(max-width: 540px) {
 .site-header .header-actions { gap: 6px; }
 .site-header .header-actions > a { padding-inline: 11px; gap: 6px; white-space: nowrap; }
 .site-header .website-language-button { min-width: 34px; min-height: 35px; padding: 6px; }
 html:not([lang^="zh"]) .live-sheet-head { gap: 10px; }
}