/* ===========================================================================
   金継ぎ 追補CSS — 株式会社 勇技研 サイトデザイン案
   本体（base.css / mobile-fix.css / 各ページ）は1行も変えず、これを最後に読む。
   インライン style で書かれた値が多いため、その分だけ !important で上書きする。
   =========================================================================== */

/* ── ① 破れ: 低コントラスト ────────────────────────────────────────────
   青帯（#0070C9）の上の淡い文字が床（4.5）を割っていた。
   span.no 3.92 / p.plain 4.33 → 白にして 5.05 へ。 */
.tradebar .no,
.tradebar .plain { color: #FFFFFF !important; }

/* ── ② 破れ+乱れ: 文字サイズ ──────────────────────────────────────────
   役割ごとに段を畳む。極小（12px未満）は12pxへ引き上げる。
   本文は 12 / 14 / 16 の3段、その他は 12 / 14 / 16 の3段に寄せる。 */

/* 本文まわり: 11 / 12 / 13 / 13.5 / 14 / 15 / 15.5 / 16 → 12 / 14 / 16 */
.label,
p.num[style],
.crumbs,
.crumbs > a,
.crumbs > span            { font-size: 12px !important; }

.note,
.grouplab,
.tradebar .plain,
.worklist li,
.plainlead                { font-size: 14px !important; }

/* インライン15px/15.5px/14.5px/13.5px の本文段落を16pxに束ねる */
main p[style*="font-size:15px"],
main p[style*="font-size:15.5px"],
main p[style*="font-size:14.5px"],
main p[style*="font-size:13.5px"],
main p[style*="font-size:14px"],
main div[style*="font-size:15px"],
main div[style*="font-size:14.5px"] { font-size: 16px !important; }

/* dd / dt の本文も16pxへ */
main dd[style*="font-size"] { font-size: 16px !important; }

/* ── ボタン・ナビ: 13 / 13.5 / 14 → 14 ──────────────────────────────────── */
header nav a[style],
footer nav a[style],
.tradebar .go,
.tradebar .no             { font-size: 14px !important; }

/* 電話・メールの数字は役割が違う（見出し級の数字）ので3段に留める。
   18px は 20px へ寄せ、28px（フッター）と 48px 級（ヒーロー）は残す。 */
a.num[style*="font-size:18px"],
p.num[style*="font-size:18px"],
span.num[style*="font-size:18px"] { font-size: 20px !important; }

/* ── その他（図の中の小さな文字）: 10 / 10.5 / 11 / 11.5 / 12 / 13 / 15 → 12 / 14 ── */
.axis .tick span,
.bar,
.bar.wait,
.rowlab,
.delta .val,
footer span[style*="font-size:11.5px"],
footer span[style*="font-size:12px"] { font-size: 12px !important; }

span.num[style*="font-size:15px"],
span.num[style*="font-size:13px"]    { font-size: 14px !important; }

/* ── h3 の段: 14 / 19 / 28 → 19 / 28 ────────────────────────────────── */
.chart__head h3 { font-size: 19px !important; }

/* ── ③ 乱れ: 似て非なる色 ─────────────────────────────────────────────
   #5F6A74→#4E5964 ／ #C7D1D9→#C2CBD4 ／ #E4EFF9・#CFE6F8→#FFFFFF
   ⚠ #EFF6FC（表題欄・図のヘッダーの地）は「欄の地」の役割があるので統合しない。 */
.crumbs,
.crumbs > span,
.note,
.label,
span.note                 { color: #4E5964 !important; }

footer [style*="color:var(--ink-3)"],
footer p[style],
footer div[style*="color"],
footer nav[style]         { color: #C2CBD4 !important; }

/* ── 泣き別れ（そろい）: 「コーキング」が行またぎ ────────────────────── */
.tradebar h3,
main h1, main h2, main h3 { word-break: auto-phrase; }

/* ── 図の中の帯は12pxにしたぶん詰まるので、行の高さだけ確保する ───────── */
.bar { line-height: 1.2; }

/* ── 残っていた極小文字（フッターの欄名11px・著作表示11.5px）と
      本文の13.5px の取りこぼしを12px／16pxへ ──────────────────────── */
footer p[style*="font-size:11px"],
footer span[style*="font-size:11.5px"],
footer div[style*="font-size:11.5px"],
footer [style*="font-size:11.5px"],
footer [style*="font-size:11px"]   { font-size: 12px !important; }

footer p[style*="font-size:13.5px"],
footer div[style*="font-size:13.5px"],
footer nav[style*="font-size:13.5px"],
main [style*="font-size:13.5px"]   { font-size: 14px !important; }

/* 電話番号は役割が違う数字なので、フッター28px・ヒーロー48px級は残す。
   ボタン役割に残る4段（14/20/28/48）のうち20pxは28pxへ寄せて3段にする。 */
a.num[style*="font-size:20px"],
p.num[style*="font-size:20px"]     { font-size: 28px !important; }
