/* ============================================================
   naishin-k.css ── 内部進学後の国語（naishin/index.html 専用・V19）
   出典: V19_naishin改稿設計.md（§3）。施主口頭レビュー 2026-07-22。
   思想: 作り手比喩（「現在地」・未定義の「段差」）を避け具体に／講座系は行要素（G-D）。
   規範: 色・寸法は tokens.css の var() のみ。site.css の後に読み込む。全て .ns-page スコープ。
   ============================================================ */

/* 3-1. 基本（shiritsu-k / jukengo-k 前例に倣う） */
.ns-page p,
.ns-page li,
.ns-page dt,
.ns-page dd,
.ns-page blockquote { text-wrap: pretty; }
.ns-page .chapter-head { margin-bottom: 1.4em; }
/* h1 前の前提行（lane-hero--paper-crimson 上・可読性は実測で確認） */
.ns-page .hero-setup {
  font-family: var(--font-mincho);
  font-size: var(--fs-lead);
  color: var(--alpe-ink-soft);
  max-width: 34em;
  margin-bottom: 1.2em;
}

/* 3-2. 領域グリッド → 行方向（#7。列でなく行で3つ＝施主指摘） */
.ns-page .domain-rows { display: flex; flex-direction: column; gap: 1em; }
.ns-page .domain-rows .domain-item { display: flex; gap: 1.4em; align-items: baseline; }
.ns-page .domain-rows .domain-item h3 { flex: 0 0 9em; }
.ns-page .domain-rows .domain-item p { margin-top: 0; }

/* 3-3. 講座カード → 行方向（#12・G-D: 講座系は全站行要素） */
.ns-page .course-grid { display: flex; flex-direction: column; gap: 1.2em; max-width: 44em; }
/* 数学セクションのカスタマイズコース導線（横並び・折返し可） */
.ns-page .ns-links { display: flex; flex-wrap: wrap; gap: 1em 2em; margin-top: 1.6em; }

/* 320px級の微調整（jukengo-k / shiritsu-k 前例に倣う） */
@media (max-width: 22em) {
  .ns-page .domain-rows .domain-item { flex-direction: column; gap: .3em; }
  .ns-page .domain-rows .domain-item h3 { flex: none; }
}