/* ============================================================
   配色 B（藍×金茶・明るい版）
   site.css / sub.css の後に読み込みます。色だけを上書きし、レイアウトは変えません。
   ロゴの金茶（#C0A973 系）を本文の区切り・番号・強調に使い、背景は淡く、濃い色はボタンだけに。
   ============================================================ */
:root{
  --jade:#2F5A93;          /* 藍：ボタン・リンク */
  --jade-d:#244A7C;
  --head:#2F5A93;          /* 見出し */
  --gold:#C2A266;          /* 金茶：線・点・飾り（文字には使わない） */
  --gold-t:#8C6A2E;        /* 金茶：文字用（白・淡色の上で 4.5:1 以上） */
  --gold-no:#A07C3A;       /* 金茶：大きな数字用 */
  --gold-bg:#FAF5EA;       /* 淡い金茶の地 */
  --gold-bg2:#FFFBF2;
  --gold-bd:#EFE3C8;
  --sky-bg:#F4F8FC;        /* 淡い藍の地 */
}

/* ---- ページ見出し ---- */
.ph{background:var(--gold-bg);border-bottom-color:var(--gold-bd)}
.ph h1{color:var(--head)}
.crumb a{color:var(--gold-t)}
.crumb a:hover{border-bottom-color:var(--gold-t)}
.ph__cat{display:inline-block;background:#F0E4C8;color:#7A5C25;padding:3px 12px;border-radius:4px}
.ph__meta{border-top-color:var(--gold-bd)}

/* ---- 目次 ---- */
.toc__t{border-bottom-color:var(--gold)}
.toc li a.is-cur::before{color:var(--gold-no)}
.toc__cta{background:var(--sky-bg)}
.toc__cta b{color:var(--head)}

/* ---- 要点 ---- */
.sum{background:var(--gold-bg2);border:1px solid var(--gold-bd);border-radius:4px}
.sum__t{color:var(--head)}
.sum li::before{background:var(--gold)}
.art strong,.sum b{background:linear-gradient(transparent 62%,rgba(214,186,128,.40) 62%)}

/* ---- 章見出し・小見出し ---- */
.chap__h,.art--wp > h2{border-top:2px solid #D9C291}
.chap__no,.art--wp > h2::before{color:var(--gold-no)}
.chap__h h2,.art--wp > h2,.art h3,.art h4{color:var(--head)}
.art h3::before,.art--wp h3:not(.qa summary h3):not(.sflow h3)::before{background:var(--gold)}
.ul li::before,.art--wp ul.wp-block-list > li::before{background:var(--gold)}

/* ---- 治療の流れと費用 ---- */
.sflow{border-top-color:var(--gold)}
.sflow__no,.art .sflow__no{color:var(--gold-t)}
.sflow__no b,.sflow__fee{color:var(--head)}
.sflow__stop{background:var(--sky-bg)!important;color:var(--head)!important;border-left:4px solid var(--gold)!important}

/* ---- 料金表・治療費の例 ---- */
.price thead th{background:var(--sky-bg);color:var(--head);border-bottom:2px solid var(--gold)}
.price td:last-child{color:var(--head)}
.ex__total{border-top:2px solid var(--gold)}
.ex__total b{color:var(--head)}

/* ---- お支払い・保証 ---- */
.pay b{color:var(--head)}
.guar{background:var(--gold-bg);border-radius:4px}
.guar__n,.art .guar__n,.guar p.guar__n{color:var(--gold-t)!important}

/* ---- 監修・関連ページ ---- */
.supv{border-color:var(--gold-bd)}
.supv__l,.rel__g small{color:var(--gold-t)}
.rel__g a{border-bottom:2px solid var(--gold)}

/* ---- ボタン：2つ目（線のボタン）を金茶に ---- */
.more a::after{color:var(--gold-t)}
.btn--line{border-color:var(--gold);color:#7A5C25}
.btn--line:hover{border-color:var(--gold-t);background:var(--gold-bg)}