/* Korean landing page (/ko/).
 *
 * Loaded only by that page, on top of site.css and home.css.
 *
 * 1. The Mac's own Korean face, not a web font. A full Korean face is
 *    megabytes, and Apple SD Gothic Neo is what every Korean Mac user reads
 *    in macOS all day, which is the test the Urdu page taught us: pick the
 *    face the reader sees in software. Windows falls back to Malgun Gothic.
 *    The brand faces come first and only carry Latin, so Lipo, $7.99 and
 *    AGENTS.md keep the site's voice while every Hangul syllable falls
 *    through to the system face. 'Noto Sans KR' is deliberately absent:
 *    home.css declares it for the three characters of the language chip only.
 *
 * 2. Korean line breaking. Korean puts spaces between words, but browsers
 *    will still break a line between any two syllables, which splits words in
 *    half. keep-all breaks only at the spaces, the way Korean is typeset.
 */

body.lp {
  font-family: 'Instrument Sans', 'Apple SD Gothic Neo', 'Malgun Gothic',
    'Nanum Gothic', system-ui, sans-serif;
  word-break: keep-all;
  overflow-wrap: break-word;
}

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', 'Apple SD Gothic Neo', 'Malgun Gothic',
    'Nanum Gothic', system-ui, sans-serif;
  letter-spacing: 0;
}

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

/* Hangul sits taller than Latin capitals, so the Latin headline leading of
   1.05 lets two lines touch. */
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.75; }

/* The small mono labels are set in JetBrains Mono, which has no Hangul, and
   uppercase and wide tracking mean nothing to it. 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', 'Apple SD Gothic Neo', 'Malgun Gothic', monospace;
  letter-spacing: .02em;
  /* JetBrains Mono draws the space a full cell wide, which between Hangul
     words reads as a gap. */
  word-spacing: -.3em;
  text-transform: none;
}