@charset "utf-8";
/* ============================================================================
   Vietnamese (/vi/) and Chinese (/zh/): typography that suits each script.
   Loaded only on those pages (templates/layout.php). The typefaces themselves are
   set in the head by Typography (a Vietnamese-capable stand-in where the chosen face
   has no Vietnamese letters; a Chinese face added to every stack).
   ========================================================================= */

/* ---- Vietnamese: stacked diacritics need more room than Latin metrics allow */
html:lang(vi) h1,
html:lang(vi) h2 { line-height: 1.2; }
html:lang(vi) h3,
html:lang(vi) h4 { line-height: 1.38; }
html:lang(vi) body { line-height: 1.78; }
html:lang(vi) .eyebrow,
html:lang(vi) .btn,
html:lang(vi) .nav a { letter-spacing: .1em; }
html:lang(vi) .gx-hero__sentence { line-height: 1.12; }

/* ---- Chinese: no italics, lighter tracking, more open leading, CJK line breaking */
html:lang(zh-CN) body {
  line-height: 1.9;
  line-break: strict;
  word-break: normal;
  overflow-wrap: anywhere;
}
html:lang(zh-CN) h1,
html:lang(zh-CN) h2,
html:lang(zh-CN) h3,
html:lang(zh-CN) h4 { line-height: 1.3; letter-spacing: 0; }
html:lang(zh-CN) :is(em, i, cite, blockquote, .standfirst, .pullquote, .hero__statement, .empty,
                     .masthead__standfirst, .story__quote, .article__dek, .gx-hero__dna,
                     .gx-rotor__word, .gx-person--open .gx-person__name) { font-style: normal; }
/* Inline italics (notes, "last updated" lines) too. */
html:lang(zh-CN) [style*="italic"] { font-style: normal !important; }
html:lang(zh-CN) .eyebrow { letter-spacing: .12em; }
html:lang(zh-CN) .btn,
html:lang(zh-CN) .nav a,
html:lang(zh-CN) .chip,
html:lang(zh-CN) .card__source,
html:lang(zh-CN) .story__kicker,
html:lang(zh-CN) .gx-eyebrow,
html:lang(zh-CN) .gx-role__tag,
html:lang(zh-CN) .gx-person__role,
html:lang(zh-CN) .gx-door dt { letter-spacing: .06em; }
html:lang(zh-CN) .gx-hero__brand { letter-spacing: .2em; }
html:lang(zh-CN) .gx-hero__sentence { line-height: 1.25; min-height: 2.6em; }
html:lang(zh-CN) .gx-hero__x { font-family: var(--display); }
html:lang(zh-CN) strong,
html:lang(zh-CN) b { font-weight: 600; }