/* 出典カード／根拠ブロック（タスク15001・GitHub Issue#8 B項目）
   定義はこのファイルのみ（ai_chat.html / free-query.html への写経禁止）。
   ai_chat.html は --color-* 系の変数を持たない独自デザインシステムのため、prep-panel.css と
   同じ規約で各値は --color-*（style.css 側） → 独自変数（ai_chat.html 側） → 実値 の順で
   フォールバックする。 */

.citation-card {
  /* 是正（4役レビュー・item8）: タスク15001でグレー(#EBEEF2)に変わり、ai_chat.html（旧
     background: var(--primary-light) = #e3eaf5）・faq.html（自前定義 #e3eaf5）と食い違って
     いた。旧 ai_chat.html の見た目（淡い青 #e3eaf5 系）へ戻す。style.css 側に
     --color-primary-soft が無い場合は ai_chat.html 側の --primary-light、それも無ければ
     実値 #e3eaf5 にフォールバックする（prep-panel.css と同じ規約）。 */
  background: var(--color-primary-soft, var(--primary-light, #e3eaf5));
  border-left: 4px solid var(--color-primary, var(--primary, #1c3464));
  border-radius: 0 10px 10px 0;
  padding: 12px 14px;
  margin-top: 12px;
  font-size: 13px;
}
.citation-title { font-weight: 700; color: var(--color-primary, var(--primary, #1c3464)); margin-bottom: 4px; }
/* 引用番号バッジ（本文の [n] と対応させる。item5）
   M-1: 本文側の引用符（.cite-ref、下記参照）と色が揃っていないと目で追えないため、
   同じ色フォールバックを与えて揃える（色を合わせる目的なのでフォールバック連鎖で可）。 */
.citation-num { font-weight: 700; margin-right: 2px; color: var(--color-accent, var(--accent, #475569)); }

/* 本文中の引用符 [n]（M-2: free-query.html / ai_chat.html / faq.html で共有。
   定義はここ1箇所のみとし、各HTML側の個別定義は禁止）。 */
.cite-ref { color: var(--color-accent, var(--accent, #475569)); font-weight: 700; font-size: 0.78em; margin-left: 1px; }
/* 資料種別ラベル（item6: 旧インライン color:#999 on #EBEEF2 はコントラスト約2.45:1でAA未達）。
   白地に濃色文字＋枠線にしてコントラストを確保する。 */
.citation-type {
  font-size: 12px;
  color: #334155;
  background: #fff;
  border: 1px solid #cbd5e1;
  border-radius: 4px;
  padding: 1px 6px;
  margin-left: 6px;
  font-weight: 400;
}
/* 引用文（item11: Noto Sans JPは斜体字形を持たず合成斜体になり可読性が落ちるため、
   イタリックをやめ左罫線＋背景で引用であることを示す） */
.citation-quote {
  color: var(--color-text, var(--text-primary, #1f2937));
  border-left: 2px solid var(--color-border, var(--border, #cbd5e1));
  background: rgba(255, 255, 255, .5);
  padding: 4px 8px;
  line-height: 1.6;
}
/* item6: 旧 #6b7280 on #EBEEF2 は4.15:1・11pxでAA未達。フォントサイズを12pxへ、
   色は濃色フォールバックへ寄せてAAを確保する。
   ⑪役割A再レビュー是正（BL-1）: var(--color-text-muted, ...) のフォールバック連鎖は
   style.css が --color-text-muted:#6b7280 を定義済みのためページごとに解決先が変わり
   （free-query.htmlは常に#6b7280 on #e3eaf5で4.00:1・AA未達）、実測でコントラストを
   保証できない。コントラストが要る文字は実値で指定する（背景色等の意匠だけフォールバック
   連鎖を使う）。#4b5563はカード背景#e3eaf5上6.17:1・#f8fafc上7.2:1・#fff上7.5:1でAA達成。 */
.citation-meta { font-size: 12px; color: #4b5563; margin-top: 4px; }
.citation-link {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  min-height: 44px;
  padding: 11px 0;
  font-size: 13px;
  color: var(--color-accent, var(--accent, #475569));
  text-decoration: underline;
  text-underline-offset: 3px;
  font-weight: 600;
}
.citation-link:hover { text-decoration: underline; }

/* 根拠と関連資料の分離表示（4状態: CITED / NONE / OUT_OF_RANGE / SUPPRESSED） */
.src-block { margin-top: 12px; }
.src-head {
  font-size: 12px; font-weight: 700; color: var(--color-text-muted, var(--text-secondary, #6b7280));
  margin: 0 0 6px; display: flex; align-items: center; gap: 6px;
}
/* BL-2: フォールバック連鎖はページごとに解決先が変わり実測でAAを保証できない
   （ai_chat.htmlは--color-text-muted非定義のため--text-tertiary #9ca3afへ落ち、
   #fff上2.54:1でAA未達）。実値#4b5563に固定する（3背景ともAA達成、BL-1と同じ根拠）。 */
.src-head .src-count { font-weight: 400; color: #4b5563; }
.src-note { font-size: 12px; color: #4b5563; margin: 0 0 6px; line-height: 1.6; }
/* item6: opacity:.72 は関連カードのコントラストをさらに落とす（実効約2.57:1）ため廃止。
   点線枠＋別背景色で「参考」であることを示す。
   BL-3: border-styleは4辺一括指定。.citation-cardはborder-leftしか宣言していないため
   上/右/下がmedium(≈3px)+currentColor(≈黒)の実線で出て根拠カードより目立っていた。
   border-left-styleに限定し、左罫線だけを破線にする（意図どおり控えめな「参考」表示）。 */
.citation-card.is-related { border-left-style: dashed; background: #f8fafc; }
/* item6: 折りたたみの実高が約30pxでタップ目標44px未満だったため min-height:44px を確保。 */
.src-related > summary {
  cursor: pointer;
  min-height: 44px;
  display: flex;
  align-items: center;
  padding: 10px 12px;
  border: 1px solid var(--color-border, var(--border, #e5e7eb));
  border-radius: 8px;
  background: #fff;
  font-size: 13px;
  font-weight: 700;
  color: var(--color-text-muted, var(--text-secondary, #4b5563));
  list-style: none;
}
.src-related > summary::-webkit-details-marker { display: none; }
.src-related > summary::before { content: "▸ "; }
.src-related[open] > summary::before { content: "▾ "; }
/* Issue#8 L4是正（⑪役割A指摘）: 以前は12px・薄いグレーで、根拠関連の警告の中で
   最も本文から浮かず読み飛ばされやすかった（SUPPRESSED時の無警告と同じ根本原因＝
   「危険な状態ほど目立たない」）。font-size は ai_chat.html(.answer-body 15px)・
   free-query.html(.fq-bubble 14px) の両方の回答本文以上になるよう15pxへ。
   背景は prep-panel.css の .prep-banner と同趣旨の淡橙系（#fff7ed/#fdba74）。
   左罫線 #b91c1c は既存のまま維持。
   ★フォールバック連鎖を使わない（実値のみ）: 過去に var(--color-text-muted,
   var(--text-secondary, #4b5563)) が定義の無いページで --text-tertiary(#9ca3af)まで
   落ちてコントラスト2.54:1になった事故があるため（T38と同じ理由・同じ対処）。 */
.src-warn {
  margin-top: 12px; padding: 10px 12px; border-radius: 8px;
  border: 1px solid #fdba74;
  border-left: 3px solid #b91c1c;
  background: #fff7ed;
  font-size: 15px; line-height: 1.7; color: #1f2937;
}
.src-warn strong { display: block; color: #1f2937; margin-bottom: 2px; }