/* Orca Systems - Vietnamese layer (linked only from /vi/ pages, after /css/styles.css and /css/lang-common.css).

   Font check: styles.css loads Plus Jakarta Sans from Google Fonts without a subset filter, and Google serves
   its "vietnamese" subset (U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0,
   U+1EA0-1EF9) for that family, so every Vietnamese letter and tone mark is drawn in the site font. No font change
   is needed. What Vietnamese does need is a little more vertical room, because stacked tone marks on capitals
   (for example in a heading) collide with the line above at the English 1.25 heading line-height. */

html[lang="vi"] body { line-height: 1.65; }
/* Display sizes keep tighter leading than the old 1.35, but stay above the Latin 1.05 so stacked tone marks on
   capitals do not touch the line above. */
html[lang="vi"] :is(h1, h2, h3) { line-height: 1.25; }
html[lang="vi"] h1 { line-height: 1.15; }
html[lang="vi"] .price-lead h1 { line-height: 1.25; }
html[lang="vi"] .calc-total { line-height: 1.15; }

@media (max-width: 420px) {
  /* "Dùng thử miễn phí" is a little longer than the English header button; keep it on one line down to 320px. */
  html[lang="vi"] .nav-actions .btn { font-size: 0.78rem; padding-left: 9px; padding-right: 9px; }
}
@media (max-width: 360px) {
  html[lang="vi"] .nav-actions .btn { font-size: 0.74rem; padding-left: 8px; padding-right: 8px; }
  html[lang="vi"] .brand { font-size: 0.88rem; }
}