/* Shared hierarchy for the Chinese homepage and Chinese insight pages. */
html[lang="zh-Hans"] {
  --serif: "Noto Serif SC", Spectral, Georgia, serif;
  --sans: Archivo, "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
  --mono: "JetBrains Mono", "Microsoft YaHei", monospace;
  --type-body: 1rem;
  --type-small: 0.875rem;
  --type-label: 0.6875rem;
  --type-heading: clamp(1.75rem, 3.4vw, 2.75rem);
  --type-subheading: clamp(1.25rem, 2.1vw, 1.625rem);
}
html[lang="zh-Hans"] body {
  font-family: var(--sans);
  font-size: var(--type-body);
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
}
html[lang="zh-Hans"] h1,
html[lang="zh-Hans"] h2,
html[lang="zh-Hans"] h3 {
  font-family: var(--serif);
  text-wrap: pretty;
}
html[lang="zh-Hans"] h1 { font-weight: 700; line-height: 1.12; letter-spacing: -0.025em; }
html[lang="zh-Hans"] h2 { font-size: var(--type-heading); font-weight: 500; line-height: 1.2; letter-spacing: -0.02em; }
html[lang="zh-Hans"] h3,
html[lang="zh-Hans"] .pressure h3,
html[lang="zh-Hans"] .offer-card h3,
html[lang="zh-Hans"] .callout h3,
html[lang="zh-Hans"] .insight-card__title {
  font-family: var(--serif);
  font-size: var(--type-subheading);
  font-weight: 500;
  line-height: 1.35;
  letter-spacing: -0.01em;
}
html[lang="zh-Hans"] :is(.audience__lede, .facing__lede, .criteria__item, .pressure__body p, .offer-card p, .about__lede, .about__bio, .insight-card__excerpt, .callout p) {
  font-family: var(--sans);
  font-size: var(--type-body);
  line-height: 1.7;
}
html[lang="zh-Hans"] :is(.hero__subtagline, .type-lead, blockquote p) {
  font-family: var(--serif);
  font-size: clamp(1.25rem, 2vw, 1.5rem);
  font-weight: 400;
  line-height: 1.5;
}
html[lang="zh-Hans"] :is(.kicker, .hero .kicker, .site-nav__cred, .insight-card__date, .offer-card__eyebrow, .type-label) {
  font-family: var(--mono);
  font-size: var(--type-label);
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
html[lang="zh-Hans"] :is(.btn, .type-button, .insight-card__more) {
  font-family: var(--sans);
  font-size: var(--type-small);
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0;
}
html[lang="zh-Hans"] :is(.hero__tagline, .stats__label, .type-caption, .site-footer, .article-page footer) {
  font-family: var(--sans);
  font-size: var(--type-small);
  line-height: 1.6;
}
html[lang="zh-Hans"] strong { font-weight: 600; }
html[lang="zh-Hans"] .facing__callout h3 strong { font-weight: 700; color: #1c3b39; }
html[lang="zh-Hans"] .facing__benefits { margin: 0 0 1.25rem; padding-left: 1.25rem; list-style: disc outside; font-size: var(--type-body); line-height: 1.7; }
html[lang="zh-Hans"] .facing__benefits li + li { margin-top: 0.75rem; }
html[lang="zh-Hans"] .facing__benefits strong { color: #1c3b39; }
html[lang="zh-Hans"] #difference .section-head { align-items: start; }
html[lang="zh-Hans"] #difference .section-head__lede { max-width: 48ch; }
html[lang="zh-Hans"] main > .difference__media { margin-bottom: clamp(28px, 4vw, 48px); }
html[lang="zh-Hans"] #difference .promise--integrated {
  margin: 28px 0 0;
  padding: clamp(24px, 3vw, 40px);
  background: var(--callout);
  border-left: 4px solid var(--teal);
  color: var(--ink);
  text-align: left;
}
html[lang="zh-Hans"] #difference .promise--integrated h3 { margin: 0 0 12px; color: var(--teal); }
html[lang="zh-Hans"] #difference .promise--integrated .promise__lede { margin: 0 0 20px; max-width: none; font-size: 1rem; }
html[lang="zh-Hans"] #difference .promise--integrated .promise__line { margin: 8px 0; max-width: none; font-size: 1.25rem; line-height: 1.5; }
html[lang="zh-Hans"] :is(.site-nav__name, .type-brand) {
  font-family: var(--serif);
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: -0.01em;
}
html[lang="zh-Hans"] .site-nav__brand { flex-wrap: wrap; gap: 4px 10px; }
.article-page h1 { font-size: clamp(2rem, 4.5vw, 3.25rem); }
.article-page .type-related-title { font-family: var(--serif); font-size: 1.125rem; font-weight: 500; line-height: 1.4; }
.article-page .type-button { justify-content: center; text-align: center; }
.article-page a:focus-visible { outline: 2px solid #1c3b39; outline-offset: 4px; }

/* Match the English hierarchy with spacing suited to Chinese text. */
html[lang="zh-Hans"] h1 { line-height: 1.35; letter-spacing: 0; }
html[lang="zh-Hans"] :is(h2, h3, .insight-card__title) { line-height: 1.5; letter-spacing: 0; }
html[lang="zh-Hans"] :is(p, li) { line-height: 1.85; }
html[lang="zh-Hans"] .hero__lede { font-family: var(--sans); }
html[lang="zh-Hans"] .article-page article p { font-size: 1rem; }
html[lang="zh-Hans"] .article-page article h2 { font-size: var(--type-subheading); }
html[lang="zh-Hans"] .article-page article .type-label { font-size: var(--type-label); }
html[lang="zh-Hans"] .article-page article .type-caption { font-size: var(--type-small); }
html[lang="zh-Hans"] .article-page footer { line-height: 1.7; }

html[lang="zh-Hans"] .difference__pillars span {
  font-family: var(--sans);
  font-size: var(--type-body);
  letter-spacing: 0.01em;
}

html[lang="zh-Hans"] .hero__copy { container-type: inline-size; }
html[lang="zh-Hans"] .hero h1 {
  font-size: clamp(1rem, 8cqw, 3rem);
  line-height: 1.45;
  letter-spacing: 0;
}
html[lang="zh-Hans"] .hero__title-line {
  display: block;
  white-space: nowrap;
}

html[lang="zh-Hans"] #difference .section-head__lede.difference__slogan {
  font-size: clamp(1.375rem, 2.4vw, 1.875rem);
}