/* align-community.css ── 会員サイト（シェアリングコーヒーコミュニティ）と、書体と細部をそろえる層。
   2026-10-05 代表判断（A 案）：「空を残して、書体と細部だけ揃える」。
   空（DESIGN v2「一日を巡る空」）・色・余白・部品の形・本文の書体は変えない。
   design-loop.css の後に読む。ID・クラス・JS の契約・[data-sky] の位置には触れない。

   そろえるもの（会員サイトの docs/design-system.md 4.0 と同じ扱い）
     1. 見出しの明朝: Shippori Mincho → Noto Serif JP 600
     2. 数字: 等幅（IBM Plex Mono）をやめ、明朝の桁そろえ（tabular-nums）
     3. 小見出し: 英語の区間名（Philosophy・Roast Scale など）をやめて和文に。先頭に短い琥珀の線
        （会員サイトの「── 01　接触」と同じ形。線は飾りで、文字の読みやすさは文字色で満たす）
   そのまま: 本文 Zen Kaku Gothic New・ワードマークと商品名 Libre Caslon Text・ボタンの角 0・色 5 色 */

:root {
  --f-serif: "Noto Serif JP", "Yu Mincho", "Hiragino Mincho ProN", serif;
  --f-mono: "Noto Serif JP", "Yu Mincho", "Hiragino Mincho ProN", serif;
}

/* 数字の桁をそろえる（等幅書体の代わり。和文には効かない） */
body { font-variant-numeric: tabular-nums; }

/* 小見出し：短い琥珀の線＋和文の明朝 */
.kicker {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  font-family: var(--f-serif);
  font-size: 14px;
  letter-spacing: 0.18em;
}
.kicker::before {
  content: "";
  flex: none;
  width: 40px;
  height: 1.5px;
  background: var(--c-kohaku);
}
.service-section .kicker::before { background: var(--c-kohaku-light); }

/* 事業紹介の副題（英語の大文字 → 和文） */
.service-subtitle { font-family: var(--f-serif); letter-spacing: 0.16em; text-transform: none; }
.service-subtitle::first-letter { text-transform: none; }

/* 商品の焙煎度（「● Light Roast」）: 英字は欧文の Libre Caslon で（明朝に替えると「●」が全角の大きな丸になる） */
.product-roast { font-family: var(--f-latin); font-size: 12px; letter-spacing: 0.06em; }