/* Complete Vietnamese glyphs, self hosted; source content retains its own spelling. */
.language-toggle{min-height:38px;padding:8px 10px;border:1px solid #776330;border-radius:8px;background:#10191b;color:#f7d87a;font:600 12px/1.2 RobotoCondensed,sans-serif;white-space:nowrap;cursor:pointer}
.language-toggle:hover{background:#2a2517;border-color:#f7d87a}
.header{grid-template-columns:165px minmax(0,1fr) minmax(150px,220px) auto;gap:12px}
.header nav{gap:4px}.header nav a{padding-inline:10px}
html[lang=vi] :is(.panel-heading h2,.view-heading h1,.profile-section-heading h2,.profile-legacy h2,.profile-story h3,.archive-heading h1,.archive-list-heading h2,.match-dossier h2,.match-dossier h3){font-family:RobotoCondensed,'Arial Narrow',sans-serif;line-height:1.2}
html[lang=vi] .panel-heading h2{font-size:clamp(17px,1.65vw,24px);font-weight:700}
html[lang=vi] .view-heading h1{font-size:clamp(28px,3vw,44px);font-weight:800}
html[lang=vi] .profile-section-heading h2,html[lang=vi] .profile-legacy h2{font-size:28px;font-weight:700}
html[lang=vi] .profile-story h3{font-size:23px;font-weight:700}
html[lang=vi] .archive-heading h1{font-size:34px;font-weight:800}
html[lang=vi] .archive-list-heading h2{font-size:19px;font-weight:700}
html[lang=vi] .match-dossier h2{font-size:24px;font-weight:700}
@media(max-width:1100px) and (min-width:980px){.header{padding-inline:20px;grid-template-columns:150px minmax(0,1fr) 160px auto}.header nav a{font-size:15px;padding-inline:7px}}
@media(max-width:979px){.header{display:flex}.language-toggle{margin-left:auto;order:3;flex-shrink:0}.header-search{max-width:220px}.header .nav-toggle{margin-left:0}}
@media(max-width:700px){.language-toggle{font-size:11px;min-height:38px;padding-inline:8px}.header{gap:8px}html[lang=vi] .mobile-goals-header>strong{font:700 16px/1.2 RobotoCondensed,sans-serif}.mobile-goals-header>span{display:none}html[lang=vi] .profile-section-heading h2,html[lang=vi] .profile-legacy h2{font-size:23px}html[lang=vi] .panel-heading h2{font-size:18px}}

html[lang=vi] .hero-live-title text:nth-of-type(n+2){font-family:RobotoCondensed,sans-serif;font-weight:700}

/* Use one complete face for Vietnamese hero words. Teko lacks these glyphs;
   Safari otherwise mixes fallback accents with its tall Latin letters. */
html[lang=vi] .hero-heading p,html[lang=vi] .hero-live-title text:nth-of-type(n+2){font-family:RobotoCondensed,sans-serif}
@media(max-width:979px){
 html[lang=vi] .hero-heading h1 strong{font-family:RobotoCondensed,sans-serif;font-size:clamp(30px,8.5vw,48px);font-weight:700;line-height:1.25;letter-spacing:0;margin-top:4px;text-shadow:0 2px 2px #51390c}
 html[lang=vi] .hero-heading p{line-height:1.6;margin-top:9px;letter-spacing:.5px}
}
@media(max-width:979px){html[lang=vi] .hero-heading h1 strong{text-wrap:balance}}