.language-bar{display:flex;justify-content:flex-end;padding:5px max(14px,calc((100% - 1280px)/2));background:#080a0a;border-top:1px solid #46371a}
.language-choice{display:flex;align-items:center;gap:10px;color:#e8c46c;font:12px Arial,sans-serif}
.language-choice select{min-height:32px;padding:4px 8px;background:#101211;color:#f5cf75;border:1px solid #82652a;border-radius:6px;font:13px Arial,sans-serif;cursor:pointer}
.language-choice select:focus-visible{outline:2px solid #f5cf75;outline-offset:2px}
html[lang="vi"] .hero h1,html[lang="vi"] .hero h2,html[lang="vi"] .card h2,html[lang="vi"] .ea-card h2{white-space:normal;line-height:1.2}
html[lang="vi"] .hero h1{font-size:clamp(22px,3.6vw,48px)}
html[lang="vi"] .hero h2{font-size:clamp(17px,2.6vw,32px)}
html[lang="vi"] .navlinks{gap:14px}
html[lang="vi"] .navlinks a{font-size:11px}
html[lang="vi"] .btn,html[lang="vi"] .broker-button{white-space:normal;text-align:center;line-height:1.4}
@media(max-width:760px){html[lang="vi"] .hero h1{font-size:24px}html[lang="vi"] .hero h2{font-size:20px}html[lang="vi"] .hero .tagline,html[lang="vi"] .hero p{font-size:12px}html[lang="vi"] .nav-actions>.trialbtn{font-size:10px;max-width:138px}html[lang="vi"] .mobile-menu nav a{font-size:12px}}

html[lang="vi"] .trialbtn{white-space:normal;line-height:1.4;text-align:center}

/* Keep the language row in header flow, above the hero. */
header:has(.language-bar){height:auto}
header:has(.language-bar)>.nav{height:78px}
@media(max-width:760px){header:has(.language-bar)>.nav:has(>a.brand){height:auto;min-height:70px;flex-wrap:wrap;gap:12px;padding-top:12px;padding-bottom:12px}header:has(.language-bar)>.nav:has(>a.brand)>.navlinks{width:100%;justify-content:center;flex-wrap:wrap;gap:12px}}