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

   Font: no CJK webfont is loaded (a Chinese webfont is several MB). The stack puts the site's Latin face first, so
   Orca Systems, $100, TM30 and OTA keep the site look, then the system Simplified Chinese faces on each platform:
   PingFang SC (Apple), Microsoft YaHei (Windows), Noto Sans SC / Source Han Sans (Android, Linux, Chrome OS).

   Chinese rules this file enforces: no letter-spacing, no uppercase transform, no italics, taller line-height,
   and text measures in em (a Chinese character is one em wide, so the English "ch" measures would be far too narrow). */

html[lang="zh-Hans"] {
  --font-sans: 'Plus Jakarta Sans', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Noto Sans SC', 'Noto Sans CJK SC', 'Source Han Sans SC', 'WenQuanYi Micro Hei', system-ui, -apple-system, sans-serif;
}

/* Display face: Bricolage Grotesque for Latin words and figures, then the system Simplified Chinese faces. */
html[lang="zh-Hans"] {
  --font-display: 'Bricolage Grotesque', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Noto Sans SC', 'Noto Sans CJK SC', 'Source Han Sans SC', 'WenQuanYi Micro Hei', system-ui, -apple-system, sans-serif;
}

html[lang="zh-Hans"] body { line-height: 1.75; letter-spacing: 0; }
/* Chinese headings: no negative tracking (a CJK character is already a full em), weight 700, taller leading, and a
   smaller display size than Latin because every character is one em wide. */
html[lang="zh-Hans"] :is(h1, h2, h3) { line-height: 1.4; letter-spacing: 0; word-spacing: 0; font-weight: 700; }
html[lang="zh-Hans"] h1 { font-size: clamp(2.125rem, 4.8vw, 3.5rem); line-height: 1.25; }
html[lang="zh-Hans"] h2 { font-size: clamp(1.6rem, 3vw, 2.25rem); line-height: 1.3; }
html[lang="zh-Hans"] p { max-width: 34em; }
html[lang="zh-Hans"] .page-lead--wide h1 { max-width: none; }
html[lang="zh-Hans"] .price-lead h1 { line-height: 1.35; max-width: none; font-size: clamp(1.3rem, 2.4vw, 1.75rem); }
html[lang="zh-Hans"] .price-lead h1 .fig { line-height: 0.95; letter-spacing: -0.04em; }
html[lang="zh-Hans"] .hero h1 { max-width: 14em; }
html[lang="zh-Hans"] .brand, html[lang="zh-Hans"] .shot figcaption strong, html[lang="zh-Hans"] .frame figcaption strong { letter-spacing: 0; }
html[lang="zh-Hans"] .review-feature blockquote p, html[lang="zh-Hans"] .review.is-short blockquote p, html[lang="zh-Hans"] .review-strip figure:first-child blockquote { letter-spacing: 0; line-height: 1.6; font-weight: 500; }
html[lang="zh-Hans"] .calc-total { line-height: 1.2; }

html[lang="zh-Hans"] :is(.eyebrow, .footer-title, .footer-grid h4, .price-tier, .featured-badge, .sample-badge, .note-pill) {
  text-transform: none;
  letter-spacing: 0;
}
html[lang="zh-Hans"] :is(.calc-total, .bands .rate, .stat-value) { letter-spacing: 0; }
html[lang="zh-Hans"] :is(blockquote, cite, em, i) { font-style: normal; }

/* Measures in em instead of ch. */
html[lang="zh-Hans"] .page-lead h1 { max-width: 16em; }
html[lang="zh-Hans"] .hero-lede { max-width: 30em; }
html[lang="zh-Hans"] .page-lead .lede { max-width: 34em; }
html[lang="zh-Hans"] .price-lead .lede { max-width: 28em; }
html[lang="zh-Hans"] .cta-band p { max-width: 36em; }
html[lang="zh-Hans"] .price-band p { max-width: 36em; }
html[lang="zh-Hans"] .footer-tagline { max-width: 22em; }
html[lang="zh-Hans"] .guide-inside { max-width: 40em; }

/* Small Chinese text is hard to read under about 14px. */
html[lang="zh-Hans"] :is(.hero-badge, .logo-strip .container, .field .hint, .form-note, .footer-bottom, .footer-note,
  .note-pill, .sample-badge, .review-strip figcaption, .calc .calc-help,
  table.data thead th, table.data .sum) {
  font-size: 0.9rem;
}
html[lang="zh-Hans"] .footer-title { font-size: 0.95rem; line-height: 1.5; }

/* Header: the buttons are 4 characters, so nothing special is needed; keep the nav on one line. */
html[lang="zh-Hans"] .btn { line-height: 1.5; }