/* ===== AGA・FAGA: 画像の差し込み枠（9/29 田中さん指示「入れられる所に灰色のボックスをまず」） =====
   灰色＝AI生成（CODEX）予定／ベージュ＝実写真（先方提供）が必要。枠の中に番号・内容・比率を表示。
   差し替え時は figure.ph を <figure><img …></figure> に置き換える。一覧は image-briefs.md の v2.13 節。 */
body.aga-page .ph{ margin:22px 0; }
body.aga-page .ph-box{ aspect-ratio:var(--ar, 16 / 9); width:100%; display:grid; place-content:center; justify-items:center; gap:4px; padding:14px 16px; text-align:center;
  background:#dde2e0; border:2px dashed #97a5a1; border-radius:8px; color:#34494a; line-height:1.5; }
body.aga-page .ph-box b{ font-size:15px; font-weight:700; letter-spacing:.04em; color:#146e71; }
body.aga-page .ph-box span{ font-size:14px; font-weight:500; max-width:32em; }
body.aga-page .ph-box small{ font-size:12px; color:#4b5d5a; }
body.aga-page .ph--real .ph-box{ background:#ece3d6; border-color:#b49a78; }
body.aga-page .ph--real .ph-box b{ color:#8a5a1c; }
body.aga-page .ph--wide{ margin:26px 0 28px; }
body.aga-page .ph--card{ margin:12px 0 14px; }
body.aga-page .ph--card .ph-box{ padding:10px 12px; }
body.aga-page .ph--card .ph-box span{ font-size:13px; }
/* 院内写真3枚の並び */
body.aga-page .ph-row{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin:18px 0 22px; }
body.aga-page .ph-row .ph{ margin:0; }
/* チェックパネルの中の扉画像は横いっぱい */
body.aga-page .aga-check-panel > .ph{ grid-column:1 / -1; margin:0 0 18px; }
@media (max-width:600px){
  body.aga-page .ph-row{ grid-template-columns:1fr; }
  body.aga-page .ph-box span{ font-size:13px; }
}
/* 図解は本文幅いっぱいだと大きすぎるので中央寄せで縮める */
body.aga-page .ph--diagram{ max-width:760px; margin-inline:auto; }
/* FAGAのルードヴィヒ枠: 既存の「I度」ラベル装飾（.aga-stages span）が枠内の説明文にかからないように */
body.aga-page .aga-stages .ph-box span{ display:block; min-width:0; padding:0; margin:0; background:none; color:#34494a; border-radius:0; font-family:inherit; font-size:13px; font-weight:500; }
/* 生成画像に差し替えた枠（figure.ph-img） */
body.aga-page .ph-img{ margin:22px 0; }
body.aga-page .ph-img img{ display:block; width:100%; height:auto; border-radius:8px; background:#f0f7f4; }
body.aga-page .ph-img--wide{ margin:26px 0 28px; }
body.aga-page .ph-img--card{ margin:12px 0 14px; }
body.aga-page .ph-img--card img{ border:1px solid #d5e4df; }
body.aga-page .ph-img--diagram{ max-width:760px; margin-inline:auto; }
body.aga-page .aga-check-panel > .ph-img{ grid-column:1 / -1; margin:0 0 18px; }