/* FirstStage 読みやすさの層（_inc/head.php が全ページの最後に読む）2026-10-31
   本番13ページを PC・スマホで測り、「13.5px 未満の文字」「コントラスト 4.5 未満」「1行が長すぎる段落」だけを直す。
   配置・余白・写真・色の組み合わせ（骨格）は変えない。講座ページ（AIドライブ・Webパートナー）はこの層を読まない。 */

/* 1. 色（ライトだけ。ダークは元から十分）
   ボタンの白文字 4.41→5.0、淡いピンク・グレー地の小さい文字 3.8〜4.4→4.6 以上、本文の淡い灰色 5.2→5.9 */
:root[data-theme="light"]{--cta:#BE474C;--coral-text:#B03E43;--mint-text:#247058;--muted:#64636C}
.why .n,.promise .n{color:var(--coral-text)}
.field .req{background:var(--cta);font-weight:700}
/* トップの最後の呼びかけ：白い文字が明るいコーラルの上で 3:1 前後だったので、地を少し濃く */
.final__box{background:linear-gradient(135deg,#BE474C,#C8584F)}
.final__box p{color:#fff}

/* 2. 小さすぎる文字を 13.5px 以上に */
.eyebrow{font-size:.85rem}
.crumb{font-size:.85rem}
.chip,.step .chip{font-size:.86rem}
.step__no,.bubble.h{font-size:.82rem}
.card__top span{font-size:.84rem}
.hero-flow .tag{font-size:.86rem}
.hcol .badge,.ccard.mid .tag,.posbar__end span,.posbar__pin i,.fstep .tag{font-size:.84rem}
.work__num{font-size:.84rem}
.work__cat,.work__tag{font-size:.86rem}
.field .req{font-size:.76rem}
.field .opt{font-size:.82rem}
.form-note{font-size:.88rem}
.footer__brand .addr{font-size:.88rem}
.footer__bottom{font-size:.86rem}
.footer__bottom small{font-size:1em}
.footer__col .ext{font-size:.82rem}
.rcard h3 .go{font-size:.8rem!important} /* company.php の行内指定 .7rem を上書き */

/* 3. 1行を長くしすぎない（日本語は 1行 40字前後まで） */
.head p{max-width:38em}
.head.center p{margin-inline:auto}
.final__box p{max-width:36em;margin-inline:auto}
.fstep p{max-width:40em}
.cmp-note{max-width:46em}
.price-note{max-width:46em;margin-inline:auto}
.consult-panel>p{max-width:40em}
.lead-hero p{max-width:40em}

/* 4. 日本語の改行（対応ブラウザだけ。見出しは言葉の途中で折らず、行の長さをそろえる。段落の最後に1文字だけ残さない） */
h1,h2,h3{text-wrap:balance}
:lang(ja) :is(h1,h2,h3,.btn,.chip,.eyebrow){word-break:auto-phrase}
:is(p,li,dd,summary){text-wrap:pretty}