/* ==================================================================
   Maeshima RC — 体内イメージ（/tainai-image/ 配下）page-local style（C-TAINAI-IMAGE-V2-STAGING 2026-09-20）
   design-system v1 の token・component（.mrc-figure／.mrc-cards／.mrc-box／.mrc-review）を前提に、
   C-native figure（HUB 基本フロー／FIG-03／FIG-04／FIG-10：A_C_HANDOFF FINAL §4）と末尾導線のみを追加する。
   本文 typography・hero・CTA は変更しない。Google Fonts 0。外部 request 0。
   ================================================================== */

/* ---------- C-native figure 共通（figure.mrc-figure の stage 上に実テキストで構成） ---------- */
body.mrc-design-v1 .post_content figure.mrc-tfig { padding: 20px 18px; }
body.mrc-design-v1 .post_content figure.mrc-tfig p,
body.mrc-design-v1 .post_content figure.mrc-tfig li { font-size: .98rem; line-height: 1.7; margin: 0; }
body.mrc-design-v1 .post_content figure.mrc-tfig figcaption { margin-top: 16px; }
/* mobile：句単位の改行（文言不変。非対応 browser は通常折返し） */
body.mrc-design-v1 .post_content figure.mrc-tfig p,
body.mrc-design-v1 .post_content figure.mrc-tfig li { word-break: auto-phrase; text-wrap: balance; }

/* 縦フロー（HUB／FIG-04）：箱＋矢印 */
body.mrc-design-v1 .post_content .mrc-tflow { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; align-items: center; gap: 0; }
body.mrc-design-v1 .post_content .mrc-tflow li { box-sizing: border-box; width: 100%; max-width: 420px; background: var(--mrc-surface); border: 1px solid var(--mrc-line); border-radius: var(--mrc-radius); padding: 12px 16px; text-align: center; font-weight: 600; color: var(--mrc-ink); }
body.mrc-design-v1 .post_content .mrc-tflow li:first-child { background: var(--mrc-sage-050); }
body.mrc-design-v1 .post_content .mrc-tflow li:last-child { background: var(--mrc-sage-050); border-color: var(--mrc-green-700); }
body.mrc-design-v1 .post_content .mrc-tflow__arrow { display: block; text-align: center; color: var(--mrc-green-700); font-size: 1.3rem; line-height: 1.4; margin: 2px 0; }

/* FIG-04：横に環境要因の box。801px 以上で 2 列、mobile は縦積み */
body.mrc-design-v1 .post_content .mrc-tflow-wrap { display: grid; grid-template-columns: 1fr; gap: 14px; align-items: center; }
body.mrc-design-v1 .post_content .mrc-tside { box-sizing: border-box; margin-top: 6px; background: var(--mrc-ivory-050); border: 1px dashed var(--mrc-line); border-radius: var(--mrc-radius); padding: 12px 16px; text-align: center; }
body.mrc-design-v1 .post_content .mrc-tside__title { font-weight: 600; }
body.mrc-design-v1 .post_content .mrc-tside__note { color: var(--mrc-ink-muted); font-size: .92rem; }
@media (min-width: 801px) {
  body.mrc-design-v1 .post_content .mrc-tflow-wrap { grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr); }
  body.mrc-design-v1 .post_content .mrc-tside { margin-top: 0; }
}
body.mrc-design-v1 .post_content .mrc-tfig__top,
body.mrc-design-v1 .post_content .mrc-tfig__bottom { text-align: center; font-weight: 650; color: var(--mrc-green-700); }
body.mrc-design-v1 .post_content .mrc-tfig__top { margin-bottom: 12px; }
body.mrc-design-v1 .post_content .mrc-tfig__bottom { margin-top: 14px; }

/* FIG-03：体の形・構造 ＋ 体の働きを調整する仕組み → 症状 */
body.mrc-design-v1 .post_content .mrc-tpair { display: grid; grid-template-columns: 1fr; gap: 10px; align-items: stretch; }
body.mrc-design-v1 .post_content .mrc-tpair__box { box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; background: var(--mrc-surface); border: 1px solid var(--mrc-line); border-radius: var(--mrc-radius); padding: 12px 16px; text-align: center; }
body.mrc-design-v1 .post_content .mrc-tpair__title { font-weight: 650; }
body.mrc-design-v1 .post_content .mrc-tpair__sub { color: var(--mrc-ink-muted); font-size: .92rem; margin-top: 6px; }
body.mrc-design-v1 .post_content .mrc-tpair__plus { display: block; text-align: center; color: var(--mrc-green-700); font-size: 1.3rem; line-height: 1.2; }
body.mrc-design-v1 .post_content .mrc-tresult { box-sizing: border-box; max-width: 240px; margin: 0 auto; background: var(--mrc-sage-050); border: 1px solid var(--mrc-green-700); border-radius: var(--mrc-radius); padding: 10px 16px; text-align: center; font-weight: 650; }
@media (min-width: 801px) {
  body.mrc-design-v1 .post_content .mrc-tpair { grid-template-columns: minmax(0, 1fr) auto minmax(0, 1.4fr); }
  body.mrc-design-v1 .post_content .mrc-tpair__plus { align-self: center; }
}

/* FIG-10：同心の枠（外周＝調整、内側＝必要な医療＋生活、中心＝自分の体と長く付き合う） */
body.mrc-design-v1 .post_content .mrc-tring { box-sizing: border-box; border: 2px solid var(--mrc-line); border-radius: 28px; padding: 14px; background: var(--mrc-ivory-050); }
body.mrc-design-v1 .post_content .mrc-tring__outer { text-align: center; color: var(--mrc-ink-muted); font-size: .92rem; margin-bottom: 10px; }
body.mrc-design-v1 .post_content .mrc-tring__inner { box-sizing: border-box; border: 1px solid var(--mrc-green-700); border-radius: 22px; padding: 14px 16px; background: var(--mrc-surface); }
body.mrc-design-v1 .post_content .mrc-tring__center { text-align: center; font-weight: 650; font-size: 1.05rem; color: var(--mrc-green-700); margin-bottom: 10px; }
body.mrc-design-v1 .post_content .mrc-tring__items { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
body.mrc-design-v1 .post_content .mrc-tring__items li { background: var(--mrc-sage-050); border: 1px solid var(--mrc-line); border-radius: 999px; padding: 4px 12px; font-size: .95rem; }
body.mrc-design-v1 .post_content .mrc-tring__items li:first-child { border-color: var(--mrc-green-700); font-weight: 600; }

/* ---------- 末尾導線（← 体内イメージ一覧へ／著書・研究・活動へ）：通常 list、上余白のみ ---------- */
body.mrc-design-v1 .post_content ul.mrc-tainai-nav { margin: 8px 0 32px; }