/* Native scripts need fonts that include Ukrainian and Vietnamese glyphs. */
html:lang(vi),html:lang(uk){--font-body:Arial,sans-serif}
html:lang(vi) body,html:lang(uk) body{font-family:Arial,sans-serif}
html:lang(vi) :is(h2,h3,h4,.belt-tag,.btn,.day-card__day,.vj-free-lesson-badge),
html:lang(uk) :is(h2,h3,h4,.belt-tag,.btn,.day-card__day,.vj-free-lesson-badge){font-family:Arial,sans-serif;line-height:1.18}
.lang-toggle{display:flex;flex-wrap:wrap;gap:3px;max-width:100%}
.lang-toggle button{white-space:nowrap;font-family:Arial,sans-serif}
.lang-toggle button:focus-visible{outline:3px solid #111;outline-offset:3px}
.topbar__right{min-width:0}
html:lang(vi) .section-title,html:lang(uk) .section-title{font-size:clamp(2rem,5.4vw,4.4rem);font-weight:900;overflow-wrap:break-word}
html:lang(vi) .final__title,html:lang(uk) .final__title{font-family:Arial,sans-serif;font-size:clamp(2.4rem,7vw,6rem);line-height:1.12}
html:lang(vi) .vj-free-lesson-badge__main,html:lang(uk) .vj-free-lesson-badge__main{font-family:Arial,sans-serif;font-size:clamp(.8rem,1.4vw,1.15rem);font-weight:800;line-height:1.25}
@media(max-width:600px){
 .topbar__right{gap:8px}
 .lang-toggle{gap:0}
 .lang-toggle button{font-size:11px;padding:9px 7px;min-height:36px}
 .vj-menu-toggle{flex-shrink:0;width:36px;height:36px}
 html:lang(vi) .day-card__signup,html:lang(uk) .day-card__signup{white-space:normal}
}

/* Local SVG flags render consistently on Windows, phones and tablets. */
.lang-toggle button{display:inline-flex;align-items:center;justify-content:center;min-width:48px;min-height:44px;padding:10px 9px}
.language-flag{display:block;width:30px;height:20px;object-fit:contain;filter:drop-shadow(0 0 1px rgba(0,0,0,.45))}
@media(max-width:600px){.lang-toggle button{min-width:44px;min-height:44px;padding:10px 7px}}