/* Chinese landing page (/zh/).
 *
 * Loaded only by that page, on top of site.css and home.css.
 *
 * 1. The Mac's own Chinese face, not a web font. A full Chinese face is
 *    megabytes, and PingFang SC is what every Chinese Mac user reads in macOS
 *    all day. It also has to come before any Japanese face: Chinese and
 *    Japanese share most Han characters, and a Japanese font draws some of
 *    them in shapes a Chinese reader sees as wrong. Windows falls back to
 *    Microsoft YaHei. The brand faces come first and only carry Latin, so
 *    Lipo, $7.99 and AGENTS.md keep the site's voice. 'Noto Sans SC' is
 *    deliberately absent: home.css declares it for the language chip only.
 *
 * 2. Chinese line breaking. Browsers already break between any two
 *    characters, which is correct for Chinese; strict keeps closing
 *    punctuation off the start of a line. Headings wrap "pretty" so the last
 *    line never holds a single character.
 */

body.lp {
  font-family: 'Instrument Sans', 'PingFang SC', 'Hiragino Sans GB',
    'Microsoft YaHei', system-ui, sans-serif;
  line-break: strict;
}

body.lp h1,
body.lp h2,
body.lp h3,
body.lp .btn,
body.lp .lp-tier .tn,
body.lp .lp-tier .price,
body.lp .lp-statline .k,
body.lp .lp-saved-cell b {
  font-family: 'Bricolage Grotesque', 'PingFang SC', 'Hiragino Sans GB',
    'Microsoft YaHei', system-ui, sans-serif;
  letter-spacing: 0;
}

body.lp h1,
body.lp h2,
body.lp h3 { text-wrap: pretty; }

body.lp .lp-hero h1 { line-height: 1.3; }
body.lp .lp-shead h2,
body.lp .lp-row h2,
body.lp .lp-final h2 { line-height: 1.35; }
body.lp .lp-step h3,
body.lp .lp-card h3,
body.lp .lp-ex-head h3 { line-height: 1.45; }

body.lp .lp-lead,
body.lp .lp-shead p,
body.lp .lp-row p,
body.lp .lp-step p,
body.lp .lp-card p,
body.lp .lp-ex-text,
body.lp .faq .ans p,
body.lp .lp-modelist span,
body.lp .foot-brand p { line-height: 1.8; }

/* The small mono labels are set in JetBrains Mono, which has no Chinese
   glyphs, and uppercase and wide tracking mean nothing to Han characters.
   The three writing-mode names keep the mono treatment, because those stay
   in English. */
body.lp .eyebrow,
body.lp .lp-ex-tag,
body.lp .lp-step .n,
body.lp .lp-only,
body.lp .lp-tag,
body.lp .lp-saved-cell span,
body.lp .lp-statline .v,
body.lp .lang-chip .e,
body.lp .foot-col h3 {
  font-family: 'JetBrains Mono', 'PingFang SC', 'Hiragino Sans GB',
    'Microsoft YaHei', monospace;
  letter-spacing: .04em;
  text-transform: none;
}