/* ==========================================================================
   chapter.css — Hajimari 章ページ (v25.1)
   構成: ヒーロー(章カラー) → 本文(#f7f6f6) → 章ナビ → パンくず → フッター
   章ごとの差分は --chapter-bg とテキストのみ (量産テンプレ)
   ========================================================================== */

/* --------------------------------------------------------------------------
   ヒーロー (noteサムネ 1280×670 と同比率)
   -------------------------------------------------------------------------- */
.chapter-hero {
  position: relative;
  width: 100%;
  height: min(52.34vw, 754px);   /* 1440時 754px = 670/1280比率 */
  background-color: var(--chapter-bg, #2e0a2e);
  display: flex;
  align-items: center;
  overflow: hidden;
  /* v25.2: 白地(ヘッダー)天地130px = padding-top(106) + margin-top(24)。
     他詳細ページと同一 → logo中心(130px)が境界をまたぐ */
  margin-top: 24px;
  /* 内枠 1179×648 (1440×753.75時): 左右130.5px / 天地52.9px
     共有センター軸 = 内枠右端 - エンブレム半幅 (130.5 + 104/2)
     v25.7: 1440基準の比例縮小 (ポスター方式)。482〜1440pxは全要素がvwで等比スケール、
     1440以上は min() で固定値キャップ。⩽481pxはSP構図に切替 */
  --hero-axis: min(12.6736vw, 182.5px);
}

/* 章タイトル (黄・tsuku) */
.chapter-hero__title {
  font-family: var(--font-tsuku-old);
  font-size: min(8.8889vw, 128px);     /* v25.5: 指示書 128pt (1440基準) */
  font-weight: 400;
  line-height: 1.4;
  color: #fdd700;
  margin-left: min(9.0625vw, 130.5px); /* 内枠左端 */
}

/* v27.2: タイトル+欧文サブ (03〜)。ラッパーで縦積み、サブはmargin-leftを継承 */
.chapter-hero__titlewrap { display: block; }
.chapter-hero__titlewrap .chapter-hero__title { margin-bottom: 0; }
.chapter-hero__sub {
  font-family: var(--font-goudy);
  font-size: min(4.1667vw, 60px);      /* 指示書 60pt (1440基準) */
  line-height: 1.2;
  letter-spacing: var(--ls-display);
  color: #fdd700;
  margin-left: min(9.0625vw, 130.5px); /* タイトルと左揃え */
  margin-top: 0.1em;
}

/* シリーズ名 縦組み (右上) */
/* v25.2: シリーズ名はSVG (haji-title-y.svg = haji-title.svg の#fdd700版) */
.chapter-hero__series {
  position: absolute;
  top: min(3.6736vw, 52.9px);   /* 内枠上端 */
  right: var(--hero-axis);
  transform: translateX(50%);   /* 右軸センター合わせ (revealなし要素のためtransform可) */
  width: auto;
  height: min(12.5vw, 180px);   /* v25.5: 指示書 H180px (1440基準) */
}

/* エンブレム (右下) */
.chapter-hero__mark {
  position: absolute;
  right: var(--hero-axis);
  transform: translateX(50%);   /* シリーズ名と左右センター合わせ */
  bottom: calc(min(3.6736vw, 52.9px) + 26px);   /* v37.7: 内枠下端から26px上げ (CD指示・PC/TAB。SPは下 max-width:481 で bottom:38px 据置) */
  width: min(7.2222vw, 104px);     /* v25.5: 指示書 W104pt (1440基準) */
  height: auto;
}
/* v28.8: hero シリアル(章番号)。左=Phase:と同じ、天地=右下markの中心に合わせる。Goudy/黄 */
.chapter-hero__serial {
  position: absolute;
  left: min(9.0625vw, 130.5px);
  bottom: calc(min(3.6736vw, 52.9px) + (min(7.2222vw, 104px) - 1em) / 2 - 0.125em);  /* Goudy数字のベースライン補正 */
  margin: 0;
  font-family: var(--font-goudy);
  font-size: 48px;                 /* 指示 PC 48pt */
  line-height: 1;
  letter-spacing: var(--ls-display);
  color: #fdd700;
}

/* --------------------------------------------------------------------------
   本文セクション (#f7f6f6 / W1024)
   -------------------------------------------------------------------------- */
.chapter-body {
  background-color: var(--color-base, #f7f6f6);
}

.chapter-body__inner {
  max-width: 1024px;
  margin: 0 auto;
  font-family: var(--font-tsuku-old);
  color: var(--color-wine-typo);
}

/* 01/20 (Goudy・センター) */
.chapter-num {
  font-family: var(--font-goudy);
  font-size: 26px;
  letter-spacing: var(--ls-display);
  text-align: center;
  color: var(--color-wine-typo);
}
.chapter-num--top { padding-top: 44px; }
.chapter-num--bottom { padding-top: 80px; }

/* 章タイトル (tsuku-bold 60px) */
.chapter-title {
  font-size: 60px;
  font-weight: 400;
  line-height: 1.4;
  margin-top: 80px;
}
/* v27.2: 本文タイトルの欧文サブ (03〜) */
.chapter-title__sub {
  font-family: var(--font-goudy);
  font-size: 0.6em;
  letter-spacing: var(--ls-display);
  display: block;      /* v58.8: PC/TABでも改行（CDモック） */
  margin-left: 0;
  margin-top: 0.15em;
  -webkit-text-stroke-width: 0;   /* 親tsuku-boldのstroke継承を遮断 */
}

/* 本文 (tsuku-bold 24px / ルビ10px) */
.chapter-text {
  margin-top: 80px;
  font-size: 24px;
  line-height: var(--lh-body);   /* v25.8: 本文 175%→200% */
  text-align: justify;       /* v25.6: 両端揃え (Illustratorの均等配置・最終行左揃え相当) */
  line-break: strict;        /* 行頭禁則強化 */
}

.chapter-text p { margin: 0; }

/* 空行で区切られたブロックの間隔 (原稿の空行 = 1行分 = 24px×lh2) */
.chapter-text .chapter-text__block { margin-top: 48px; }
.chapter-text .chapter-text__block:first-child { margin-top: 0; }

/* 区切りの「・」(原稿の単独行)
   v26.1: 前後1行分(48px)の対称アキ + 左右センター。
   下のブロックの margin-top:48px とは相殺(collapse)するので上下対称になる */
.chapter-text .chapter-text__sep {   /* v26.1b: .chapter-text p { margin:0 } に勝つ詳細度 */
  text-align: center;
  line-height: 1;
  margin: 48px 0;
}

/* --------------------------------------------------------------------------
   図版 (v26.0): PC=W1024(本文幅) / TAB・SP=フルブリード
   03以降のSVG図版も同構造 (imgのsrc差替えのみ)
   -------------------------------------------------------------------------- */
.chapter-figure {
  margin: 80px 0;
}
.chapter-figure img {
  display: block;
  width: 100%;
  height: auto;
}
/* v33.0: 想像的解析図(正方)を横長2図と天地一致させる。
   横長図 天地=幅×578.85/1024。円図は正方なので 幅=56.53% でセンター → 天地が一致 */
.chapter-figure--vision img { width: 56.53%; margin-inline: auto; }
.chapter-figure figcaption {
  font-family: var(--font-caption);
  font-weight: 400;            /* v26.10: Regular (stroke遮断後はLightが細すぎたため) */
  font-size: 15px;
  line-height: 1.6;
  font-feature-settings: "palt" 1;   /* v26.4 */
  letter-spacing: 0;                 /* v26.4: VA0 */
  color: var(--color-wine-typo);
  margin-top: 16px;
  text-align: center;          /* v26.2: 左右センタリング */
  -webkit-text-stroke: 0.3px var(--color-wine-typo);  /* v33.2: Regular〜Medium間へ微増(stroke太らせ) */
  paint-order: stroke fill;                            /* stroke内側→fillで字形維持 */
}
/* v59.2: 09（Epoch）だけ章ナビを Hero に準じた配色にする。
   Hero は 黄背景 #e1b41f ＋ ワイン文字 #720b2e。
   既定の章ナビは白／#fdd700 の文字なので、黄背景では読めない。 */
.reverse-head--light .reverse-head__label,
.reverse-head--light .reverse-head__toggle:hover,
.reverse-head--light .reverse-head__toggle .reverse-head__title{
  color: #720b2e;
}
/* ▷は <img> なのでCSSでは色を変えられない。09は toc-tri-wine.svg を使う */
/* .reverse-head .chapter-toc__link 側の指定に詳細度で勝つ必要がある */
.reverse-head.reverse-head--light .chapter-toc__link,
.reverse-head.reverse-head--light .chapter-toc__item.is-child .chapter-toc__link{
  color: #f7f6f6;                     /* 通常時は明色 */
}
.reverse-head.reverse-head--light .chapter-toc__link:hover,
.reverse-head.reverse-head--light .chapter-toc__item.is-current > .chapter-toc__link{
  color: #720b2e;                     /* ロールオーバー・現在位置は小豆色 */
  background: none;
}
.reverse-head.reverse-head--light .chapter-toc__item.is-current > .chapter-toc__link{
  border-left-color: #720b2e;
}

/* v60.0: 章末の奥付（10あとがき）
   謝辞と日付。上に 1px の区切り線（本文カラム幅＝1024px）。
   09のコーダ（.chapter-coda）は詩句用で秀英28pxのため、こちらは別様式。 */
.chapter-colophon{
  max-width: 1024px;
  margin: 96px auto 0;
  text-align: center;
}
/* v61.7: 罫線ではなく「・」で区切る（08の口伝と同じ記号） */
.chapter-colophon::before{
  content: "・";
  display: block;
  color: var(--color-wine-typo);
  font-size: 24px;
  line-height: 1;
  margin-bottom: 72px;
}
.chapter-colophon p{
  margin: 0;
  text-indent: 0;
  font-size: 21px;
  line-height: 2;
}
/* 執筆／発行はPCで横並び、SPで縦2列 */
.chapter-colophon__date{
  margin-top: 0 !important;   /* v61.6: 奥付は日付のみ */
  display: flex;
  justify-content: center;
  gap: 2.4em;
  flex-wrap: wrap;
}
@media (max-width:481px){
  .chapter-colophon{ margin-top: 64px; padding-top: 48px; }
  .chapter-colophon p{ font-size: 18px; }
  .chapter-colophon__date{ flex-direction: column; gap: 0; margin-top: 1.6em !important; }
}

/* v59.1: 章末のコーダ（09の締め）
   Manifest と同じ一節を、本文の最後に置く。センタリング。
   和文＝秀英アンチックを細らせた .shuei-light 相当 28px
   欧文＝Goudy 32px */
.chapter-coda{
  margin-block: 120px 0;
  text-align: center;
}
.chapter-coda p{
  margin: 0;
  text-indent: 0;
  color: var(--color-wine-typo);
}
.chapter-coda__ja{
  font-family: var(--font-shuei-anti);
  font-weight: 400;
  font-size: 38px;                      /* v60.3: 28→38。章の「完」にあたるため */
  line-height: 1.8;
  font-feature-settings: "palt" 1;
  /* 明色背景で細らせる。paint-order は指定しない（common.css の .shuei-light を参照）
     デフォルトの fill→stroke 順でないと、背景色の stroke が輪郭を侵食せず細くならない */
  --shuei-light-color: var(--color-bg-light, #f7f6f6);
  -webkit-text-stroke-width: calc(1em * 0.01389);
  -webkit-text-stroke-color: var(--shuei-light-color);
  paint-order: normal;   /* 親 .tsuku-bold の "stroke fill" を打ち消す */
}
.chapter-coda__en{
  font-family: var(--font-goudy);
  font-size: 36px;                      /* v60.3: 32→36 */
  line-height: 1.6;
  letter-spacing: var(--ls-display);
  margin-top: 0.6em !important;         /* v60.3: 0.4→0.6。.chapter-coda p の margin:0 に勝たせる */
  -webkit-text-stroke-width: 0;
}
@media (max-width:481px){
  .chapter-coda{ margin-top: 72px; }
  .chapter-coda__ja{ font-size: 28px; }
  .chapter-coda__en{ font-size: 27px; }
}

/* v58.3: 視覚化口伝ブロック
   長老が作り手にオリエンする詩的なパート。CDモックに準拠。
   ・全体センター合わせ（見出しも含む）
   ・ブロックの上下に 1px の罫線（本文カラム幅＝1024px いっぱい）
   ・ラベル行（◉MISSION〈問〉）は本文と同じ筑紫、タイトル行は秀英28px
   ・詩行は本文と同じ筑紫。連（スタンザ）の間は2行分あける */
.chapter-text .chapter-heading--center{
  text-align: center;
  margin-bottom: 40px;
}
.chapter-kuden{
  border-top: 1px solid var(--color-wine-typo);
  border-bottom: 1px solid var(--color-wine-typo);
  padding-block: 80px;
  margin-block: 0 80px;
  text-align: center;
}
.chapter-kuden p{
  margin-block: 0;
  text-indent: 0;
}
/* 連と連のあいだは2行分 */
.chapter-kuden p + p{ margin-top: 2em; }
/* ラベル行（◉MISSION〈問〉） */
.chapter-kuden__label{ margin-top: 0 !important; }
.chapter-kuden p + .chapter-kuden__label{ margin-top: 3em !important; }
/* タイトル行 */
.chapter-kuden__title{
  font-family: var(--font-shuei-anti);
  font-weight: 400;
  font-size: 28px;
  line-height: 1.6;
  -webkit-text-stroke-width: 0;
  font-feature-settings: "palt" 1;
  margin-top: 0.2em !important;
}
.chapter-kuden__title + p{ margin-top: 2em; }
/* 区切りの「・」 */
.chapter-kuden__sep{ margin-top: 2.4em !important; }
@media (max-width:481px){
  .chapter-kuden{ padding-block: 48px; margin-bottom: 48px; }
  .chapter-kuden__title{ font-size: 24px; }
  .chapter-text .chapter-heading--center{ margin-bottom: 28px; }
}

/* v56.5: キャプション区切り .cap-seg
   区切りはHTML側のリテラル全角アキ。inline-block なので名前の途中では折り返さない。
   旧 ::before 方式は折り返し機会を作れないため廃止。 */
.chapter-figure .cap-seg { display: inline-block; }
.chapter-figure .cap-seg + .cap-seg::before { content: none; }

/* 3枚H揃え (下段写真用・実装待機中)
   PC: センター配置(左右余り) / TAB・SP: 3枚横並びのまま全体縮小 */
.chapter-figure-row {
  margin: 80px 0;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 24px;
}
.chapter-figure-row figure { margin: 0; flex: 0 1 auto; min-width: 0; }
.chapter-figure-row img { display: block; width: 100%; height: auto; }
.chapter-figure-row figcaption {
  font-family: var(--font-caption);
  font-weight: 400;            /* v26.10: Regular */
  font-size: 15px;
  line-height: 1.6;
  font-feature-settings: "palt" 1;   /* v26.4 */
  letter-spacing: 0;                 /* v26.4: VA0 */
  color: var(--color-wine-typo);
  margin-top: 12px;
  -webkit-text-stroke-width: 0;   /* v26.9 */
}

/* --------------------------------------------------------------------------
   小見出し (v27.2): Zen Kaku Gothic New Medium 26px (03モック注記準拠)
   使い方: <h3 class="chapter-heading">縄文時代について</h3>
   -------------------------------------------------------------------------- */
.chapter-text .chapter-heading {
  font-family: var(--font-shuei-anti);   /* v27.5: ZenKaku→秀英アンチック ノーマル */
  font-weight: 400;
  font-size: 32px;   /* v58.3: 36→32 (CDモック) */
  line-height: 1.5;
  letter-spacing: 0;
  -webkit-text-stroke-width: 0;       /* 親.tsuku-boldのstroke継承を遮断 */
  font-feature-settings: "palt" 1;   /* v27.6: halt併用は約物が被るためpalt単独に */
  color: var(--color-wine-typo);
  margin-top: 64px;
}
.chapter-text .chapter-heading + .chapter-text__block { margin-top: 24px; }

/* --------------------------------------------------------------------------
   箇条書き (v27.2): ●+Zen Kaku Medium見出し / 説明は筑紫インデント (03モック準拠)
   使い方:
     <ul class="chapter-list">
       <li>
         <p class="chapter-list__head">一貫性を守ること</p>
         <p class="chapter-list__desc">都合のよい解釈や場当たり的な説明は排する。</p>
         <p class="chapter-list__desc">矛盾や違和感が…考え抜く。</p>
       </li>
     </ul>
   -------------------------------------------------------------------------- */
.chapter-text .chapter-list {
  list-style: none;
  margin: 48px 0 0;
  padding: 0;
}
.chapter-text .chapter-list > li {
  margin-top: 32px;
}
.chapter-text .chapter-list > li:first-child { margin-top: 0; }
.chapter-text .chapter-list__head {
  font-family: var(--font-shuei-anti);   /* v27.5: ZenKaku→秀英アンチック ノーマル */
  font-weight: 400;
  font-size: 24px;
  line-height: 1.6;
  letter-spacing: 0;
  -webkit-text-stroke-width: 0;
  font-feature-settings: "palt" 1;   /* v27.6: halt併用は約物が被るためpalt単独に */
  color: var(--color-wine-typo);
  text-indent: 0;             /* v27.5: ぶら下げ廃止・頭揃え */
  padding-left: 0;
}
.chapter-text .chapter-list__head .list-mark {
  font-family: var(--font-shuei-anti);   /* v27.5: 見出しと同じ秀英 */
  font-weight: 400;
  -webkit-text-stroke-width: 0;
  margin-right: 0.2em;
}
.chapter-text .chapter-list__desc {
  font-size: 24px;            /* 本文と同じ (筑紫・tsuku-bold継承) */
  line-height: var(--lh-body);
  text-indent: 0;             /* v27.5: 字下げなし */
  padding-left: 0;            /* v27.5: 左端=◉見出しと同じ頭揃え */
}

/* --------------------------------------------------------------------------
   本文の強調 (v26.8 確定): DNP秀英アンチック 素
   使い方: <strong class="em-shuei">…</strong>
   -------------------------------------------------------------------------- */
.chapter-text .em-shuei {
  font-family: var(--font-shuei-anti);
  font-weight: 400;
  -webkit-text-stroke-width: 0;       /* tsuku-boldのstroke解除 (素の秀英) */
  font-feature-settings: "palt" 1;
}

/* ルビ
   v25.10: transform は rt (ruby-text) に描画上効かないため position:relative に変更。
   現状の自然位置から2px上 = top:-2px */
.chapter-text rt {
  font-size: 10px;
  letter-spacing: 0;
  font-weight: 400;
  position: relative;
  top: -2px;
}

/* --------------------------------------------------------------------------
   下部: 01/20 → 罫線 → 章ナビ
   -------------------------------------------------------------------------- */
.chapter-body .detail-divider { margin-top: 88px; }                  /* PC: 文字下〜上罫 実質100px (lh下半分12px込) */
.chapter-body .chapter-index + .detail-divider { margin-top: 0; }    /* 下罫はindex paddingで間隔確保 */
.chapter-body .detail-divider--w1024 { max-width: 1024px; }          /* 罫線 W1024 (CD指示) */

/* 章ナビ (左=前章 / 右=次章) */
.chapter-nav {
  max-width: 1024px;             /* 罫線W1024に揃える */
  margin: 100px auto 0;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  font-family: var(--font-tsuku-old);
  color: var(--color-wine-typo);
  padding: 0 12px;               /* 罫線のマージン12px (05/20=罫線左+12px) */
}

/* v27.1: 番号を上・タイトルを下に積む2行スタイル (SP崩れ対策・CDモック準拠) */
.chapter-nav__link {
  display: flex;
  flex-direction: column;
  gap: 14px;
  line-height: 1;     /* v32.7: leading除去し日本語が数字から下に離れないように */
  color: inherit;
  text-decoration: none;
}
.chapter-nav__prev { align-items: flex-start; }
.chapter-nav__next { align-items: flex-end; text-align: right; }
.chapter-nav__label {
  display: inline-flex;
  align-items: baseline;
  gap: 16px;
  line-height: 1;     /* v32.7 */
}
/* ホバー演出(③進行方向スライド)は末尾(v34.1)に集約 */

.chapter-nav__num {
  font-family: var(--font-goudy);
  font-size: 30px;
  line-height: 1;     /* v32.7 */
  letter-spacing: var(--ls-display);
}

.chapter-nav__title {
  font-size: 24px;
  line-height: 1;     /* v32.7 */
  letter-spacing: 0;  /* v32.8: body由来の--ls-normal(+0.32px)継承を解除しpaltで文字詰め */
}
/* v32.9: tsuku題字を罫線端へ外向きにカーニング(prev=左/next=右)。PC2px・SP1px */
.chapter-nav__prev .chapter-nav__title { margin-left: -2px; }
.chapter-nav__next .chapter-nav__title { margin-right: -2px; }

/* v61.7: 章ナビの num は数字用（Goudy 30px）。
   巻末2ページのように語が入る場合は本文書体・タイトルと同サイズにする */
.chapter-nav__num.is-word{
  font-family: var(--font-tsuku-old);
  font-size: 24px;
  letter-spacing: 0;
  font-feature-settings: "palt" 1;
  -webkit-text-stroke-width: calc(1em * 0.01389);
  -webkit-text-stroke-color: currentColor;
  paint-order: stroke fill;
}
@media (max-width:481px){
  .chapter-nav__num.is-word{ font-size: 14px; }
}
.chapter-nav__sub {
  font-family: var(--font-goudy);
  font-size: 20px;
  letter-spacing: var(--ls-display);
}

/* 前章なし等で片側だけの場合の寄せ */
.chapter-nav__next { margin-left: auto; }
/* v61.7: 次ページが複数ある場合、2つ目以降は詰めて並べる */
.chapter-nav__next + .chapter-nav__next{ margin-left: 40px; }

/* --------------------------------------------------------------------------
   TAB (〜1280px): 本文幅をガター確保で縮小
   -------------------------------------------------------------------------- */
@media (max-width: 1280px) {
  /* v41.2: 中間域(482〜1280)の左右ガターを 12px→48px に拡大 (CD指示。SP≤481は12px据置) */
  .chapter-body__inner,
  .chapter-nav { max-width: calc(100% - 96px); }
  .chapter-body .detail-divider--w1024 { max-width: calc(100% - 96px); }

  /* 図版フルブリード (キャプションは本文位置にインセット) */
  .chapter-figure:not(.chapter-figure--inset),
  .chapter-figure-row {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
  }
  .chapter-figure:not(.chapter-figure--inset) figcaption { padding-inline: 48px; }
  .chapter-figure-row { gap: 16px; }
  .chapter-figure-row figcaption { padding-inline: 8px; }
  /* v27.3: --inset (SVG図版) は文字幅のまま縮小 */
  .chapter-figure--inset { width: 100%; margin-left: 0; margin-right: 0; }
}


/* ==========================================================================
   v28.1: 04〜 Phaseヒーロー / 大見出し36 / 章内細罫 (PCベース)
   ========================================================================== */

/* --- Phaseヒーロー: Phase行(96pt) + ピンク罫 + 大タイトル(148pt) --- */
.chapter-hero--phase {
  display: block;                                   /* flex中央寄せ解除→絶対配置 */
  --hero-rule-y: calc(min(3.6736vw, 52.9px) + min(12.5vw, 180px));  /* シリーズ名下端=罫線 */
}
.chapter-hero__phase {
  position: absolute;
  left: min(9.0625vw, 130.5px);
  bottom: calc(100% - var(--hero-rule-y));
  margin: 0;                                       /* v28.2: 下端=シリーズ下端(旧罫位置)に厳密化 */
  font-family: var(--font-tsuku-old);
  font-weight: 400;
  font-size: min(6.6667vw, 96px);                   /* 96pt @1440 */
  line-height: 1;
  /* v28.6: Phase1: は欧文。和文用の -0.05em が詰まりすぎるため解除 (本文タイトルのPhase1:と同様 / CD指示) */
  color: #fdd700;
}
/* v28.2: ピンク罫はガイドライン (実装しない / CD指示)。
   --hero-rule-y は Phase下端=シリーズ下端 の位置基準として継続使用 */
.chapter-hero--phase .chapter-hero__title {
  position: absolute;
  left: min(9.0625vw, 130.5px);
  top: 50%;
  transform: translateY(-50%);                     /* v28.2: 視えてきた仮説 を天地センター */
  margin: 0;
  line-height: 1;
  font-size: min(10.2778vw, 148px);                /* 148pt @1440 */
  letter-spacing: -0.05em;
}
/* v28.2: hero/本文タイトルの行制御。PCは横一列、SPで改行 */
.chapter-hero__title .ht-line { display: inline; }
.chapter-title .ct-eyebrow { display: inline; }

/* --- 大見出し (36px 秀英アンチック normal) : 小見出し(.chapter-heading 26px)の上位 --- */
.chapter-text .chapter-heading--lg {
  font-size: 40px;   /* v58.0: 36→40 (CD指定) */
  margin-top: 80px;
}

/* --- 章内 細罫 (大セクション区切り) --- */
.chapter-text .chapter-rule {
  border: 0;
  border-top: 1px solid var(--color-wine-typo);
  margin: 80px 0 0;
}
.chapter-text .chapter-rule + .chapter-heading--lg { margin-top: 64px; }
/* --------------------------------------------------------------------------
   SP (〜481px): ヒーロー2タイプ・縦積み
   フォント規定: 見出し30 / 本文16 (規定(3))
   -------------------------------------------------------------------------- */
@media (max-width: 481px) {
  .chapter-hero {
    height: min(118vw, 460px);   /* SPサムネ比率 (縦型) */
  }
  .chapter-hero__title {
    font-size: 40px;
    margin-left: 32px;
  }
  .chapter-hero {
    height: 125vw;                 /* v25.5: 390×487.5 指示書比率 */
  }
  /* SPは内枠 (左右35px) への右端揃え。センター軸・transformは使わない */
  .chapter-hero__series {
    top: 38px;
    right: 35px;
    transform: none;
    width: auto;
    height: 116px;                 /* 指示書 H116px */
  }
  .chapter-hero__title {
    font-size: 64px;               /* 指示書 64pt */
    margin-left: 35px;
  }
  .chapter-hero__sub {
    font-size: 32px;               /* v27.2: SP指示書 32pt */
    margin-left: 35px;
  }
  .chapter-hero__mark {
    right: 35px;
    transform: none;
    bottom: 38px;
    width: 64px;                   /* 指示書 W64pt */
  }
  .chapter-hero__serial {
    left: 35px;
    bottom: 42px;   /* 06/20 40px上 (CD指示。全章共通) */
    font-size: 28px;               /* 指示 SP 28pt */
  }

  .chapter-body__inner,
  .chapter-nav { max-width: calc(100% - 24px); }
  .chapter-body .detail-divider--w1024 { max-width: calc(100% - 24px); }

  .chapter-num { font-size: 18px; }
  .chapter-num--top { padding-top: 28px; }
  .chapter-num--bottom { padding-top: 48px; }

  .chapter-title {
    font-size: 48px;            /* v28.1: SP本文タイトル 36→48 (CD指示・01-03にも波及) */
    margin-top: 48px;
  }
  /* v32.4: SP は欧文サブ(“Frame & Stance”等)を丸ごと改行し、題字の下へ単独で置く */
  .chapter-title__sub {
    display: block;
    margin-left: 0;
    margin-top: 0.15em;
    /* v58.8: nowrap を外す。08は <br class="sp-br"> で of の後を折る */
  }

  .chapter-text {
    margin-top: 48px;
    font-size: 22px;   /* v25.9: 21→22 */
  }
  .chapter-text .chapter-text__block { margin-top: 44px; }   /* 22px×lh2 */
  .chapter-text rt { font-size: 10px; top: 0; }   /* v25.10: SPは自然位置のまま (CD確認済み) */

  /* v27.2: SP 小見出し・箇条書き */
  .chapter-text .chapter-heading { font-size: 28px; margin-top: 48px; }   /* v58.1: 24→28。05の見出しから「なぜ、」を外し07と同型にしたため、28pxでも折り返しが収まる */
  .chapter-text .chapter-heading + .chapter-text__block { margin-top: 20px; }
  .chapter-text .chapter-list { margin-top: 44px; }
  .chapter-text .chapter-list > li { margin-top: 28px; }
  .chapter-text .chapter-list__head { font-size: 22px; }
  .chapter-text .chapter-list__desc { font-size: 22px; }

  .chapter-text .chapter-text__sep { margin: 44px 0; }

  /* v27.0: ルビ短縮化 (改訂版02.txt: 全ルビ2〜3字) によりSPもジャスティファイ復帰 */

  .chapter-figure:not(.chapter-figure--inset),
  .chapter-figure-row { margin: 48px 0; width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); }
  .chapter-figure:not(.chapter-figure--inset) figcaption { padding-inline: calc((100vw - 366px) / 2); }   /* v56.5: font-size は下の一括指定へ */
  /* v27.3: --inset (SVG図版) は文字幅366pxのまま */
  .chapter-figure--inset { margin: 48px 0; width: 100%; margin-left: 0; margin-right: 0; }
  .chapter-figure--vision img { width: 100%; }   /* v33.0: SPは左右366=幅100% */
  /* v56.5: SPキャプションは全件14pxに統一 (旧: inset 15px / 全幅 13px) */
  .chapter-figure figcaption { font-size: 14px; }
  /* v56.5: 区切りは inline-block のまま。先頭ラベルだけ独立行にする */
  .chapter-figure .cap-seg { display: inline-block; }
  .chapter-figure .cap-seg--head { display: block; }
  .chapter-figure-row { gap: 8px; }
  .chapter-figure-row figcaption { font-size: 11px; padding-inline: 4px; }

  .chapter-body .detail-divider { margin-top: 69px; }   /* SP: 文字下〜上罫 実質80px (lh下半分11px込) */
  .chapter-nav {
    margin-top: 40px;                                   /* SP: 下罫〜章ナビ 40px */
    padding: 0 12px;                                    /* SP: 罫線のガター12px */
  }
  .chapter-nav__num { font-size: 17px; }                /* SP: Goudy 17pt (CD指示で拡大) */
  .chapter-nav__title { font-size: 14px; }              /* SP: tsuku-B 14pt (CD指示で拡大) */
  .chapter-nav__sub { font-size: 14px; }
  .chapter-nav__link { gap: 7px; line-height: 1; }      /* v32.7: leading除去・明示gapで数字と日本語を近づける */
  .chapter-nav__prev .chapter-nav__title { margin-left: -1px; }   /* v32.9: SP 1px外へ */
  .chapter-nav__next .chapter-nav__title { margin-right: -1px; }

  /* v28.1: Phaseヒーロー (04〜) SP */
  .chapter-hero--phase { --hero-rule-y: calc(38px + 120px); }   /* series top38 + H120 (Phase 4px下=158) */
  .chapter-hero__phase {
    left: 35px;
    font-size: 36px;            /* SPモック注記 36pt */
    margin: 0;                  /* v28.2: 下端=シリーズ下端に厳密化 */
  }
  /* v28.2: .chapter-hero__rule は廃止 (ガイドライン) */
  .chapter-hero--phase .chapter-hero__title {
    left: 35px;
    top: calc(var(--hero-rule-y) + 30px);   /* title 16px上 (rule-y158+30=188、視覚204) */
    transform: none;
    font-size: 64px;            /* 指示書 64pt */
    line-height: 1.5;           /* v28.2: 2行・行送り96pt (64*1.5) */
  }
  /* v28.2: SP改行 — hero「視えてきた / 仮説」, 本文「Phase1: / 視えてきた仮説」 */
  .chapter-hero__title .ht-line { display: block; }
  /* 06固有: タイトル各行の左位置微調整 (CD指示) */
  .chapter-hero--ch06 .chapter-hero__title .ht-line:nth-child(1) { margin-left: -2px; }   /* 土偶の 2px左 */
  .chapter-hero--ch06 .chapter-hero__title .ht-line:nth-child(2) { margin-left: -12px; }  /* 【なぜ】 12px左 */
  .chapter-title .ct-eyebrow { display: block; }

  /* v28.1: SP 大見出し / 章内罫 */
  .chapter-text .chapter-heading--lg { font-size: 32px; margin-top: 48px; }
  .chapter-text .chapter-rule { margin-top: 48px; }
  .chapter-text .chapter-rule + .chapter-heading--lg { margin-top: 40px; }
}

/* パンくず現在地 (章番号) を黄で強調 */
.detail-breadcrumb__current { color: var(--color-yellow); }


/* ==========================================================================
   v28.3: タイトル系(48pt以上)の stroke を tsuku-mid相当(半分 0.01042)に統一 (CD指示)
   ---
   hero タイトル/Phase・本文タイトルが対象。tsuku-bold の palt/paint-order/色は維持し
   stroke幅のみ上書き (common.css .tsuku-bold より後に読まれるため勝つ)。
   1em比例なので各サイズ(PC/SP)で自動計算。
   ========================================================================== */
.chapter-hero__title,
.chapter-hero__phase,
.chapter-title {
  -webkit-text-stroke-width: calc(1em * 0.01042);
}

/* ==========================================================================
   v29.4: 章インデックス (下部ナビ)。01-20を横並び、現ページ強調、未稼働は50%
   ========================================================================== */
.chapter-index {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;       /* 上罫〜下罫の天地中央 */
  gap: 24px;                 /* 番号間隔 24px (半角4つ) */
  max-width: 1024px;         /* 罫線と同じ W1024 */
  min-height: 100px;         /* 上罫〜下罫 100px */
  margin: 0 auto;
  padding: 0;
  font-family: var(--font-goudy);
  letter-spacing: var(--ls-display);
}
.chapter-index__item {
  font-size: 21px;                 /* PC 他ページ 21pt */
  line-height: 1;
  color: var(--color-wine-typo);   /* ワイン */
  text-decoration: none;
}
.chapter-index__item.is-current {
  font-size: 36px;                 /* PC 現ページ 36pt */
  color: #e1b41f;                  /* 金 (現ページ強調) */
}
.chapter-index__item--pending {
  opacity: 0.5;                    /* 未稼働ページ */
  pointer-events: none;
}
/* v40.4: 章index リンクのホバー拡大 (トップ右端アンカーナビ .toc-anchor__item と同仕様: scale1.5+金) */
a.chapter-index__item {
  transform-origin: center;
  transition: transform 0.18s var(--ease-out), color 0.18s ease;
}
a.chapter-index__item:hover { color: var(--color-yellow); transform: scale(1.5); }
a.chapter-index__item:active { transform: scale(1.25); }
@media (min-width: 1281px) and (max-width: 1366px) {
  .chapter-index { max-width: 1024px; }       /* W1024維持。482〜1280は下の48pxルール */
}
@media (min-width: 482px) and (max-width: 1280px) {
  .chapter-index { max-width: calc(100% - 96px); }   /* v41.2: index も中間域48pxガター (base 1024cap を上書き) */
}
@media (max-width: 481px) {
  .chapter-index {
    display: grid;
    grid-template-columns: repeat(10, auto);  /* 1fr(均等分け)廃止 → auto(番号幅) */
    justify-content: center;                  /* センター合わせ */
    column-gap: 0.75em;                       /* 01-02間隔 = 半角3個分 */
    row-gap: 0;
    grid-auto-rows: 26.25px;                  /* 行送り175% = 15pt×1.75 */
    max-width: calc(100% - 24px);
    min-height: 80px;                         /* SP: 上罫〜下罫 80px */
    padding: 0;
    justify-items: center;
    align-items: center;                      /* 各セル内 天地中央 */
    align-content: center;                    /* grid全体を80px帯の天地センター */
  }
  .chapter-index__item { font-size: 15px; line-height: 1.75; }  /* SP 他15pt 行送り175%=26.25pt */
  .chapter-index__item.is-current { font-size: 21px; margin: 0; } /* SP 現ページ 21pt (金) */
}

/* ==========================================================================
   FOUT対策 (v30.4): Webフォント(Tsuku/Goudy)読込中はheroの文字を隠し、
   読込完了後にManifestと同じ演出でスライドイン。
   Typekitが html に wf-loading→wf-active/wf-inactive を付与。
   地色・SVG(縄文/ロゴ)は先に表示。JS無効/読込失敗(3s)時はデフォルト表示で文字は消えない。
   ========================================================================== */
/* 読込中: hero文字を隠す (即・transitionなし) */
html.wf-loading .chapter-hero__phase,
html.wf-loading .chapter-hero__serial { opacity: 0; transform: translateY(20px); }
html.wf-loading .chapter-hero--phase .chapter-hero__title { opacity: 0; transform: translateY(calc(-50% + 20px)); }
/* 読込完了: スライドイン (translateY20px→0 + fade 0.7s、0.12s stagger) */
html.wf-active .chapter-hero__phase,
html.wf-active .chapter-hero__serial,
html.wf-active .chapter-hero--phase .chapter-hero__title {
  opacity: 1;
  transition: opacity 0.7s var(--ease-out), transform 0.7s var(--ease-out);
}
html.wf-active .chapter-hero__phase  { transform: translateY(0);    transition-delay: 0s; }
html.wf-active .chapter-hero--phase .chapter-hero__title { transform: translateY(-50%); transition-delay: 0.12s; }
html.wf-active .chapter-hero__serial { transform: translateY(0);    transition-delay: 0.24s; }
/* SP: title基準は translateY(0) (PCの-50%天地センターは無し) */
@media (max-width: 481px) {
  html.wf-loading .chapter-hero--phase .chapter-hero__title { transform: translateY(20px); }
  html.wf-active  .chapter-hero--phase .chapter-hero__title { transform: translateY(0); }
}

/* v32.2/32.7: 非Phase章(01/02/03…)も title(+ch03 sub)をフォント読込Revealに含める。
   v32.7: wf-loading依存だとクラス入替の一瞬でWebフォントが覗くため【既定で隠す】方式に変更。
   active=スライドイン / inactive(3sタイムアウト・読込失敗)=素のフォントで表示 / JS無効=<noscript>で表示。
   今後の非Phase章も自動対応。 */
.chapter-hero:not(.chapter-hero--phase) .chapter-hero__title,
.chapter-hero__sub { opacity: 0; transform: translateY(20px); }
html.wf-active .chapter-hero:not(.chapter-hero--phase) .chapter-hero__title,
html.wf-active .chapter-hero__sub {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.7s var(--ease-out), transform 0.7s var(--ease-out);
}
html.wf-active .chapter-hero:not(.chapter-hero--phase) .chapter-hero__title { transition-delay: 0.12s; }
html.wf-active .chapter-hero__sub { transition-delay: 0.24s; }
html.wf-inactive .chapter-hero:not(.chapter-hero--phase) .chapter-hero__title,
html.wf-inactive .chapter-hero__sub { opacity: 1; transform: none; }

/* ==========================================================================
   v33.7: リバース・スクロール ヘッダー (柱) — Hajimari章詳細のみ
   ---
   長文本文の閲覧中、上スクロール(リバース)で画面上端から色帯が降り、
   現在章「NN/20 Phase◯: 題」を表示する文庫本の柱(はしら)的UI。
   - 地色 = 各章Hero (--chapter-bg) / 文字 = 黄(#fdd700)
   - 中央のJOMONÖW+エンブレム(.detail-header)は常時表示のまま、本帯はその背面。
   - 出現/格納・有効範囲は reverse-head.js が is-visible で制御。
   - サイズ PC72px / SP60px (パンくず同寸)。フォント=章ナビ準拠 (Goudy/tsuku-bold)。
   ========================================================================== */
.reverse-head {
  position: fixed;
  top: 0; left: 0; right: 0;
  height: 66px;      /* v39.0: 64→66。emblem-only 中心(=スクロール後ロゴ中心 top45+emblem高42.28/2≒66.14)に帯bottomを一致。
                        旧64は「固定ロゴ中心128の半分」由来だが、v38.4で emblem-only中心を64→66に統一した際の取り残し。
                        これで 帯bottom = エンブレムアンカー = Hero下端 = 66 で揃い、着地後の2px下がりを解消。 */
  background-color: var(--chapter-bg, #2e0a2e);
  display: flex;
  align-items: center;
  z-index: calc(var(--z-overlay) - 1);   /* JOMONÖW/エンブレム(.detail-header)を上に通す */
  font-family: var(--font-tsuku-old);     /* 子の .tsuku-bold 解決用 (フォールバック防止) */
  transform: translateY(-100%);
  transition: transform 0.4s var(--ease-out);
  pointer-events: none;
  will-change: transform;
}
.reverse-head.is-visible {
  transform: translateY(0);
  pointer-events: auto;
}
/* v38.9: しおりナビ クリック → Hero 着地。スライド消失(translateY)による Heroとの「入れ替わり」を
   無くすため、着地中は is-landed でその場にパーク(表示維持・translateYはis-visible由来)し、
   無効化(ホバー/クリックなし)。次のユーザースクロールで is-fading により背景ごと opacity フェード
   (Hero と同色なので背景の消失は不可視・滑らか)。 */
.reverse-head.is-landed {
  pointer-events: none;          /* 上部着地中は無効 = ホバーアクションもしない */
}
.reverse-head.is-landed .reverse-head__label:hover {
  transform: none;
}
.reverse-head.is-fading {
  opacity: 0;
  transition: opacity 0.4s var(--ease-out);   /* スライドせず opacity のみで退場 */
  pointer-events: none;
}
.reverse-head__label {
  display: inline-flex;
  align-items: baseline;
  gap: 16px;                  /* 章ナビ __label と同じ */
  margin-left: 48px;
  color: #fdd700;             /* hero serial/title と同じ黄 */
  text-decoration: none;
  line-height: 1;
}
@media (min-width: 1281px) {
  /* v41.7: PC=B案 (CD採用)。しおりナビ左=Hero軸 min(9.0625vw,130.5px)。着地フェードでHeroの00/11に真上から重なる。
     統一則: しおりナビ左=Heroの左軸 (SP12/TAB48/PC130.5) */
  .reverse-head__label { margin-left: min(9.0625vw, 130.5px); }
}
.reverse-head__serial {
  font-family: var(--font-goudy);
  font-size: 26px;            /* v34.2: PC Goudy 26pt (縮小, 旧30) */
  line-height: 1;
  letter-spacing: var(--ls-display);
}
.reverse-head__title {
  font-family: var(--font-tsuku-old);
  font-size: 21px;            /* v34.2: PC tsuku-bold 21pt (縮小, 旧24) */
  line-height: 1;
  letter-spacing: 0;          /* palt 文字詰め (body継承の +ls を解除) */
}
@media (max-width: 481px) {
  /* v34.0: 帯天地は64px共通(基底)。SPの個別height上書きは無し。柱は2段・天地センター(.reverse-head align-items:center)。 */
  /* v33.9: SP のみ柱を章ナビと同じ2段 (番号=上・題=下) に */
  .reverse-head__label { margin-left: 12px; flex-direction: column; align-items: flex-start; gap: 5px; }   /* v41.6: 24→12。SP本文/Heroの左ガター12pxと頭合わせ (CD指示) */
  .reverse-head__serial { font-size: 17px; }   /* v37.7: 章ナビ __num(17px) と同サイズ (旧15) */
  .reverse-head__title  { font-size: 14px; }   /* v37.7: 章ナビ __title(14px) と同サイズ (旧12) */
}

/* v34.1: ホバー = ③進行方向スライド (CD採用)。下線/brightnessは廃止。
   章ナビ: prev←/next→ に「番号+題」ごと罫線端へスライド (PC24px / SP12px)。矢印は無し。
   柱: クリック先=ページ先頭(上)方向へ微スライド。
   transform競合なし (chapter-nav__link / reverse-head__label に base transform 無し)。
   ※reveal対象外・タッチでの一時hoverは次操作でリセット。 */
.chapter-nav__link    { transition: transform 0.3s var(--ease-out); }
.chapter-nav__prev:hover { transform: translateX(-12px); }   /* v34.2: PCも12pxへ (PC/SP共通) */
.chapter-nav__next:hover { transform: translateX(12px); }

/* v65.4: 未公開章のナビ (00公開時の01)。リンクにせず日時だけを示す。
   ロックpillは使わず、ホバー/クリックとも無反応。CD指示。 */
.chapter-nav__link.is-locked { cursor: default; transition: none; }
.chapter-nav__link.is-locked:hover { transform: none; }
/* v65.6: 日時は目次(.toc-entry__date)と同じ Goudy、サイズは同じ行の 01 (.chapter-nav__num) に揃える。
   月マークだけ筑紫 (目次の .toc-entry__moon と同じ扱い)。 */
.chapter-nav__sched {
  font-family: var(--font-goudy);
  font-size: 30px;
  line-height: 1;
  letter-spacing: var(--ls-display);
  white-space: nowrap;
}
.chapter-nav__moon { font-family: var(--font-tsuku-old); font-size: var(--moon-size, 0.7em); letter-spacing: 0; position: relative; top: var(--moon-shift, 0); }

/* v65.4: 無料区間の終端(03)から note へ送る章ナビ。
   note-logo.svg(#fdd700) と note-ext-arrow.svg(#f7f6f6) は暗色地の前提で作られているため、
   目次の「noteで読む」と同じ緑地のピルに載せる。地の上に直置きしない。 */
.chapter-nav__note {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 36px;
  padding: 0 20px;
  border-radius: 999px;
  background-color: #114114;
  color: #fdd700;
  line-height: 1;
  transition: filter 0.25s ease;
}
.chapter-nav__next--note:hover .chapter-nav__note { filter: brightness(1.12); }
.chapter-nav__note-logo  { height: 12px; width: auto; display: block; }
.chapter-nav__note-de    { font-family: var(--font-tsuku-old); font-size: 18px; line-height: 1; color: #fdd700; }
.chapter-nav__note-ext {
  position: relative;
  width: 19.5px;
  height: 19.5px;
  display: block;
  margin-left: 2px;
}
.chapter-nav__note-ext-box,
.chapter-nav__note-ext-arrow {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  animation: none;                     /* v65.6: 目次と同じ絵柄。飛ぶアニメはしない (CD指示) */
}
@media (max-width: 767px) {
  .chapter-nav__note { height: 30px; padding: 0 14px; gap: 6px; }
  .chapter-nav__note-logo { height: 10px; }
  .chapter-nav__note-ext { width: 16px; height: 16px; }
  .chapter-nav__sched { font-size: 17px; }   /* v65.6: SPは 01 (.chapter-nav__num 17px) に合わせる */
  .chapter-nav__note-de { font-size: 14px; }
}

.reverse-head__label  { transition: transform 0.3s var(--ease-out); }
.reverse-head__label:hover { transform: translateY(-4px); }

@media (max-width: 481px) {
  .reverse-head__label:hover { transform: translateY(-3px); }
}

/* ==========================================================================
   T11: Prologue (00) — Hero #7a7272 / エンブレム無し
   PC(1440×754) = v40.1値復帰: 00/11=Goudy48pt/top80 ・ 縦タイトル top80/h178 ・
     Prologue:序 = tsuku-mid 148pt / 字詰め-0.05em / cap上端≒350+56=409 (top389)
   + フォント読込Reveal(現行他章Heroと同型) を追加。
   SP(390×488) = モック準拠: 00/11=28pt/top72 ・ 縦タイトル top36 ・ Prologue:序=64pt ・ 左右ガター12px。
   reverse-head.js のクリック着地用に section へ .chapter-hero を併記(HTML側)。
   ========================================================================== */
.prologue-hero {
  position: relative;
  width: 100%;
  height: min(52.34vw, 754px);
  background-color: var(--chapter-bg, #7a7272);  /* v42.6: Type1共通化(01/02/12対応)。00はinline varで#7a7272維持 */
  overflow: hidden;
  margin-top: 24px;
}
/* 00/11 (左上・Goudy・黄 / 48pt・top80) */
.prologue-hero__serial {
  position: absolute;
  top: min(5.5556vw, 80px);
  left: min(9.0625vw, 130.5px);
  margin: 0;
  font-family: var(--font-goudy);
  font-size: min(3.3333vw, 48px);      /* PC Goudy 48pt (=40.1) */
  line-height: 1;
  letter-spacing: var(--ls-display);
  color: #fdd700;
}
/* 縦タイトル (右上・haji-title-y.svg・右130・top80・h178) */
.prologue-hero__series {
  position: absolute;
  top: min(5.5556vw, 80px);
  right: min(9.0625vw, 130.5px);
  width: auto;
  height: min(12.361vw, 178px);
}
/* Prologue: 序 (tsuku-mid・148pt・字詰め-0.05em / cap上端≒350+56=409) */
.prologue-hero__title {
  position: absolute;
  left: min(9.0625vw, 130.5px);
  top: min(27.0139vw, 389px);          /* cap上端 ≒ 350+56 (=40.1) */
  margin: 0;
  padding-bottom: 0.25em;              /* v40.3: reveal の transform レイヤーで g/p の下端が切れるのを防ぐ余地。top基準は不動 */
  font-family: var(--font-tsuku-old);
  font-size: min(10.2778vw, 148px);    /* PC 148pt (=40.1) */
  letter-spacing: -0.03em;             /* v40.4: -0.05→-0.03 (CD: Heroが詰まり過ぎ→緩める。見出しと統一) */
  line-height: 1;
  color: #fdd700;
  white-space: nowrap;
  font-feature-settings: "palt" 1;     /* v43.0: 約物半角の空き詰め (05「土偶の【なぜ】」SP幅対策。haltは併用しない) */
}

/* v42.8: 03型(Type1変形) 英題サブ — 主題の下・Goudy。位置=モック黄インク実測から導出 (PC589/TAB585/SP339@390) */
.prologue-hero__sub {
  position: absolute;
  left: min(9.0625vw, 130.5px);
  top: min(40.9028vw, 589px);          /* モック実測: subインク上端595-capオフセット≒589 */
  margin: 0;
  font-family: var(--font-goudy);
  font-size: min(3.8889vw, 56px);      /* Goudy 56pt */
  letter-spacing: var(--ls-display);
  line-height: 1;
  color: #fdd700;
  white-space: nowrap;
}

/* v42.9: Type2(04-07) Phaseラベル — 主題の上・tsuku-mid。位置=モック黄インク実測 (PC266/TAB305/SP=title-69) */
.prologue-hero__phase {
  position: absolute;
  left: min(9.0625vw, 130.5px);
  top: min(18.4722vw, 266px);
  margin: 0;
  font-family: var(--font-tsuku-old);
  font-size: min(6.6667vw, 96px);      /* tsuku-mid 96pt */
  letter-spacing: -0.03em;
  line-height: 1;
  color: #fdd700;
  white-space: nowrap;
}
/* SP改行制御: 章ごとにHTMLの <br class="sp-br"> で指定 (PC/TABでは非表示) */
.sp-br { display: none; }

/* v43.2: TypeC(09/10) = Type2(phase+title) + 03型sub の合成。PC(sub 56pt/top589)は03型と同値のため
   ベース上書き不要。TAB/SPのみ --code modifier でsubを上書き(モック09 PIL実測から導出)。
   v43.5: PC sub=48pt に変更(CDモック09_pc2注記 Goudy/48pt。topはink実測同位置=589維持) */
.prologue-hero--code .prologue-hero__sub {
  font-size: min(3.3333vw, 48px);
}

/* v43.4: TypeE(11のみ・prologue-hero--epoch) = Epoch:(phase・Type2位置) + JOMONÖW(Goudy) + 〜縄文をイマに〜(tsuku・センター合わせ)。
   モック11三幅PIL実測導出。インク全てワイン#720b2e(bg #e1b41f)・縦題=haji-title.svg(ワイン版)。
   センター合わせはグループ構造(__epoch-group: absolute / title・sub: 通常フロー / sub text-align:center が title幅に自動追随)。 */
.prologue-hero--epoch .prologue-hero__serial,
.prologue-hero--epoch .prologue-hero__phase { color: #720b2e; }
.prologue-hero__epoch-group {
  position: absolute;
  left: min(9.0625vw, 130.5px);
  top: min(28.1944vw, 406px);          /* モック実測: JOMONÖW ink423 - Goudy capオフセット(0.107em×160)≒406 */
}
.prologue-hero--epoch .prologue-hero__title {
  position: static;                    /* グループ内通常フロー */
  margin: 0 0 0 0.0667em;              /* v43.7: 左マージン=GoudyのJ左ベアリング補正(CD指示: Epochの「E」に頭揃え。SP実測+4px@60pt=0.0667em比例で全幅対応) */
  padding-bottom: 0;                   /* v43.4: ベースの0.25em(v40.3切れ防止)はabsolute時代の対策。staticフローではsubを押し下げるため無効化 */
  font-family: var(--font-goudy);
  font-size: min(11.1111vw, 160px);    /* モック注記 Goudy 160pt */
  letter-spacing: var(--ls-display);
  color: #720b2e;
}
.prologue-hero--epoch .prologue-hero__sub {
  position: static;
  display: block;
  margin: min(1.5972vw, 23px) 0 0;     /* モック実測: sub box589 - (group406+title160) = 23 */
  font-family: var(--font-tsuku-old);  /* v43.5: ノーマル筑紫 (CD指示: tsuku-midが細いためHTMLの.tsuku-mid除去) */
  font-size: min(3.8889vw, 56px);      /* モック注記 tsuku-mid 56pt */
  letter-spacing: -0.03em;
  color: #720b2e;
  text-align: center;                  /* センター合わせ(CD明記・title幅基準) */
}

/* v43.5: 11本文h2内 JOMONÖW=Goudy(1em=60)/〜縄文をイマに〜=0.6em(=36)。CDガイド実測(Epoch60/JOMONÖW60/イマに36)。
   TOC(.toc-jomonow/.toc-imani)と同様の関係性。em比例なのでSPも自動追随 */
.ct-jomonow {
  font-family: var(--font-goudy);
  letter-spacing: 0;
  font-feature-settings: normal;
  -webkit-text-stroke: 0 transparent;
}
.ct-imani { font-size: 0.6em; white-space: nowrap; }  /* nowrap: カラム幅不足時も「〜縄文をイマに〜」内部で折らず丸ごと次行へ */

/* --- v40.2: フォント読込Reveal (wf-active でスライドイン)。位置=top / reveal=transform 分離 --- */
.prologue-hero__title,
.prologue-hero__sub,
.prologue-hero__phase,
.prologue-hero__serial { opacity: 0; transform: translateY(20px); }
html.wf-active .prologue-hero__title,
html.wf-active .prologue-hero__sub,
html.wf-active .prologue-hero__phase,
html.wf-active .prologue-hero__serial {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.7s var(--ease-out), transform 0.7s var(--ease-out);
}
html.wf-active .prologue-hero__phase  { transition-delay: 0s; }
html.wf-active .prologue-hero__title  { transition-delay: 0.12s; }
html.wf-active .prologue-hero__sub    { transition-delay: 0.18s; }
html.wf-active .prologue-hero__serial { transition-delay: 0.24s; }
html.wf-inactive .prologue-hero__title,
html.wf-inactive .prologue-hero__sub,
html.wf-inactive .prologue-hero__phase,
html.wf-inactive .prologue-hero__serial { opacity: 1; transform: none; }

/* --- v41.5: 章Hero TAB専用レイアウト (CD指示・1024基準ポスター方式) ---
   基準(1024): Hero高753.75 / ガター48 / 天80 / 00-11=Goudy36 / 縦タイトルH144 / Prologue=tsuku-mid120。
   縮小(A): min()cap=1024値で 1024〜1280は固定、1024→482は比例縮小。≥1281はPC構図(base)維持。 */
@media (min-width: 482px) and (max-width: 1280px) {
  .prologue-hero { height: min(73.6084vw, 753.75px); }
  .prologue-hero__serial {
    top: min(7.8125vw, 80px);
    left: min(4.6875vw, 48px);
    font-size: min(3.515625vw, 36px);     /* Goudy 36pt @1024 */
  }
  .prologue-hero__series {
    top: min(7.8125vw, 80px);
    right: min(4.6875vw, 48px);
    height: min(14.0625vw, 144px);        /* 縦タイトル H144 @1024 */
  }
  .prologue-hero__title {
    left: min(4.6875vw, 48px);
    top: min(40.1465vw, 411px);           /* cap上端=天地センター376.9+48=424.9 (capオフセット0.115em×120=13.8px引き) */
    font-size: min(11.71875vw, 120px);    /* tsuku-mid 120pt @1024 */
  }
  .prologue-hero__sub {
    left: min(4.6875vw, 48px);
    top: min(57.1289vw, 585px);           /* v42.8: モック実測(TAB) */
    font-size: min(3.90625vw, 40px);      /* Goudy 40pt @1024 */
  }
  .prologue-hero__phase {
    left: min(4.6875vw, 48px);
    top: min(29.7852vw, 305px);           /* v42.9: モック実測(TAB) */
    font-size: min(7.8125vw, 80px);       /* tsuku-mid 80pt @1024 */
  }
  /* v43.2: TypeC(09/10) sub = Goudy 36pt (03型40ptと別)。モック09_tab実測 ink588 → top584 */
  .prologue-hero--code .prologue-hero__sub {
    top: min(57.0313vw, 584px);
    font-size: min(3.515625vw, 36px);
  }
  /* v43.4: TypeE(11) TAB。モック11_tab実測: JOMONÖW ink436(ウムラウト421=box上端)/cap高98→fs140、sub ink586→tsuku56 */
  .prologue-hero__epoch-group {
    left: min(4.6875vw, 48px);
    top: min(41.1133vw, 421px);
  }
  .prologue-hero--epoch .prologue-hero__title { font-size: min(13.6719vw, 140px); }
  .prologue-hero--epoch .prologue-hero__sub {
    margin-top: min(1.8555vw, 19px);   /* sub box580 - (421+140) = 19 */
    font-size: min(5.46875vw, 56px);
  }
}

/* --- 本文: Prologue 見出し (ワイン・全tsuku-mid) --- */
.prologue-title {
  color: var(--color-wine-typo);
  font-family: var(--font-tsuku-old);
  letter-spacing: -0.03em;   /* v40.4: 見出しが空き気味→締める。Heroと同値で統一 (旧≒+0.32px) */
}

/* --- 本文(序文): <br>整形のため左揃え --- */
.prologue-text { text-align: left; }

/* --- v40.2: 序文 先頭ブロック(縄文とは何か〜)を 秀英アンチック normal --- */
.prologue-lead {
  font-family: var(--font-shuei-anti);
  font-weight: 400;
  -webkit-text-stroke-width: 0;
}

/* --- ●　この連載の愉しみ方　○ 中央ブロック・秀英アンチック ノーマルで強調 --- */
/* v64.9: guide の上に 1px 区切り罫 (CD指示)。罫〜見出しの間隔は padding-top で確保 */
.chapter-body .prologue-guide__rule { margin-top: 80px; }

.prologue-guide {
  margin-top: 0;
  padding-top: 48px;                   /* v65.1: 見出しと罫線を廃し一続きの文書に。上のブロックとのアキだけ48pxで揃える */
  text-align: left;                    /* v64.9: CD指示。センタリングをやめ、本文と同じ左揃えに */
  color: var(--color-wine-typo);
  font-family: var(--font-tsuku-old);  /* v65.0: 本文と同じ筑紫オールド明朝に。太らせは .tsuku-bold 併用 */
  font-weight: 400;
  font-size: 24px;
  line-height: var(--lh-body);
  font-feature-settings: "palt" 1;   /* v40.6: 約物半角 (本文tsukuと統一。haltは併用しない) */
}
.prologue-guide__head {
  margin-bottom: 0.5em;
  text-align: center;                  /* v65.0: 見出しのみセンター (本文は左揃え) */
}

/* v65.0: 金額だけ秀英アンチックに。親の tsuku-bold ストロークは打ち消す */
/* v69.0: まとめ購読の段落。UA既定マージンに任せず、本文ブロックと同じ48px(SP44px)で開ける */
.prologue-guide > p { margin: 0; }
.prologue-guide > p.prologue-guide__bundle { margin-top: 48px; }
@media (max-width: 481px) {
  .prologue-guide > p.prologue-guide__bundle { margin-top: 44px; }
}

.prologue-guide__price {
  font-family: var(--font-shuei-anti);
  font-weight: 400;
  -webkit-text-stroke-width: 0;
}

/* --------------------------------------------------------------------------
   v40.3: Prologue SP (〜481px) — モック(390×488)準拠。左右ガター12px。
   -------------------------------------------------------------------------- */
@media (max-width: 481px) {
  .prologue-hero { height: 125vw; }
  .prologue-hero__serial {
    top: 36px;                         /* v43.0: CD指示。縦タイトル(__series)と天端を揃える (旧72→36) */
    left: 12px;
    font-size: 28px;                   /* モック Goudy 28pt */
  }
  .prologue-hero__series {
    top: 36px;
    right: 12px;
    height: 116px;                     /* v40.4: 他SP章と同寸 (CD指示。旧190) */
  }
  .prologue-hero__title {
    left: 12px;
    top: calc(50% - 18px);             /* v43.3: CD指示。センターに対し上付き(実測18px上へ)。phaseとsubは不動 */
    font-size: 64px;                   /* モック tsuku-mid 64pt */
  }
  .prologue-hero__sub {
    left: 12px;
    top: calc(50% + 95px);             /* v42.8: モック実測(SP390: box339=title243.75+95) */
    font-size: 28px;                   /* Goudy 28pt */
  }
  .prologue-hero__phase {
    left: 12px;
    top: calc(50% - 69px);             /* v42.9: モック実測(SP390: 175=title244-69。titleに追随) */
    font-size: 36px;                   /* tsuku-mid 36pt */
  }
  .prologue-hero--phase .prologue-hero__title { line-height: 1.47; }  /* v42.9: SP2行 行送り=モック実測94px/64 */
  /* v43.2: TypeC(09/10) sub = SP2行(sp-br)。モック09_sp実測: ink342/391 行送り49=28×1.75 → lh1.75・top328.5(=50%+84.75) */
  .prologue-hero--code .prologue-hero__sub {
    top: calc(50% + 84.75px);
    line-height: 1.75;
    font-size: 28px;                   /* v43.5: PC用min(3.3333vw,48px)がSPで13pxに縮退するため明示(Goudy 28pt=モック注記) */
  }
  /* v43.3: CD指示。SP 2行目「JOMON DOGU"」を+3px右へ(1行目の引用符分ずれの頭揃え)。PC/TABは1行のため対象外 */
  .prologue-hero--code .prologue-hero__sub .sub-line2 { margin-left: 3px; }
  /* v43.4→43.5: TypeE(11) SP。JOMONÖW box top=50%(-18px対象外)。fs=CDモック注記優先(11_sp2): title Goudy60/sub 筑紫28 */
  /* v43.6: SP本文h2「〜縄文をイマに〜」で行替え(CD指示。TOC .toc-imani SPと同手法) */
  .ct-imani { display: block; }
  /* v43.7: SPはeyebrowがblock=JOMONÖWが行頭→J左ベアリング補正でEに頭揃え(CD指示)。PC/TABは1行内(行中)のため対象外 */
  .ct-jomonow { margin-left: 0.0667em; }
  .prologue-hero__epoch-group {
    left: 12px;
    top: 50%;
  }
  .prologue-hero--epoch .prologue-hero__title { font-size: 60px; line-height: 1; }  /* v43.5: CDモック注記 Goudy 60pt (旧80実測推定→注記優先)。lh1: --phaseの1.47打消し */
  .prologue-hero--epoch .prologue-hero__sub {
    margin-top: 36px;                  /* v43.5: CDモック ガイド36px (box間) */
    font-size: 28px;                   /* v43.5: CDモック注記 筑紫Aオールド明朝 28pt (旧32実測推定→注記優先) */
  }
  .sp-br { display: inline; }
  /* v40.4: SPは本文行センターだと読みにくく、左揃えに変更 (CD指摘)。
     v65.0: PC/TAB/SP を同じレイアウトに統一したため基準側 (.prologue-guide) へ移動。
     ここは重複指定だが、経緯の記録として残す。 */
  /* v40.4: SP 章index を一行に (00〜11=12個。modifier .chapter-index--row のみ対象=他章20個に無影響) */
  .chapter-index--row { grid-template-columns: repeat(13, auto); column-gap: 0.55em; }  /* v42.5: 00〜12=13個を一行 (CD指示) */
}

/* ============================================================
   v48.8 目次ナビ(試作 / 04のみ) — reverse-head のトグルで展開
   PC=ホバー展開 / SP・TAB=タップ展開。横線+ドットアイコン。
   ============================================================ */
.reverse-head__toc {
  margin-left: auto;
  margin-right: min(6vw, 48px);
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
}
.reverse-head__toc-toggle {
  display: inline-flex; align-items: center; gap: 8px;
  background: none; border: none; cursor: pointer;
  color: #fff; padding: 6px 4px; font: inherit; line-height: 1;
}
.toc-icon { width: 22px; height: 14px; display: block; }
.toc-icon line { stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; }
.toc-icon circle { fill: currentColor; }
.reverse-head__toc-label {
  font-family: var(--font-tsuku-old);
  font-size: 13px; letter-spacing: .08em; color: #fff;
}
.chapter-toc {
  position: absolute; top: 66px; right: 0;
  min-width: 260px; max-width: 78vw;
  background: var(--chapter-bg, #114114);
  box-shadow: 0 10px 28px rgba(0,0,0,.28);
  max-height: 70vh; overflow-y: auto;
  opacity: 0; visibility: hidden; transform: translateY(-6px);
  transition: opacity .25s var(--ease-out), transform .25s var(--ease-out), visibility .25s;
  pointer-events: none;
}
[data-toc].is-open .chapter-toc {   /* v50.7: トグルは.reverse-head直下(data-toc)に統合 */
  opacity: 1; visibility: visible; transform: translateY(0); pointer-events: auto;
}
.chapter-toc__list { list-style: none; margin: 0; padding: 10px 0; }
.chapter-toc__link {
  display: block; padding: 7px 22px; text-decoration: none;
  color: rgba(255,255,255,.82); font-family: var(--font-tsuku-old);
  font-size: 14px; line-height: 1.5; letter-spacing: .02em;
  border-left: 2px solid transparent;
  transition: color .15s, border-color .15s, background .15s;
}
.chapter-toc__item.is-child .chapter-toc__link {
  padding-left: 40px; font-size: 13px; color: rgba(255,255,255,.66);
}
.chapter-toc__link:hover { color: #fff; background: rgba(255,255,255,.06); }
.chapter-toc__item.is-current > .chapter-toc__link {
  color: #fff; border-left-color: var(--color-gold, #e1b41f);
}
/* 見出しジャンプの着地(しおりナビ帯の下に隠れない) */
.chapter-body .chapter-heading { scroll-margin-top: 84px; }
@media (max-width: 834px) {
  .reverse-head__toc { margin-right: min(6vw, 24px); }
  .chapter-toc { min-width: 220px; max-width: 82vw; }
}

/* ============================================================
   v49.5: フッター章ナビ再編(CDモック) — 番号列(chapter-index)を廃止し、
   罫上=現在章の署名(番号 Goudy36 / タイトル 筑紫28)・罫下=既存prev/next。
   SPは既存chapter-navの縮小率(30→17/24→14)に準じ 20/16px(要CD確認)。
   ============================================================ */
.chapter-cur {
  text-align: center;
  margin: 100px auto 48px;   /* v49.6: 題字下→罫 48px(CD指示) */
  color: var(--color-wine-typo);
}
.chapter-cur__num {
  font-family: var(--font-goudy);
  font-size: 36px;
  line-height: 1;
  letter-spacing: var(--ls-display);
  margin: 0 0 18px;
}
.chapter-cur__title {
  font-family: var(--font-tsuku-old);
  font-size: 28px;
  line-height: 1;
  letter-spacing: 0;
  font-feature-settings: "palt" 1;
  margin: 0;
}
@media (max-width: 481px) {
  .chapter-cur { margin: 64px auto 48px; }   /* v49.6: SPも48px */
  .chapter-cur__num { font-size: 20px; margin-bottom: 10px; }
  .chapter-cur__title { font-size: 16px; }
}

/* v49.6: 罫→prev/next 48px(CD指示。従来100px/SP40pxを上書き) */
.chapter-cur + .detail-divider + .chapter-nav,
.chapter-cur + .detail-divider--thick + .chapter-nav { margin-top: 48px; }
.chapter-nav { margin-top: 48px; }
@media (max-width: 481px) {
  .chapter-nav { margin-top: 48px; }
}
/* v49.6: 署名直後の罫は自身のmargin-topを持たない(48pxはchapter-cur側で確保) */
.chapter-cur + .detail-divider { margin-top: 0 !important; }

/* ============================================================
   v49.8: 本文FOUT対策(CD承認・案a)。Hero/トップと同思想:
   Webフォント確定(wf-active)まで本文(.chapter-text)を隠し、
   確定後にフェード表示=読み替わり(デバイスフォント→筑紫)を見せない。
   wf-inactive(読込失敗/タイムアウト)はwf-loadingが外れ素表示=事故なし。
   ============================================================ */
html.wf-loading body.chapter-detail .chapter-text,
html.wf-loading body.chapter-detail .chapter-title {
  opacity: 0;   /* v49.9: 本文頭の章タイトル(.chapter-title)も対象に(取り漏れ修正) */
}
html.wf-active body.chapter-detail .chapter-text,
html.wf-active body.chapter-detail .chapter-title {
  transition: opacity 0.4s var(--ease-out);
  transition-delay: 0.35s;   /* v50.0: Hero文字→本文の時間差(CD演出) */
}

/* ============================================================
   v50.0: Heroローディング演出(CD指示・テザリング実験より)
   ① wf-loading中: Heroは章カラー(即時)のまま、中央でエンブレムの
     円弧部分のみ(金・目/ベース除外・CSS内蔵SVG)がゆっくり回転。SVG題字も隠す。
   ② フォント確定: スピナーがフェードアウトし、既存のHero文字スライドイン(serial/title等)が続き、
     SVG題字もフェード、+0.35sで本文。
   ③ wf-inactive(失敗)/typekit不達(クラス無し): 既定=最終状態のため
     カラー+全要素が素で表示=事故なし。
   ============================================================ */
/* v50.3: SVG題字「縄文のはじまり〜」はHeroフォントと**同時のReveal**(CD指示)。
   wf-loading中=非表示+20px下げ → wf-activeで文字と同じ0.7sスライドイン、
   delayはタイトルと同刻(0.12s)。既定=表示のためtypekit不達でも安全。 */
html.wf-loading body.chapter-detail .prologue-hero__series {
  opacity: 0;
  transform: translateY(20px);
}
html.wf-active body.chapter-detail .prologue-hero__series {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.7s var(--ease-out), transform 0.7s var(--ease-out);
  transition-delay: 0.12s;
}

/* v50.2: ローディング=logo-motion(Lottie)をそのまま使用(CD指示)。
   OP/ティーザーと同じ描画モーションをループ再生し、ロゴには定着させない。
   既存読込済みの lottie_light + JomonowLogoMotionData を流用=追加リクエスト0。
   可視制御はwf-loadingクラスのみ(既定=不可視・不達でも事故なし)。 */
.chapter-hero__spin {
  position: absolute;
  inset: 0;
  margin: auto;
  width: 96px;
  height: 96px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s var(--ease-out);
}
/* v51.6: 表示はJS制御(.is-shown)に変更。フォントが即座に確定した場合は
   .is-shown が付かない=**一瞬のチラつきが原理的に発生しない**。
   (旧: wf-loadingクラスに直結していたため高速回線で一瞬だけ出ていた) */
.chapter-hero__spin.is-shown {
  opacity: 1;
}

/* ============================================================
   v50.7: しおり=目次トグル統合(CDデザイン)。▷04 章題をクリックで▽+展開。
   Phase等の部立てはナビ非表示。#top戻り/ホバー廃止・クリック統一。
   ============================================================ */
.reverse-head__toggle {
  background: none;
  border: 0;
  padding: 0;
  cursor: pointer;
  font: inherit;
  color: inherit;
  display: inline-flex;
  align-items: center;
}
.reverse-head__tri {
  width: 12px;
  height: 12px;
  margin-right: 12px;
  flex: none;
}
.reverse-head__tri path {
  fill: none;
  stroke: var(--color-gold, #e1b41f);
  stroke-width: 1.3;
  stroke-linejoin: round;
}
.reverse-head__tri {
  transition: transform 0.25s var(--ease-out);
}
[data-toc].is-open .reverse-head__tri {
  transform: rotate(90deg);   /* ▷ → ▽ */
}
/* パネル: しおり(左)の直下・章色地。右配置の旧指定を上書き */
.reverse-head .chapter-toc {
  left: 0;
  right: auto;
  min-width: 340px;
  max-width: min(64vw, 640px);
  box-shadow: 12px 16px 28px rgba(0,0,0,.22);
}
.reverse-head .chapter-toc__list {
  padding: 18px 0 26px;
}
.reverse-head .chapter-toc__link {
  padding-left: min(6vw, 48px);
  padding-right: 40px;
  font-size: 15px;
  color: rgba(255,255,255,.88);
}
.reverse-head .chapter-toc__item.is-child .chapter-toc__link {
  padding-left: calc(min(6vw, 48px) + 1.5em);
  font-size: 14px;
  color: rgba(255,255,255,.72);
}
@media (max-width: 481px) {
  .reverse-head .chapter-toc {
    min-width: 0;
    width: 84vw;
    max-width: none;
  }
}

/* ============================================================
   v50.8: 目次ナビ調整(CD指示)
   ▷=支給SVG(PC原寸12.18×13.5 / SP80%)。ラベル=#fdd700。
   既存ラベルhoverの浮き(translateY)を無効化し、hoverは▷が少し動く
   アフォーダンスのみ。パネル=左端〜センター(50vw)・影ナシ・筑紫bold・
   文字頭=章題頭(--toc-indent)。現在地=#fdd700 / 他=#e7e6e6。
   ============================================================ */
.reverse-head__toggle,
.reverse-head__toggle:hover {
  transform: none;              /* 旧 .reverse-head__label:hover の浮きを無効化 */
  color: #fdd700;               /* 04/章題を▷と同じイエローに */
}
.reverse-head__toggle .reverse-head__title { color: #fdd700; }
.reverse-head__tri {
  width: 12.18px;
  height: 13.5px;
  margin-right: 12px;
  flex: none;
  transition: transform 0.25s var(--ease-out);
}
.reverse-head__toggle:hover .reverse-head__tri {
  transform: translateX(3px);   /* hover=機能があることを示す小さな動き */
}
[data-toc].is-open .reverse-head__tri,
[data-toc].is-open .reverse-head__toggle:hover .reverse-head__tri {
  transform: rotate(90deg);     /* ▷ → ▽ (開時はhoverでも回転を維持) */
}
@media (max-width: 481px) {
  .reverse-head__tri { width: 9.74px; height: 10.8px; margin-right: 9px; }  /* SP=80% */
}
/* パネル: 左端〜エンブレム・センター。影ナシ。 */
.reverse-head .chapter-toc {
  min-width: 0;
  width: 50vw;
  max-width: none;
  box-shadow: none;
}
.reverse-head .chapter-toc__link {
  font-family: var(--font-tsuku-old);
  padding-left: var(--toc-indent, min(6vw, 48px));
  color: #e7e6e6;
  border-left: 0;
}
.reverse-head .chapter-toc__item.is-child .chapter-toc__link {
  padding-left: calc(var(--toc-indent, min(6vw, 48px)) + 1em);
  color: #e7e6e6;
}
.reverse-head .chapter-toc__item.is-current > .chapter-toc__link {
  color: #fdd700;
  border-left: 0;
}
@media (max-width: 481px) {
  .reverse-head .chapter-toc { width: 84vw; }
}

/* ============================================================
   v50.9: 目次ナビ微調整+本文タイトルeyebrow縮小(CD指示)
   ============================================================ */
/* PC: 目次内hover=行の明るみ(背景)廃止→文字を黄色に。
   ※ .is-child の色指定(詳細度0,4,0)に負けないよう __item を挟んで同格+後方で勝つ */
.reverse-head .chapter-toc__item .chapter-toc__link:hover {
  background: none;
  color: #fdd700;
}
/* SP: しおりは1行(旧v41.6の縦積みを解除) / 目次は左右いっぱい */
@media (max-width: 481px) {
  .reverse-head__toggle.reverse-head__label {
    flex-direction: row;
    align-items: center;
    gap: 8px;
  }
  .reverse-head .chapter-toc { width: 100vw; }
}
/* 本文タイトルの「Phase1:」等(eyebrow)のみ縮小: PC60→55 / SP48→44 */
.chapter-title .ct-eyebrow { font-size: 55px; }
@media (max-width: 481px) {
  .chapter-title .ct-eyebrow { font-size: 44px; }
}

/* v51.1: 00 Heroタイトルの接頭辞「Prologue:」のみ縮小(CD指示) PC136/SP58。
   本体「序」(148/64)とのバランス維持のためPCはvw連動(上限136)、SPは58px固定。 */
.prologue-hero__title .ph-prefix { font-size: min(9.4444vw, 136px); }
@media (max-width: 481px) {
  .prologue-hero__title .ph-prefix { font-size: 58px; }
}

/* ============================================================
   v51.2: 静的しおり(00/01/12=見出し無し章)。__label相当のレイアウトだが
   トグル/リンク無し=ホバー/クリック無反応。SPは1行(横並び)。
   ============================================================ */
.reverse-head__static {
  display: inline-flex;
  align-items: baseline;
  gap: 16px;
  margin-left: 48px;
  color: #fdd700;
  line-height: 1;
}
@media (min-width: 1281px) {
  .reverse-head__static { margin-left: min(9.0625vw, 130.5px); }
}
@media (max-width: 481px) {
  .reverse-head__static {
    margin-left: 12px;
    flex-direction: row;      /* v51.2: SP1行(CD指示) */
    align-items: baseline;
    gap: 8px;
  }
  .reverse-head__static .reverse-head__serial { font-size: 17px; }
  .reverse-head__static .reverse-head__title  { font-size: 14px; }
}

/* ============================================================
   v53.0: 小々見出し (.chapter-subhead) — 05章「⦿〈凹形〉系」等
   ---
   位置づけ: 大見出し(.chapter-heading--lg 36px) > 小見出し(.chapter-heading 26px)
             > 小々見出し(これ 20px)。
   ★目次には載せない: toc.js は `.chapter-body .chapter-heading` を拾うため、
     このクラスには chapter-heading を付けない(節が細分化しすぎるのを防ぐ)。
   ============================================================ */
.chapter-text .chapter-subhead {
  font-family: var(--font-shuei-anti);
  /* v56.1: 20px→24px。本文と同サイズだが書体が違う(秀英 vs 筑紫bold)ため見出しとして
     識別できる。小見出し(26px)との差は2pxだが、階層は書体と字間で担保される。
     20pxでは本文24pxより小さく、見出しに見えなかった(CD指摘)。 */
  font-size: 28px;   /* v58.0: 24→28 */
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-wine-typo);
  margin: 48px 0 0;
}
.chapter-text .chapter-subhead + .chapter-text__block { margin-top: 16px; }
@media (max-width: 481px) {
  .chapter-text .chapter-subhead { font-size: 24px; margin-top: 36px; }   /* v58.0: 22→24 */   /* v56.1: 18→22(SP本文と同サイズ) */
}

/* v53.0: 目次パネルの高さ。PCは内容量に合わせて伸ばす(CD指示)。
   画面を超えないよう上限だけ設け、超過時は従来どおりスクロール。
   SPは現状維持(max-height:70vh・v52.9までの挙動)。 */
@media (min-width: 482px) {
  .reverse-head .chapter-toc {
    max-height: calc(100svh - 96px);
  }
}

/* ============================================================
   v54.0: FOUT対策の網羅（CD報告: 00/01で最初にデバイスフォントが見える）
   ---
   原因: v49.8で本文(.chapter-text)と章タイトル(.chapter-title)は隠していたが、
     以下がwf-loadingの対象外で、Webフォント指定のまま素で描画されていた。
       ・しおり(.reverse-head の serial/title)  ← 初期表示で必ず見える
       ・パンくず(.detail-breadcrumb)
       ・フッター章ナビ(.chapter-cur / .chapter-nav)
       ・00固有: .prologue-guide（.chapter-textの外側にある兄弟要素）
   方針: common.css の .fout-guard と同じ挙動を、これらにも適用する
     （wf-loading=透明 / wf-active=フェードイン / wf-inactive=素で表示＝事故なし）。
   ※ 帯や罫線などの「地」は隠さず、文字だけを隠すため要素単位で指定。
   ============================================================ */
html.wf-loading body.chapter-detail .reverse-head__serial,
html.wf-loading body.chapter-detail .reverse-head__title,
html.wf-loading body.chapter-detail .prologue-guide,
html.wf-loading body.chapter-detail .detail-breadcrumb,
html.wf-loading body.chapter-detail .chapter-cur,
html.wf-loading body.chapter-detail .chapter-nav,
html.wf-loading body.chapter-detail .site-footer__nav {
  opacity: 0;
}
html.wf-active body.chapter-detail .reverse-head__serial,
html.wf-active body.chapter-detail .reverse-head__title,
html.wf-active body.chapter-detail .prologue-guide,
html.wf-active body.chapter-detail .detail-breadcrumb,
html.wf-active body.chapter-detail .chapter-cur,
html.wf-active body.chapter-detail .chapter-nav,
html.wf-active body.chapter-detail .site-footer__nav {
  opacity: 1;
  transition: opacity 0.4s var(--ease-out);
}
html.wf-inactive body.chapter-detail .reverse-head__serial,
html.wf-inactive body.chapter-detail .reverse-head__title,
html.wf-inactive body.chapter-detail .prologue-guide,
html.wf-inactive body.chapter-detail .detail-breadcrumb,
html.wf-inactive body.chapter-detail .chapter-cur,
html.wf-inactive body.chapter-detail .chapter-nav,
html.wf-inactive body.chapter-detail .site-footer__nav {
  opacity: 1;
}

/* ============================================================
   v56.3: フルブリード図版 (.chapter-figure--bleed)
   ---
   PCでも画面の左右いっぱいに図版を widen する。既存の
   `.chapter-figure:not(--inset)` は TAB/SP でのみ 100vw だったため、
   PC(>1280px) では コンテナ幅1024px に収まっていた。
   インパクトを持たせたい図版に個別付与する（06のニホンマムシ等・CD指示）。
   ・reset.css で html に overflow-x:hidden があるため、縦スクロールバー分の
     はみ出しは吸収される（横バーは出ない＝実測確認済み）。
   ・キャプションは本文幅(1024px)の位置にインセットして可読性を保つ。
   ============================================================ */
.chapter-figure--bleed {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}
.chapter-figure--bleed img { width: 100%; }
.chapter-figure--bleed figcaption {
  padding-inline: max(48px, calc((100vw - 1024px) / 2));
}
@media (max-width: 1280px) {
  .chapter-figure--bleed figcaption { padding-inline: 48px; }
}
@media (max-width: 481px) {
  .chapter-figure--bleed { margin: 48px 0; width: 100vw;
    margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); }
  .chapter-figure--bleed figcaption {
    font-size: 14px; padding-inline: calc((100vw - 366px) / 2); }
}