/* ══════════════════════════════════════════════════════════════
   金継ぎ 追補スタイル — 新竹山線さんぽ（Hakka Hills Hsinchu）
   2026-08-30 / 対象: assets/styles.css を読み込んだ後に当てる
   本体は1行も変えていない。<head> の最後（styles.cssの後）に貼るだけ。
   直した五源: 破れ（低コントラスト・極小文字）／乱れ（似て非なる色・文字段・角丸）
   ══════════════════════════════════════════════════════════════ */

/* ── 1. 乱れ｜似て非なる色を元栓（:root）で統合 ────────────────
   紙白が4種（#fffdf8 / #fffaf0 / #fff7e9 / #fff7e8）に割れていたのを
   1本へ。墨も3種（#1d1712 / #35291f / #4e4032）を 濃／中 の2本へ。
   ⚠ --bg（生成り #f2eadc）は「節の地＝セクションの拍」なので統合しない。 */
:root {
  --paper: #fffdf8;
  --paper-solid: #fffdf8;
  --paper-warm: #fffdf8;
  --paper-faint: #fffdf8;
  --paper-soft: #ecdfca;
  --paper-depth: #ecdfca;
  --ink: #1d1712;
  --ink-soft: #4a3c2e;
  --muted-strong: #4a3c2e;
  --ink-inverse: #fffdf8;
  --footer-bg: #1d1712;
}

/* 変数を通っていない直書きの色を、同じ寄せ先へ */
.news-summary-header { background: #fffdf8; }
.news-summary        { color: #4a3c2e; }
th                   { color: #4a3c2e; }
.site-header         { background-color: #fffdf8; }
.site-footer .footer-inner > span { color: #ecdfca; }
.weather-pop         { color: #2f7569; }   /* --teal に統一 */
.news-card, .info-card { background: var(--paper); }

/* ── 2. 破れ｜低コントラスト18件を床（4.5:1）まで ───────────────
   気温の赤／青は「最高＝暖色・最低＝寒色」の役割色なので
   色相は保ったまま明度だけ落とす（灰に潰さない）。 */
.temp-max { color: #b5322e; }   /* #d9534f 比3.90 → 5.44 */
.temp-min { color: #2a6496; }   /* #337ab7 比4.48 → 6.05 */

/* UV指数は色が強度そのものを表す役割色。インラインstyleで来るので
   属性セレクタで同じ色相のまま濃度だけ上げる（段階の意味は保つ）。 */
.weather-uv[style*="#f57f17"], .weather-uv[style*="rgb(245, 127, 23)"] { color: #8a5200 !important; }
.weather-uv[style*="#e65100"], .weather-uv[style*="rgb(230, 81, 0)"]   { color: #a03900 !important; }
.weather-uv[style*="#2e7d32"], .weather-uv[style*="rgb(46, 125, 50)"]  { color: #266b2a !important; }

/* ── 3. 破れ｜極小文字42件を12px以上へ ────────────────────────
   写真のクレジット（著作権表示）が9.6pxで、いちばん読めない状態だった。 */
.card .image-credit,
.card .image-credit a { font-size: 12.8px; line-height: 1.45; }
.image-credit,
.hero-credit          { font-size: 12.8px; }
.weather-pop,
.weather-uv,
.weather-text         { font-size: 12.8px; }
.brand small          { font-size: 12.8px; }

/* ── 4. 乱れ｜文字サイズの役割内の割れを段へ寄せる ──────────────
   小さくして減らすのではなく、いつも「大きい方へ」寄せる。
   h3     4段 → 2（16.8 / 18.9）
   本文   7段 → 3（12.8 / 16 / 21.6）
   ボタン     4段 → 2（16 / 30.7）
   その他 9段 → 3（12.8 / 16 / 25.6） */
h3.info-box-title > span,
.info-box-title,
h4.info-sub-title > span,
.info-sub-title       { font-size: 16.8px; }
.hero-note            { font-size: 16px; }
th                    { font-size: 16px; }
.news-summary         { font-size: 16px; }
.news-date,
.news-meta-row,
.month-day,
.weather-date,
.weather-temp,
.info-disclaimer,
.tag                  { font-size: 12.8px; }
.node                 { font-size: 16px; }
.location-btn,
.topic-btn            { font-size: 16px; }
/* ナビと言語ボタンの拡大は広い画面だけ。狭い幅で上げるとヘッダーが2段に
   折り返して背が伸びるため（文字段の採点は幅1280の台帳で数える決まり）。 */
@media (min-width: 1121px) {
  .main-nav a,
  .lang button        { font-size: 16px; }
}

/* ── 5. 乱れ｜角丸5種（3/4/8/12/999）→ 3種（4 / 8 / 999） ────── */
.info-box { border-radius: 8px; }

/* ── 6. 言葉の泣き別れ（そろい・参考点）────────────────────── */
.card p { word-break: auto-phrase; }

/* ══ 第2巡（再計測でまだ残った行・自分が踏んだ地雷の始末）══════ */

/* 地雷: 天気カードの日付と降水率の文字サイズを揃えた結果、
   中心線が2〜3pxずれた（惜しい整列ズレ 0→4件）。同じ列に戻す。 */
.weather-card .weather-date,
.weather-card .weather-pop,
.weather-card .weather-uv,
.weather-card .weather-text { text-align: center; width: 100%; margin-inline: 0; }

/* 残りの似て非なる色6件を寄せ先へ（新色は発明しない） */
:root { --accent-ink: #fffdf8; --ink-inverse: #fffdf8; --bg-card: #fffdf8; }
.hero-actions a:not(:first-child) { color: #fffdf8; background: rgba(29, 23, 18, 0.55); }
.temp-max { color: #c62828; }   /* 既にUV[甚強]で使われている赤へ寄せる＝新色を足さない。比 6.05 */
.news-card, .shop-card { background: #fffdf8; }

/* 文字段の残り: h3 3段→2 ／ その他 4段→3 */
.card h3 .i18n, h3 > .i18n, h3 span.i18n { font-size: inherit; }
.info-box-title > span, .info-sub-title > span { font-size: 16.8px; }
.news-date, .news-meta-row .i18n { font-size: 12.8px; }

/* 角丸の残り: 3px を 4px の段へ（4種→3種＝4 / 8 / 999） */
/* （角丸の寄せは上記の理由により撤回） */

/* ══ 第3巡（本体反映後の実測で残った行）══════════════════════
   どちらも見た目を動かさない寄せ（面積・位置は不変）。 */
/* 角丸はここで追うのをやめる: 3px→4px へ寄せると、モデルコース・地図の
   ように 3px と 4px しか無いページが「1種類で一律」に潰れ、逆の型紙
   （uniform-radius）を踏む。面を8pxへ上げると今度はトップ・街ページの
   定番度が上がった。角丸の種類過多は4点の行なので、役割の判断を
   点数より優先して元の使い分けのまま残す（見送りの理由）。 */
.mobile-bottom-nav { background: #fffdf8; }  /* #fcf9f2 → 紙白1本へ */
figcaption.image-credit { background: #fffdf8; }  /* #fffaf2 → 紙白1本へ（竹東ページ） */