@charset "UTF-8";
/* ============================================================
   改良A ── ワイヤー第19版に忠実なまま、見え方だけを引き上げる層
   style.css のあとに読み込みます。style.css は1行も変えていません
   ============================================================ */

/* ① 章のラベルを出す ────────────────────────────────
   縦8,200pxの画面で「いま何の話か」を見失わせない。
   .eyebrow は style.css に最初からありながら、どの画面でも
   一度も使われていませんでした。それを起こして使います */
.sec > .wrap > .eyebrow{margin-bottom:.62em}

/* ② 見出しをひと回り大きく、行間を締める */
.sec > .wrap > h2{
  font-size:clamp(1.44rem,6.2vw,1.94rem);
  line-height:1.32;letter-spacing:-.02em;margin-bottom:.72em;
}

/* ③ 節と節のあいだに、いまより息を入れる */
.sec{padding-block:clamp(40px,8.2vw,64px)}

/* ④ 地を交替させ、切れ目を目でなく体で分からせる ──────
   いまは11節すべてが同じクリーム地で、罫線1本だけが境目でした */
.sec.g-paper{background:var(--paper)}

.sec.g-navy{background:var(--navy);color:#fff;border-top-color:var(--navy)}
.sec.g-navy > .wrap > h2{color:#fff}
.sec.g-navy > .wrap > .eyebrow{color:#ffd94a}
.sec.g-navy p{color:rgba(255,255,255,.9)}

.sec.g-yellow{background:var(--yellow);color:var(--navy);border-top-color:var(--yellow)}
.sec.g-yellow > .wrap > h2{color:var(--navy)}
.sec.g-yellow > .wrap > .eyebrow{color:#8f3707}
.sec.g-yellow p{color:var(--navy)}
.sec.g-yellow .note{color:#4a5568}

/* ⑤ 「この節がいちばん効きます」（ワイヤー 03-5）を、
   本文と同じ大きさで流さない */
.lede{
  font-size:clamp(1.16rem,4.9vw,1.38rem);
  line-height:1.72;font-weight:700;margin:0 0 .9em;
}
.sec.g-navy .lede{color:#fff}