/* 咲品の「読みの型」(2026-08-14・ユーザー決定=C案)。全面共通。

   なぜ入れたか: 一休/Reluxの読みやすさの正体は書体そのものではなく、
   **ゴシックの太さ・行間の詰め・数字の等幅**にある。咲品は行間2.0＋明朝見出しで、
   誌面としては上品でも「選ぶ・確かめる」画面としては情報が薄く散っていた。

   決めたこと(C案):
   ・節の見出し(h2/h3)・本文・値段は **ゴシック太字＋行間1.55〜1.85**
   ・**主役の見出し(h1)は各面のまま**(明朝の顔を保つ)
   ・**店名と、主役の見出し(.hero h1)・誌面の惹句(.kicker)は明朝のまま**
     — 誰が作るかを選ぶサービスなので、店の名前まで太ゴシックにすると
       「価格で選ぶ通販の一覧」の顔になる
   ・数字は等幅(tabular)。値段が縦に揃い、金額の比較が一瞬で終わる

   置き方: 各面の <style> の**あと**(</head>の直前)で読み込む。
   同じ強さの指定なら後勝ちなので、各面のCSSを書き換えずに型だけ上書きできる。
   面ごとの事情で戻したいときは、その面のCSSでクラス付きの指定(強い方)を書けば勝てる。 */

body { line-height: 1.8; }

/* 見出しはゴシックの太字。字間を詰めすぎず、行間は1.55。
   **h1 には触れない** — h1 は各面の主役の見出し(誌面の顔)で、明朝のままが正(2026-08-14の検証で、
   /order の「花束を、写真で選ぶ。」がゴシックに化けたため除外した) */
h2, h3 {
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", -apple-system, BlinkMacSystemFont, "Noto Sans JP", sans-serif;
  font-weight: 700;
  letter-spacing: .02em;
  line-height: 1.55;
}

/* 明朝を残すところ ─ 主役の見出し / 誌面の惹句 / 店名 / 受け取り後の一言 */
.hero h1,
.kicker,
.nm,
.done b,
.mincho {
  font-family: 'Shippori Mincho B1', "Hiragino Mincho ProN", serif;
  font-weight: 500;
  letter-spacing: .06em;
  line-height: 1.6;
}
.hero h1 { letter-spacing: .1em; }

/* 読み物の行間。詰めすぎると読めないので1.85で止める */
.lead, .quiet, .note, .intro, .pd, .stnote, .beat, .empty, .terms, .steps, .row, .rowk {
  line-height: 1.85;
}

/* 数字は等幅(値段・日付が縦に揃う)。書体そのものは各面の指定を尊重する */
.num, .price, .pv, .pr, .y, .amt, .total, .sum, .money, .rate b, .yen {
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
}