/* Japanese landing page (/ja/).
 *
 * Loaded only by that page, on top of site.css and home.css.
 *
 * 1. The Mac's own Japanese face, not a web font. A full Japanese face is
 *    several megabytes, and Hiragino Sans is what every Japanese Mac user
 *    reads in macOS all day, which is the test the Urdu page taught us: pick
 *    the face the reader sees in software, not the one a designer would
 *    import. Windows falls back to Yu Gothic and Meiryo. The brand faces come
 *    first and only carry Latin, so Lipo, $7.99 and AGENTS.md keep the
 *    site's voice while every kana and kanji falls through to Hiragino.
 *    'Noto Sans JP' is deliberately absent: home.css declares it for the
 *    three characters of the language chip only.
 *
 * 2. Japanese line breaking. Headlines use auto-phrase where the browser has
 *    it, so a line never breaks in the middle of a word, and every block uses
 *    strict line breaking so small kana and closing brackets never start a
 *    line. Headlines wrap "pretty", not "balance": balancing a line with no
 *    spaces splits it wherever the halves come out even, which put どの and
 *    アプリ on two lines.
 */

body.lp {
  font-family: 'Instrument Sans', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN',
    'Yu Gothic', YuGothic, Meiryo, 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', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN',
    'Yu Gothic', YuGothic, Meiryo, system-ui, sans-serif;
  letter-spacing: 0;
}

body.lp h1,
body.lp h2,
body.lp h3 {
  word-break: auto-phrase;
  text-wrap: pretty;
}

/* Kanji sit 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 copy: Japanese reads best with generous leading. */
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 Japanese
   glyphs, and uppercase and wide tracking mean nothing to kana. 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', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN',
    'Yu Gothic', Meiryo, monospace;
  letter-spacing: .04em;
  text-transform: none;
}