/* 読む系ページ（DEEP CUTS / 辞書 / HISTORY / ARTIST）の本文の文字組み。

   2026-09-18、noteの記事本文を実測して合わせた。noteが読みやすい理由は数字にすると4つ:
     文字 18px / 行間 2.0 / 1行 34字前後（620px） / 段落間 36px
   BARZINE側の実測は、DEEP CUTS 16px・行間1.92・47字・段落間78px、辞書 16px・行間1.72・76字、
   HISTORY 16px・行間1.72・35字。辞書の1行76字と、DEEP CUTSの段落間78px（grid gap 46 ＋ 上下margin 16）
   が特に離れていた。

   styles.css に足さず別ファイルにしているのは、値を1箇所に集めて調整しやすくするため。
   レイアウト・色・見出しには触らない。本文の <p> と <li> だけ。
   1行の長さは em で切る（34em ≒ 18px × 34字）。max-width なので狭い画面ではそのまま画面幅に収まる。 */

:root {
  --reading-size: 18px;
  --reading-leading: 2;
  --reading-measure: 34em;
  --reading-para-gap: 36px;
}

/* ── DEEP CUTS ── 本文は .deep-cut-prose 直下の <p>。段落間は grid gap で決める */
.deep-cut-prose {
  gap: var(--reading-para-gap);
}
.deep-cut-prose > p,
.deep-cut-prose section p {
  font-size: var(--reading-size);
  line-height: var(--reading-leading);
  margin: 0;
  max-width: var(--reading-measure);
}
.deep-cut-prose li {
  font-size: var(--reading-size);
  line-height: var(--reading-leading);
}

/* ── 辞書 ── 定義文（.term-detail 直下の <p>）。読み（.kana）と一行要約（.term-short）は別扱い */
.term-detail > p:not(.kana):not(.term-short) {
  font-size: var(--reading-size);
  line-height: var(--reading-leading);
  max-width: var(--reading-measure);
}
.term-detail > section > p,
.term-detail .dictionary-deep-grid p {
  font-size: var(--reading-size);
  line-height: var(--reading-leading);
}

/* ── HISTORY ── 本文パネル内の <p> / <li>。2カラム時は列幅、1カラム時は 34em で止まる */
.history-stack .history-detail-panel p,
.history-stack .history-detail-panel li,
.history-stack .archive-detail p,
.history-stack .archive-detail li,
.history-stack .artist-guide-panel p,
.history-listen-lead,
.history-listen-inline p {
  font-size: var(--reading-size);
  line-height: var(--reading-leading);
  max-width: var(--reading-measure);
}

/* ── ARTIST ── パネル本文とエピソード。ヒーローの24pxリードはそのまま */
.artist-page-panel > p:not(.section-kicker),
.artist-episode-list p,
.artist-episode-list li {
  font-size: var(--reading-size);
  line-height: var(--reading-leading);
  max-width: var(--reading-measure);
}