/* v141.css — 検品ループ修正（2026-07-19 kenpin-loop）
   全ページ共通の低コントラスト修正・見えないUIの救済・文字組みの基本・はみ出し保険。
   数値根拠: 修正後の色は生成り地(#F3F0E8)でコントラスト比4.8以上（小さい文字の基準4.5をクリア） */

/* 0) スマホ横はみ出しの保険（blog/privacy/tokushohoはhtml側が未指定だった） */
html{overflow-x:hidden}

/* 1) 薄すぎるグレー文字の底上げ（#999 → #6C685E）と、読めない金色の底上げ
   （--gold #C9A227/#B89B5E → アンティーク金 #8B7244: 白地で4.58、白文字を載せても4.58） */
:root{--gray-l:#6C685E;--gold:#8B7244}
small{color:#6C685E}
.section-subtitle-small{color:#6C685E!important}
.sample-business{color:#6C685E!important}
/* 口コミの星は評価情報＝読めること優先。金色の趣は保って濃く */
.hub-voice-stars{color:#8B7244!important}
.lesson-card div[style*="--gold"]{color:#8B7244!important}
/* 展開・接続の矢印は操作の手がかりなので見えること優先 */
.about-details-arrow,.connection-arrow{color:#6C685E!important}

/* 2) 白箱に白文字になっていた見出しの救済（下層3ページ「無料相談でわかること」）
   暗色CTAセクションの「p は白」ルールが白箱の中まで効いていた */
.diag-box .diag-title{color:var(--akane,var(--red,#A21F35))!important}

/* 3) 生成り地で消えていた白枠ボタン（トップ中腹のキャラブランディング導線・比1.1→墨色へ） */
a.btn.btn-secondary[href="branding/"]{
  color:var(--ink,#21201E)!important;border-color:var(--ink,#21201E)!important;background:transparent!important}
a.btn.btn-secondary[href="branding/"]:hover{
  color:var(--paper,#FAF7F0)!important;background:var(--ink,#21201E)!important}

/* 4) branding「RESEARCH FACT」タグは暗色グラデの上の白抜きチップ＝元デザインが正
   （機械スキャンでは背景画像を読めず誤検知した。目視確認で問題なしと判定・変更しない） */

/* 4.5) branding固有の薄色（LINE緑の文字は白地では読めない緑→濃緑、✕記号#999→濃グレー、
   金色チップ/金色文字は上の--gold変更で一括修正） */
.mid-cta-highlight{color:#0B7A3E!important}
.cc-x{color:#6C685E!important}
/* 白いQRカードの中の説明文が白文字のままだった（暗色セクションの白文字ルールの巻き添え） */
.mid-cta-qr .mid-cta-qr-label{color:#21201E!important}
.mid-cta-qr .mid-cta-qr-label strong{color:#0B7A3E!important}

/* 5) 文字組みの基本（見出しの孤立行防止・行間の締め・字間） */
h2,h3{text-wrap:balance}
h2{line-height:1.45}
.section-title{line-height:1.45}
h3{line-height:1.5}
/* 本文・リストの1〜2文字だけの最終行を防ぐ（対応ブラウザのみ効く安全な保険） */
p,li,dd{text-wrap:pretty}
/* トップ「カメラ×個性×AI」箱の見出し＝行間1.7・字間0.013emで詰まり気味だった */
.hub-position-box h2{line-height:1.4!important;letter-spacing:.06em!important}
/* 「こんな理想」6箱の内余白 18px20px → 24px（余白スケール8px系・E6基準） */
.hub-pain-card{padding:24px!important}
/* ブログ記事の本文が1行47字で読みにくかった → 約42字（16px×672px）に */
.article-body,article.article{max-width:672px}