/* ═══════════════════════════════════════════════════════════
   hiroshima.css — 「広島と平和」記事本文ページ専用
   ── 共有 style.css（chrome・トークン・読書体系）読込後に読み込む。
      記事本文レイアウトの正本は style.css（.reading-shell / .article-*）。
      本ファイルは “広島の差し色（薔薇色）” を .hiro-article スコープに
      限定して上乗せするだけ。本文帯・見出しは navy/coal のまま（可読性優先）。
      about.css / miku.css / maruyama.css と同じ「ページ別CSS」パターン。

   設計方針（ガーディアン遵守）:
   ・トークンは再定義しない。薔薇色は style.css:root の --rose 系を参照する。
   ・共通セレクタ（.crumb / .article-tag 等）を素で上書きしない。
   ・記事本文のアクセントは全て style.css が意味論変数 --rd-accent 経由で
     参照している（テーマ sepia/night も同変数を再マップして色を替える）。
     よって “差し色” は .hiro-article で --rd-accent を薔薇へ再マップするだけで
     一貫適用できる＝per-selector の上書き＝フォーク（分裂）を作らない。
     これはテーマ機構と同じ正規の拡張点であり、丸山・他ページには無影響。
   ═══════════════════════════════════════════════════════════ */

/* ── 差し色の一元適用：読書アクセントを薔薇へ（本文帯・見出しは不変）──
   これ一つで crumb / テーマタグ / TOC現在節 / 本文リンク / 圏点 /
   脚注番号 / 引用ラベル / 「ほかの記事へ」等のアクセントが薔薇になる。 */
.hiro-article{
  --rd-accent:var(--rose-deep);   /* 白・クリーム地で 4.9〜5.4:1（WCAG AA本文適合）*/
}
/* 夜テーマは地が暗いので、明るい基準薔薇に切替（同 5.1:1）*/
html.theme-night .hiro-article{
  --rd-accent:var(--rose);
}

/* ── 「ほかの記事へ」：右側にカードが無い（単独）場合は左揃え・全幅へ ──
   2カラムは “左＝関連／右＝ホーム” 等、右にもカードがある時の右揃え前提。
   広島記事は「一覧へ戻る」1枚のみのため、:has で単独時だけ1カラム＝左揃えに畳む。
   （右にカードを足せば自動で2カラム＋右揃えに戻る） */
.hiro-article .next-grid:has(.next-card:only-child){
  grid-template-columns:1fr;
}
.hiro-article .next-grid:has(.next-card:only-child) .next-card{
  text-align:left;
  padding-right:0;
}

/* ── 読了進捗バー：ここだけ style.css が --red を直接使うため個別に薔薇化 ── */
.hiro-article .reading-progress span{
  background:linear-gradient(90deg,var(--rose),var(--rose-deep));
}

/* ── キーボード操作のフォーカス可視化（WCAG 2.4.7）──
   色に依存しない太さのある薔薇リング。既存の見た目に “足す” だけ。 */
.hiro-article .article-body a:focus-visible,
.hiro-article .crumb a:focus-visible,
.hiro-article .share-btn:focus-visible,
.hiro-article .cite-copy:focus-visible{
  outline:none;
  border-radius:4px;
  box-shadow:var(--rose-glow);
}

/* ── 印刷：差し色は黒へ寄せる（インク節約・可読性）──
   style.css の print も --rd-accent を#000へ倒すため二重の安全網。 */
@media print{
  .hiro-article .reading-progress span{background:#000;}
}