/* ============================================================
   jukengo-k.css ── 中学受験後の国語（jukengo/index.html 専用・V14）
   出典: V14_中学受験後LP_調整設計.md（G1〜G7）
   思想: 施主指摘 ——「作り手言葉（土台・接続・併走・二層構造）をやめる」
         「見出しでないものを見出しの大きさで出さない」「1〜2字の孤立行を作らない」。
   規範: 色・寸法は tokens.css の var() のみ参照（hex直書き禁止）。site.css の後に読み込む。
   ============================================================ */

/* ============ G7 孤立行の一括対策（text-wrap: pretty） ============
   このLPは既存の長文が多く、文節spanだけで全幅を潰すのは現実的でない（実測で
   12幅×15〜22箇所の孤立行）。text-wrap:pretty はブラウザが最終行の「ぶら下がり」を
   避けて行分割を調整するため、本文の孤立行に最も効く。
   ※balance と違い**ブロック要素の本文向け**（balanceはインライン要素には効かない＝V13で確認）。
   ※未対応ブラウザでは現状維持（劣化はしない）。残る箇所は下の文節spanで個別に潰す。 */
.jk-page p,
.jk-page li,
.jk-page h1,
.jk-page h2,
.jk-page h3,
.jk-page dt,
.jk-page dd,
.jk-page blockquote { text-wrap: pretty; }

/* --- 文節span（改行後に1〜3字の孤立行を作らない）。regular-k.css と同じ .w 語彙 ---
   ⚠️ spanが列幅より長いとスパン内部で折れて孤立行が復活する。
      最狭列（320px時の .domain-item / .voice-card 内）に合わせ、spanは8字前後で切る。
   ⚠️ 要素ごとにセレクタを列挙すると書き漏れでspanが効かない箇所が出る（実装時に実測で発覚）。
      このページでは .w を一括指定する。.w は本CSSを読むこのページでしか使っていない。 */
.jk-page .w { display: inline-block; }
/* 見出しの文節spanは字間を詰める（明朝の見出しは字面が命） */
.jk-page .section-title .w + .w,
.jk-page .chapter-title .w + .w { margin-left: 0; }

/* ============ G3 授業でくり返すこと（旧 dialog-strip .qs の再設計） ============
   旧: --fs-h2（最大51px）の巨大明朝で「本文のどこを根拠にしたか、確認する。」等の3行。
       見出しなのか本文なのか判別できず、改行で1〜2字が残っていた（施主指摘）。
   新: 見出しは .section-title に任せ、3行は本文サイズの◆リストへ落とす。 */
.jk-repeat {
  list-style: none;
  margin: 1.6em 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: .7em;
  max-width: 42em;
  margin-inline: auto;
}
.jk-repeat li {
  position: relative;
  padding-left: 1.2em;
  font-family: var(--font-mincho);
  font-size: var(--fs-body);
  line-height: var(--lh-body);
  color: var(--alpe-ink);
  letter-spacing: var(--ls-sub);
  text-align: left;
}
.jk-repeat li::before {
  content: '◆';
  position: absolute;
  left: 0;
  top: .18em;
  font-size: .5em;
  color: color-mix(in srgb, var(--alpe-gold) 88%, transparent);
}
/* この節は中央寄せの帯なので、リストだけ左揃えに戻す（上の margin-inline:auto と併用） */
.jk-inclass { text-align: center; }
.jk-inclass .narration {
  font-size: var(--fs-body);
  color: var(--alpe-ink-soft);
  line-height: var(--lh-loose);
  margin-top: 2em;
  max-width: 40em;
  margin-inline: auto;
  text-align: left;
}

/* ============ G2 ふだん／テスト前のカード ============
   site.css の .duo-card h3 は --fs-h2（最大51px）。旧コピー「平常時は、土台を積む。」は
   10字で収まっていたが、V14の新コピーは20字あり、カード幅の中でスパンが内部分割されて
   「力を」だけの行ができていた（実測）→ このページだけ一段落とす。 */
.jk-page .duo-card h3 { font-size: clamp(20px, 2.4vw, 30px); line-height: 1.6; }

/* ============ G5 選別ライン（斜体は site.css で解消済み） ============
   ここでは色だけ、このページの語調に合わせて臙脂に固定する。 */
.jk-page .selection blockquote em { color: var(--alpe-red); }

/* ============ V18: 施主レビュー反映（2026-07-22・jukengo口頭レビュー） ============ */
/* #5 英字ラベルを少しだけ大きく（施主: Two Modes 等のフォントが綺麗・もう少し大きく） */
.jk-page .section-label { font-size: calc(var(--fs-small) * 1.15); }
.jk-page .duo-card .en  { font-size: calc(var(--fs-small) * 1.15); }
/* 施主追加(2026-07-22): Two Modes のリード文（duo-lead）をもう少し大きく */
.jk-page .exam-future .duo-lead { font-size: calc(var(--fs-lead) * 1.18); }
/* #10 章見出し下の余白を圧縮（V17 shiritsu と同値） */
.jk-page .chapter-head { margin-bottom: 1.4em; }
/* #12(暫定) コースを2カードに。03「高校生」カードは下部リンクへ降格（C-62確認待ち） */
/* G-D(2026-07-22 施主指示): 講座系は全站「行要素」に統一（列カードをやめ全幅の行を縦積み） */
.jk-page .course-grid { display: flex; flex-direction: column; gap: 1.2em; max-width: 44em; }
/* #8 カスタマイズコースへの導線（横並び・折返し可） */
.jk-page .jk-links { display: flex; flex-wrap: wrap; gap: 1em 2em; margin-top: 1.6em; }

/* ============ 320px級の微調整 ============ */
@media (max-width: 22em) {
  .jk-page .lane-hero h1 { font-size: 22px; }
  .jk-page .section-title,
  .jk-page .chapter-title { font-size: 23px; }
  .jk-repeat li { font-size: var(--fs-small); }
}