/* ==================================================================
   Maeshima RC design system v1 — staging（C-34A-R1 proof → C-AUTO-OVERNIGHT-01 D-134 minor fix、2026-09-14）
   source of truth：MASTER D-132／B_VISUAL_DESIGN_SYSTEM v1（Drive 1xB0GAYd…）／B_C_VISUAL_FINISH_HANDOFF v1（Drive 1MRgGNJ6…）
   direction：Clinical Calm / Soft Botanical Precision
   scope：body.mrc-design-v1（MU loader が ROLL_OUT_TARGETS の page ID と news／blog archive・entry にのみ付与）＋ .mrc-page--top/--hub/--disease/--drug/--general/--listing/--entry
   layers：1 tokens → 2 base → 3 components（3b header/footer、3c hero、3d hero Variant B、3e neutral sibling）→ 4 page-family → 5 tuning
   禁止：SERUM 親テーマ改変、global nav／footer menu 構造変更、E2 画像の crop／色／順序変更、本文変更、外部 font
   ================================================================== */

/* ---------- Layer 1｜design tokens（Drive v1 §2 verbatim） ---------- */
:root {
  --mrc-ink: #24352F;
  --mrc-ink-muted: #596761;
  --mrc-green-700: #2F5D50;
  --mrc-green-600: #315F52;
  --mrc-link: #136CC1;
  --mrc-sage-050: #F2F7F3;
  --mrc-ivory-050: #FAF8F3;
  --mrc-surface: #FFFFFF;
  --mrc-line: #D8E3DC;
  --mrc-info-accent: #3D7C78;
  --mrc-warning: #8A5A24;
  --mrc-warning-bg: #FFF8E8;
  --mrc-danger: #8A2D2D;
  --mrc-danger-bg: #FFF2F1;
  /* implementation-only（Drive §6／§12 の数値範囲から固定） */
  --mrc-reading: 760px;
  --mrc-wide: 900px;
  --mrc-radius: 12px;
  --mrc-font: -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic", Meiryo, sans-serif;
  --mrc-figure-bg: #F7FAF8;
}

/* ---------- Layer 2｜base scoped rules（本文・見出し・link・rhythm） ---------- */
body.mrc-design-v1 .post_content { font-family: var(--mrc-font); color: var(--mrc-ink); }
body.mrc-design-v1 .post_content p,
body.mrc-design-v1 .post_content li { font-size: 1rem; line-height: 2.15; }          /* Drive §4：2.0〜2.3（D-111 継承） */
body.mrc-design-v1 .post_content p { margin: 0 0 1.4em; }
body.mrc-design-v1 .post_content .mrc-intro { font-size: 1.125rem; line-height: 1.95; color: var(--mrc-ink); margin: 0 0 1.6em; }

/* H1／hero：Layer 3c（D-134 minor fix）へ移動。SERUM の #page_header .catch font-size（34／29／24px）は 3c で responsive clamp に置換 */

/* H2：箱囲みなし。見出し下に短い green accent（36px×3px）＋前後余白（前 > 後） */
body.mrc-design-v1 .post_content h2 { font-family: var(--mrc-font); font-size: clamp(1.5rem, 2.4vw, 2rem); font-weight: 650; line-height: 1.45; color: var(--mrc-ink); letter-spacing: .01em; margin: 72px 0 24px; padding: 0 0 14px; position: relative; border: 0; background: none; text-align: left; }   /* long-form は左揃え（top は下で中央） */
body.mrc-design-v1 .post_content h2::after { content: ""; display: block; width: 36px; height: 3px; border-radius: 2px; background: var(--mrc-green-700); position: absolute; left: 0; bottom: 0; }
body.mrc-design-v1 .post_content h3 { font-family: var(--mrc-font); font-size: clamp(1.18rem, 1.6vw, 1.4rem); font-weight: 650; line-height: 1.55; color: var(--mrc-ink); margin: 40px 0 14px; padding: 0; border: 0; background: none; text-align: left; }
body.mrc-design-v1 .post_content h4 { font-family: var(--mrc-font); font-weight: 650; color: var(--mrc-ink); margin: 28px 0 10px; }

/* inline link：#136CC1＋underline（D-113 継承）。brand green は link 色に使わない */
body.mrc-design-v1 .post_content p a:not(.wp-block-button__link),
body.mrc-design-v1 .post_content li a:not(.wp-block-button__link) { color: var(--mrc-link); text-decoration: underline; text-underline-offset: .18em; text-decoration-thickness: 1px; }
body.mrc-design-v1 .post_content p a:hover, body.mrc-design-v1 .post_content li a:hover { text-decoration-thickness: 2px; }

/* focus：C-19 の :focus-visible（3px #136cc1）を維持。CTA（deep green 塗り）では outline と塗りの間に白 3px の gap を置き、indicator が隣接色（白）に対して 5.33:1 を保つ */
body.mrc-design-v1 .post_content .mrc-cta a:focus-visible, body.mrc-design-v1 .post_content ul.mrc-cards a:focus-visible { outline-offset: 3px; box-shadow: 0 0 0 3px var(--mrc-surface); }

/* reading column（long-form）：Drive §6 720〜780px */
body.mrc-design-v1.mrc-page--disease .post_content,
body.mrc-design-v1.mrc-page--drug .post_content,
body.mrc-design-v1.mrc-page--general .post_content { max-width: var(--mrc-reading); margin-left: auto; margin-right: auto; }
body.mrc-design-v1.mrc-page--hub .post_content { max-width: var(--mrc-wide); margin-left: auto; margin-right: auto; }       /* hub：cards 主体は 900px、本文段落は 760px */
body.mrc-design-v1.mrc-page--hub .post_content p,
body.mrc-design-v1.mrc-page--hub .post_content .mrc-intro,
body.mrc-design-v1.mrc-page--hub .post_content .mrc-toc,
body.mrc-design-v1.mrc-page--hub .post_content .mrc-box,
body.mrc-design-v1.mrc-page--hub .post_content .mrc-note,
body.mrc-design-v1.mrc-page--hub .post_content .mrc-review { max-width: var(--mrc-reading); }
@media only screen and (max-width: 1100px) {
  body.mrc-design-v1.mrc-page--disease .post_content,
  body.mrc-design-v1.mrc-page--drug .post_content,
  body.mrc-design-v1.mrc-page--general .post_content,
  body.mrc-design-v1.mrc-page--hub .post_content { max-width: none; }
}

/* mobile rhythm */
@media only screen and (max-width: 800px) {
  body.mrc-design-v1 .post_content p, body.mrc-design-v1 .post_content li { line-height: 2.0; }
  body.mrc-design-v1 .post_content h2 { margin: 56px 0 20px; }
  body.mrc-design-v1 .post_content h3 { margin: 32px 0 12px; }
}

/* ---------- Layer 3｜common components（既存 mrc-* class を再利用） ---------- */
/* TOC：pale sage の浅い panel＋左 accent。目次と分かる。sticky 化しない */
body.mrc-design-v1 .post_content .mrc-toc { background: var(--mrc-sage-050); border: 1px solid var(--mrc-line); border-left: 4px solid var(--mrc-green-700); border-radius: var(--mrc-radius); padding: 20px 24px; margin: 0 0 40px; }
body.mrc-design-v1 .post_content .mrc-toc__title { font-weight: 650; color: var(--mrc-ink); margin: 0 0 8px; font-size: .95rem; letter-spacing: .04em; }
body.mrc-design-v1 .post_content .mrc-toc ol { margin: 0; padding-left: 1.4em; }
body.mrc-design-v1 .post_content .mrc-toc li { margin: 4px 0; line-height: 1.8; }
body.mrc-design-v1 .post_content .mrc-toc a { color: var(--mrc-link); text-decoration: underline; text-underline-offset: .18em; }
@media only screen and (min-width: 801px) { body.mrc-design-v1 .post_content .mrc-toc ol { columns: 2; column-gap: 32px; } body.mrc-design-v1 .post_content .mrc-toc li { break-inside: avoid; } }

/* cards：white、border line、radius 12、常時 shadow なし、hover/focus のみ弱く。title＝link affordance（下線） */
body.mrc-design-v1 .post_content ul.mrc-cards { gap: 16px; margin: 24px 0; }
body.mrc-design-v1 .post_content ul.mrc-cards a { background: var(--mrc-surface); border: 1px solid var(--mrc-line); border-radius: var(--mrc-radius); padding: 18px 20px; color: var(--mrc-ink); transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease; }
body.mrc-design-v1 .post_content ul.mrc-cards a:hover,
body.mrc-design-v1 .post_content ul.mrc-cards a:focus-visible { border-color: var(--mrc-green-700); box-shadow: 0 6px 18px rgba(36, 53, 47, .08); }
body.mrc-design-v1 .post_content ul.mrc-cards .mrc-cards__title { color: var(--mrc-link); text-decoration: underline; text-underline-offset: .18em; font-weight: 650; }
body.mrc-design-v1 .post_content ul.mrc-cards .mrc-cards__desc { color: var(--mrc-ink-muted); font-size: .95rem; line-height: 1.7; margin-top: 6px; }

/* callout（Drive §9）：左 accent＋淡い背景＋text label。Info／Caution／Urgent-safety／Clinic note */
body.mrc-design-v1 .post_content .mrc-box { border: 1px solid var(--mrc-line); border-left-width: 4px; border-radius: var(--mrc-radius); padding: 18px 22px; margin: 28px 0; background: var(--mrc-sage-050); }
body.mrc-design-v1 .post_content .mrc-box__label { color: var(--mrc-ink); font-weight: 650; font-size: .95rem; letter-spacing: .04em; margin: 0 0 6px; }
body.mrc-design-v1 .post_content .mrc-box--specific { border-left-color: var(--mrc-info-accent); background: var(--mrc-sage-050); }      /* Info／Key point（薬剤固有） */
body.mrc-design-v1 .post_content .mrc-box--common { border-left-color: var(--mrc-green-700); background: var(--mrc-sage-050); }         /* Clinic note／Info（共通の安全情報） */
body.mrc-design-v1 .post_content .mrc-box--caution { border-left-color: var(--mrc-warning); background: var(--mrc-warning-bg); }        /* Caution（ご注意）＝既存意味を保持 */
body.mrc-design-v1 .post_content .mrc-box--caution .mrc-box__label { color: var(--mrc-warning); }
body.mrc-design-v1 .post_content .mrc-box--danger, body.mrc-design-v1 .post_content .mrc-box--urgent { border-left-color: var(--mrc-danger); background: var(--mrc-danger-bg); } /* Urgent／safety（現 proof では未使用：既存 box の危険度を上げない） */
body.mrc-design-v1 .post_content .mrc-box--danger .mrc-box__label, body.mrc-design-v1 .post_content .mrc-box--urgent .mrc-box__label { color: var(--mrc-danger); }
body.mrc-design-v1 .post_content .mrc-note { background: var(--mrc-sage-050); border: 1px solid var(--mrc-line); border-left: 4px solid var(--mrc-green-700); border-radius: var(--mrc-radius); padding: 18px 22px; margin: 28px 0; }
body.mrc-design-v1 .post_content .mrc-note__label { font-weight: 650; color: var(--mrc-ink); margin: 0 0 6px; }

/* review box（D-123）：warm ivory、内部 provenance 非表示は既存どおり */
body.mrc-design-v1 .post_content .mrc-review { background: var(--mrc-ivory-050); border: 1px solid var(--mrc-line); border-radius: var(--mrc-radius); padding: 20px 24px; margin: 48px 0 24px; color: var(--mrc-ink); }
body.mrc-design-v1 .post_content .mrc-review__notice { color: var(--mrc-ink-muted); font-size: .95rem; line-height: 1.8; }

/* CTA（Drive §8）：primary #2F5D50＋white、min-height 44px、radius 10 */
body.mrc-design-v1 .post_content .mrc-cta { margin: 32px 0; }
body.mrc-design-v1 .post_content .mrc-cta .wp-block-button__link,
body.mrc-design-v1 .post_content .mrc-cta a.mrc-btn { background: var(--mrc-green-700); border: 2px solid var(--mrc-green-700); color: #fff; min-height: 48px; padding: 12px 26px; border-radius: 10px; font-weight: 650; text-decoration: none; }
body.mrc-design-v1 .post_content .mrc-cta .wp-block-button__link:hover, body.mrc-design-v1 .post_content .mrc-cta a.mrc-btn:hover { background: var(--mrc-green-600); border-color: var(--mrc-green-600); color: #fff; text-decoration: underline; }
body.mrc-design-v1 .post_content .mrc-cta .wp-block-button__link:focus, body.mrc-design-v1 .post_content .mrc-cta a.mrc-btn:focus { background: var(--mrc-green-700); color: #fff; }
body.mrc-design-v1 .post_content .mrc-cta--secondary .wp-block-button__link, body.mrc-design-v1 .post_content .mrc-cta a.mrc-btn--secondary { background: var(--mrc-surface); color: var(--mrc-green-700); border-color: var(--mrc-green-700); }
body.mrc-design-v1 .post_content .mrc-cta--secondary .wp-block-button__link:hover, body.mrc-design-v1 .post_content .mrc-cta a.mrc-btn--secondary:hover { background: var(--mrc-sage-050); color: var(--mrc-green-700); }
body.mrc-design-v1 .post_content .mrc-cta--secondary .wp-block-button__link:focus, body.mrc-design-v1 .post_content .mrc-cta a.mrc-btn--secondary:focus { background: var(--mrc-surface); color: var(--mrc-green-700); }

/* figure stage（Drive §12）：E2 画像は不変。外側の neutral stage のみ。no crop */
body.mrc-design-v1 .post_content figure.mrc-figure { background: var(--mrc-figure-bg); border: 1px solid var(--mrc-line); border-radius: var(--mrc-radius); padding: 24px; margin: 40px auto; }
body.mrc-design-v1 .post_content figure.mrc-figure img { max-width: 100%; height: auto; }   /* E2：src／srcset／object-fit／crop に触れない */
body.mrc-design-v1 .post_content figure.mrc-figure figcaption { text-align: left; color: var(--mrc-ink-muted); font-size: .95rem; line-height: 1.7; margin: 12px 0 0; }
body.mrc-design-v1 .post_content .mrc-figure-hint { color: var(--mrc-ink-muted); font-size: .95rem; }
@media only screen and (min-width: 1100px) {
  body.mrc-design-v1.mrc-page--disease .post_content figure.mrc-figure,
  body.mrc-design-v1.mrc-page--general .post_content figure.mrc-figure { width: var(--mrc-wide); max-width: none; margin-left: calc((var(--mrc-reading) - var(--mrc-wide)) / 2); }
}
@media only screen and (max-width: 800px) { body.mrc-design-v1 .post_content figure.mrc-figure { padding: 14px; margin: 28px 0; } }

/* table（Drive §9／§11）：semantic 維持、header sage、line 視認、小画面は既存 overflow（C-19） */
body.mrc-design-v1 .post_content .wp-block-table th { background: var(--mrc-sage-050); color: var(--mrc-ink); font-weight: 650; }
body.mrc-design-v1 .post_content .wp-block-table th, body.mrc-design-v1 .post_content .wp-block-table td { border: 1px solid var(--mrc-line); padding: .7em .9em; line-height: 1.8; }

/* generic surface helpers（Drive §22 vocabulary alias） */
body.mrc-design-v1 .mrc-section--sage { background: var(--mrc-sage-050); }
body.mrc-design-v1 .mrc-section--ivory { background: var(--mrc-ivory-050); }
body.mrc-design-v1 .mrc-section--surface { background: var(--mrc-surface); }

/* ---------- Layer 3b｜header / footer visual polish（構造・高さ・位置・z-index は不変：色と線のみ） ---------- */
body.mrc-design-v1 #header { box-shadow: inset 0 -1px 0 var(--mrc-line); }                 /* near-white＋薄い bottom line（高さ変更なし） */
body.mrc-design-v1 #global_menu > ul > li > a { color: var(--mrc-ink); }
body.mrc-design-v1 #global_menu > ul > li > a:hover,
body.mrc-design-v1 #global_menu > ul > li.current-menu-item > a,
body.mrc-design-v1 #global_menu > ul > li.current-menu-ancestor > a { box-shadow: inset 0 -3px 0 var(--mrc-green-700); }   /* 軽い green underline */
body.mrc-design-v1 #footer { background: var(--mrc-green-700); color: #fff; border-top: 0; }   /* deep green surface＋near-white text（menu 構造は不変） */
body.mrc-design-v1 #footer a, body.mrc-design-v1 #footer .footer_menu a, body.mrc-design-v1 #copyright { color: #fff; }
body.mrc-design-v1 #footer .footer_menu a:hover { text-decoration: underline; }
body.mrc-design-v1 #copyright { border-top: 1px solid rgba(255, 255, 255, .22); color: rgba(255, 255, 255, .92); }
body.mrc-design-v1 #footer_top, body.mrc-design-v1 #footer_top_wrap { border-color: rgba(255, 255, 255, .22); }


/* ---------- Layer 3c｜hero（写真上の見出し）：D-134 MINOR FIX A／B 共通 component ---------- */
/* A｜mobile long H1：文字列・意味不変。responsive font-size（390px→24px、200% zoom(720)→33.6px、PC→49.6px）＋利用可能幅＋padding。
      text-wrap:balance（Chrome 114+／Safari 17.5+）と word-break:auto-phrase（Chrome 119+）で自然な句単位の改行（非対応 browser は通常 wrap）。
      手動 br／wbr・ページ別文言調整は使わない。原則 2〜3 行、孤立行回避。overflow なし。 */
body.mrc-design-v1 #page_header .catch { font-family: var(--mrc-font); font-size: clamp(1.5rem, .75rem + 3vw, 3.1rem); font-weight: 650; line-height: 1.4; letter-spacing: .02em; padding: 0 16px; max-width: 100%; box-sizing: border-box; text-align: center; }
body.mrc-design-v1 #page_header .catch span,
body.mrc-design-v1 #header_slider .common_catch span {
  display: inline-block; max-width: min(100%, 24em); box-sizing: border-box;
  text-wrap: balance; word-break: auto-phrase; overflow-wrap: anywhere; hyphens: manual;
}
/* B｜photo hero white text contrast：photo layer の overlay は穏やかな ink gradient（cinematic にしない）。AA（4.5:1）は写真差に依存しない
      半透明 deep-green text surface（--mrc-green-700 α.92）で担保（D-134「半透明または solid の text surface」）。text-shadow は主対策にしない。 */
body.mrc-design-v1 #page_header .overlay,
body.mrc-design-v1 #header_slider .overlay { background: linear-gradient(180deg, rgba(36, 53, 47, .18) 0%, rgba(36, 53, 47, .34) 100%) !important; }
body.mrc-design-v1 #page_header .catch span,
body.mrc-design-v1 #header_slider .common_catch span {
  color: #fff; background: rgba(47, 93, 80, .92); padding: .5em .7em; border-radius: 10px; text-shadow: none;
}
body.mrc-design-v1 #header_slider .common_catch { line-height: 1.55; }
body.mrc-design-v1 #header_slider .common_catch span { max-width: min(100%, 26em); }
@media only screen and (max-width: 800px) {
  body.mrc-design-v1 #page_header .catch { line-height: 1.4; padding: 0 16px; }
  body.mrc-design-v1 #header_slider .catch { padding-left: 24px; padding-right: 24px; }   /* SERUM の広い左右 padding（mobile）で caption 列が狭くなり孤立行が出るため、利用可能幅を確保 */
  body.mrc-design-v1 #page_header .catch span,
  body.mrc-design-v1 #header_slider .common_catch span { padding: .45em .6em; border-radius: 8px; }
}
@media (prefers-reduced-motion: reduce) {
  body.mrc-design-v1 #page_header .catch span, body.mrc-design-v1 #header_slider .common_catch span { transition: none; transform: none; opacity: 1; }
}


/* ---------- Layer 3d｜hero Variant B「editorial photo hero」（C-35A、scope：body.mrc-hero--editorial＝RA 699 のみ） ----------
   D-135 の visual system は不変。大きな deep-green text surface を外し、photo layer の directional dark gradient（左濃→右淡）＋白 H1 を写真上へ直接配置。
   contrast は overlay＋文字領域背後の控えめな局所 soft gradient（左は画面外へ、右は 0 へ、上下は mask で溶かす＝box の縁を見せない）で AA 4.5:1 を実測担保。
   text-shadow は主対策にしない。rollback：本 block を削除（または PHP の mrc_ds_hero_variants() を空に）→ D-134 標準 hero（Layer 3c）へ戻る。 */
body.mrc-design-v1.mrc-hero--editorial #page_header { justify-content: flex-start; overflow: hidden; }
body.mrc-design-v1.mrc-hero--editorial #page_header .overlay {
  background: linear-gradient(90deg, rgba(36, 53, 47, .62) 0%, rgba(36, 53, 47, .50) 40%, rgba(36, 53, 47, .30) 70%, rgba(36, 53, 47, .12) 100%) !important;
}
body.mrc-design-v1.mrc-hero--editorial #page_header .catch {
  position: relative; text-align: left; max-width: min(100%, 80%); font-size: clamp(1.5rem, .75rem + 3vw, 2.85rem);   /* editorial：PC 45.6px（D-134 の 49.6px から微調整）＋列幅 80%（shell 1280→1024−padding 144＝880px ≒ 19 字/行）で 31〜40 字の H1 も 2 行 */
  padding: 0 24px 0 max(24px, calc((100vw - 1280px) / 2 + 40px));   /* page shell（1280）の左端＋40px に揃える。1440→120px */
}
body.mrc-design-v1.mrc-hero--editorial #page_header .catch span {
  display: block; max-width: 22em; background: none; padding: 0; border-radius: 0; text-shadow: none;   /* 20em＝PC で約 20 字/行：31〜40 字の H1 も 2 行に収まる（C-AUTO-OVERNIGHT-02） */
  text-wrap: balance; word-break: normal; overflow-wrap: anywhere;   /* editorial：PC は balance のみ（auto-phrase は句切りで 3〜4 短行になるため不使用）。mobile は下の media で auto-phrase */
}
/* contrast assist：文字領域の背後のみ。左は header 外まで伸ばし（縁なし）、右は透明へ、上下は mask で溶かす */
body.mrc-design-v1.mrc-hero--editorial #page_header .catch::before {
  content: ""; position: absolute; z-index: -1; pointer-events: none;
  inset: -40% -280px -40% -100vw;   /* plateau は .catch box 全幅、右へ 280px で 0 へ（H1 の長さに依らず同じ幾何） */
  background: linear-gradient(90deg, rgba(36, 53, 47, .60) 0%, rgba(36, 53, 47, .58) calc(100% - 280px), rgba(36, 53, 47, .30) calc(100% - 140px), rgba(36, 53, 47, 0) 100%);
  -webkit-mask-image: linear-gradient(180deg, rgba(0,0,0,0) 0%, #000 28%, #000 72%, rgba(0,0,0,0) 100%);
          mask-image: linear-gradient(180deg, rgba(0,0,0,0) 0%, #000 28%, #000 72%, rgba(0,0,0,0) 100%);
}
@media only screen and (max-width: 800px) {
  body.mrc-design-v1.mrc-hero--editorial #page_header .overlay {
    background: linear-gradient(90deg, rgba(36, 53, 47, .64) 0%, rgba(36, 53, 47, .52) 50%, rgba(36, 53, 47, .36) 80%, rgba(36, 53, 47, .22) 100%) !important;
  }
  body.mrc-design-v1.mrc-hero--editorial #page_header .catch { max-width: 100%; padding: 0 20px; }
  body.mrc-design-v1.mrc-hero--editorial #page_header .catch span { max-width: 100%; word-break: normal; }   /* mobile も balance のみ（auto-phrase は行長が不揃いになるため editorial では不使用） */
  body.mrc-design-v1.mrc-hero--editorial #page_header .catch::before { inset: -40% -120px -40% -100vw; background: linear-gradient(90deg, rgba(36, 53, 47, .62) 0%, rgba(36, 53, 47, .60) calc(100% - 120px), rgba(36, 53, 47, 0) 100%); }   /* mobile／200%：行が画面右端まで届くため plateau を全幅（上下は mask で溶かす） */
}


/* ---------- Layer 3e｜hero Variant B — neutral／no-photo sibling（C-36B、D-136）：scope body.mrc-hero--editorial-neutral ----------
   Variant B component（layout／H1 typography／spacing／hero height／breadcrumb relation）は不変。photo layer の代わりに静かな deep-green surface。
   写真 img は非表示（SERUM は bg_image があるときのみ #page_header を出力するため meta は保持）。overlay／局所 assist は不要のため無効化。
   rollback：本 block 削除（または PHP の mrc_ds_hero_assets() で mode を photo に）。 */
body.mrc-design-v1.mrc-hero--editorial.mrc-hero--editorial-neutral #page_header { background: linear-gradient(100deg, #2F5D50 0%, #315F52 100%); }
body.mrc-design-v1.mrc-hero--editorial.mrc-hero--editorial-neutral #page_header .bg_image { display: none; }
body.mrc-design-v1.mrc-hero--editorial.mrc-hero--editorial-neutral #page_header .overlay { background: none !important; }
body.mrc-design-v1.mrc-hero--editorial.mrc-hero--editorial-neutral #page_header .catch::before { display: none; }

/* ---------- Layer 4｜page-family modifier ---------- */
/* disease／drug：single column、章の切替は余白＋accent（色面は summary／figure／related に限定） */
body.mrc-design-v1.mrc-page--disease .post_content ul.mrc-cards,
body.mrc-design-v1.mrc-page--drug .post_content ul.mrc-cards { margin: 24px 0 8px; }
body.mrc-design-v1.mrc-page--drug .post_content .mrc-box { margin: 24px 0; }

/* top：section surface（SERUM cb_free_space の ::before 帯を token 色へ。順序・内容は不変） */
body.mrc-design-v1.mrc-page--top .cb_free_space::before { display: block; background: var(--mrc-surface); }
body.mrc-design-v1.mrc-page--top #cb_content_1::before { background: var(--mrc-surface); }      /* 重要なお知らせ：white */
body.mrc-design-v1.mrc-page--top #cb_content_2::before,
body.mrc-design-v1.mrc-page--top #cb_content_3::before { background: var(--mrc-sage-050); }     /* 初めて受診／診療内容：最も明瞭な sage band（1 つの意味の帯） */
body.mrc-design-v1.mrc-page--top #cb_content_4::before { background: var(--mrc-surface); }      /* 診療体制：plain */
body.mrc-design-v1.mrc-page--top #cb_content_5::before { background: var(--mrc-ivory-050); }    /* 医師紹介：warm ivory＋写真 */
body.mrc-design-v1.mrc-page--top #cb_content_6::before { background: linear-gradient(180deg, var(--mrc-ivory-050) 0%, var(--mrc-sage-050) 100%); } /* 体内イメージ：soft editorial surface（第二の情報資産） */
body.mrc-design-v1.mrc-page--top #cb_content_7::before { background: var(--mrc-surface); }      /* 医学・健康情報：editorial cards on white */
body.mrc-design-v1.mrc-page--top #cb_content_8::before { background: var(--mrc-sage-050); }     /* 診療時間・受付・アクセス：practical band */
body.mrc-design-v1.mrc-page--top .cb_free_space.no_bg_color + .cb_free_space.no_bg_color { border-top: 0; }
body.mrc-design-v1.mrc-page--top .cb_free_space { padding-top: 88px; padding-bottom: 88px; }
body.mrc-design-v1.mrc-page--top .cb_free_space .post_content h2:not(.catch):not(.styled_h2) { text-align: center; font-size: clamp(1.5rem, 2.4vw, 2rem) !important; font-weight: 650; color: var(--mrc-ink); margin: 0 0 40px; padding-bottom: 16px; }
body.mrc-design-v1.mrc-page--top .cb_free_space .post_content h2::after { left: 50%; transform: translateX(-50%); }
body.mrc-design-v1.mrc-page--top .post_content ul.mrc-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
body.mrc-design-v1.mrc-page--top .post_content .mrc-cta .wp-block-button__link { min-height: 52px; padding: 14px 30px; }
@media only screen and (max-width: 800px) {
  body.mrc-design-v1.mrc-page--top .cb_free_space { padding-top: 56px; padding-bottom: 56px; }
  body.mrc-design-v1.mrc-page--top .post_content ul.mrc-cards { grid-template-columns: 1fr; }
}


/* hub（186 診療内容／658 リウマチ・膠原病／228 治療薬）：cards 2 列（≥801px）、TOC は 2 列、section rhythm は disease と同じ */
body.mrc-design-v1.mrc-page--hub .post_content ul.mrc-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 24px 0 8px; }
@media only screen and (max-width: 800px) { body.mrc-design-v1.mrc-page--hub .post_content ul.mrc-cards { grid-template-columns: 1fr; } }

/* general／guide（76／82／557／563／767／84／765／680）：disease と同じ 760px reading column。figure（医師写真・地図）は stage、cards・callout・CTA は共通 component */
body.mrc-design-v1.mrc-page--general .post_content ul.mrc-cards { margin: 24px 0 8px; }
body.mrc-design-v1.mrc-page--general .post_content .mrc-table-note { color: var(--mrc-ink-muted); font-size: .95rem; }

/* listing（/blog/・/news/・news_category・category／tag／date／author archive）：light。SERUM の一覧構造・並び・件数・taxonomy は不変。色・線・見出し・余白のみ */
body.mrc-design-v1.mrc-page--listing #blog_list .item .title a,
body.mrc-design-v1.mrc-page--listing #news_list .item .title a,
body.mrc-design-v1.mrc-page--listing .post_list .item .title a { color: var(--mrc-ink); font-family: var(--mrc-font); font-weight: 650; line-height: 1.6; }
body.mrc-design-v1.mrc-page--listing #blog_list .item .title a:hover,
body.mrc-design-v1.mrc-page--listing #news_list .item .title a:hover { color: var(--mrc-green-700); text-decoration: underline; }
body.mrc-design-v1.mrc-page--listing #blog_list .item .date,
body.mrc-design-v1.mrc-page--listing #news_list .item .date,
body.mrc-design-v1.mrc-page--listing #news_list .item .meta { color: var(--mrc-ink-muted); }
body.mrc-design-v1.mrc-page--listing #blog_list .item .category,
body.mrc-design-v1.mrc-page--listing #news_list .item .category { color: var(--mrc-green-700); }
body.mrc-design-v1.mrc-page--listing #blog_list .item .image_wrap,
body.mrc-design-v1.mrc-page--listing #news_list .item .image_wrap { border: 1px solid var(--mrc-line); border-radius: var(--mrc-radius); overflow: hidden; background: var(--mrc-figure-bg); }
body.mrc-design-v1.mrc-page--listing #news_category_list a,
body.mrc-design-v1.mrc-page--listing .news_category_list a { color: var(--mrc-ink); }
body.mrc-design-v1.mrc-page--listing .headline, body.mrc-design-v1.mrc-page--listing #page_header_small .catch { font-family: var(--mrc-font); font-weight: 650; }

/* entry（news／blog 個別記事）：light。2 列（main／side）構造・関連記事・前後記事は SERUM のまま。本文は Layer 2 base（.post_content）を継承し、記事タイトル・meta・関連見出しの色のみ token 化 */
body.mrc-design-v1.mrc-page--entry #single_post_title .title { font-family: var(--mrc-font); font-weight: 650; color: var(--mrc-ink); line-height: 1.5; }
body.mrc-design-v1.mrc-page--entry #single_post_title .meta,
body.mrc-design-v1.mrc-page--entry #single_post_title .meta time { color: var(--mrc-ink-muted); }
body.mrc-design-v1.mrc-page--entry #single_post_title .meta a { color: var(--mrc-green-700); }
body.mrc-design-v1.mrc-page--entry #single_post_image img { border-radius: var(--mrc-radius); }
body.mrc-design-v1.mrc-page--entry #related_post .headline,
body.mrc-design-v1.mrc-page--entry #side_col .headline,
body.mrc-design-v1.mrc-page--entry #side_col .widget_title { font-family: var(--mrc-font); font-weight: 650; color: var(--mrc-ink); }
body.mrc-design-v1.mrc-page--entry #next_prev_post .item .title { color: var(--mrc-ink); }
body.mrc-design-v1.mrc-page--entry #next_prev_post .item .nav { color: var(--mrc-ink-muted); }
body.mrc-design-v1.mrc-page--entry .post_content .wp-block-table th,
body.mrc-design-v1.mrc-page--entry .post_content table th { background: var(--mrc-sage-050); }

/* ---------- Layer 5｜family rollout tuning（最小） ---------- */
/* RA：最初の図付近のみ hint（既存）、関連カードは本文 cluster として保持 */
/* MTX：表なし。box の rhythm を少し密に（薬剤ページの精密さ） */
body.mrc-design-v1.mrc-page--drug .post_content .mrc-box + .mrc-box { margin-top: 16px; }

/* motion：prefers-reduced-motion 尊重（本 layer に animation はなし） */
@media (prefers-reduced-motion: reduce) { body.mrc-design-v1 .post_content ul.mrc-cards a { transition: none; } }


/* ==================================================================
   Layer 6｜C-MOBILE-UI-HOTFIX（2026-09-17、iPhone Safari 実機確認の指摘に対する軽修正）。append-only：rollback は本 block の削除。
   ================================================================== */

/* 6-1｜TOP（mobile）の header 下 1px line：SERUM は body.home の mobile header を透明（background:none）にして写真の上に重ねるため、
   Layer 3b の inset bottom line（--mrc-line）が写真上に「横の白線」として見えていた。透明 header では線を出さない。
   scroll 後の白背景 header（open_header_mobile／header_fix）は SERUM 自身の :after 1px #ddd が出るため、ここでは何もしない。 */
@media only screen and (max-width: 800px) {
  body.mrc-design-v1.home #header { box-shadow: none; }
}

/* 6-2｜TOP hero：deep-green の text box を外し、写真＋白文字を中心にした表現へ（D-134 の可読性要件は、overlay の穏やかな ink gradient と
   文字領域背後の縁のない局所 soft gradient（Layer 3d と同じ考え方）＋控えめな text-shadow で担保。文字列・位置・アニメーションは不変）。 */
body.mrc-design-v1.mrc-page--top #header_slider .overlay {
  background: linear-gradient(180deg, rgba(36, 53, 47, .10) 0%, rgba(36, 53, 47, .18) 45%, rgba(36, 53, 47, .34) 100%) !important;
}
body.mrc-design-v1.mrc-page--top #header_slider .common_catch { position: relative; }
body.mrc-design-v1.mrc-page--top #header_slider .common_catch span {
  background: none; padding: 0; border-radius: 0;
  text-shadow: 0 1px 2px rgba(20, 28, 25, .45), 0 0 18px rgba(20, 28, 25, .35);
}
body.mrc-design-v1.mrc-page--top #header_slider .common_catch::before {
  content: ""; position: absolute; z-index: -1; pointer-events: none;
  inset: -120% -30%;   /* 半径は px で固定（farthest-corner だと写真全面が暗くなる）：PC の文字域 約 780×93px を余裕をもって覆う */
  background: radial-gradient(ellipse 700px 260px at center, rgba(36, 53, 47, .72) 0%, rgba(36, 53, 47, .64) 40%, rgba(36, 53, 47, .36) 66%, rgba(36, 53, 47, .12) 88%, rgba(36, 53, 47, 0) 100%);
}
body.mrc-design-v1.mrc-page--top #header_slider .catch { z-index: 3; }   /* SERUM 既定値の明示（::before の z-index:-1 を catch の stacking context 内に収める） */
@media only screen and (max-width: 800px) {
  body.mrc-design-v1.mrc-page--top #header_slider .overlay {
    background: linear-gradient(180deg, rgba(36, 53, 47, .12) 0%, rgba(36, 53, 47, .22) 50%, rgba(36, 53, 47, .36) 100%) !important;
  }
  body.mrc-design-v1.mrc-page--top #header_slider .common_catch::before { inset: -90% -20%; background: radial-gradient(ellipse 340px 240px at center, rgba(36, 53, 47, .78) 0%, rgba(36, 53, 47, .70) 38%, rgba(36, 53, 47, .42) 62%, rgba(36, 53, 47, .14) 86%, rgba(36, 53, 47, 0) 100%); }   /* mobile 文字域 約 300×100px */
}

/* 6-3｜access/parking hero（IMG_0186、曇天の駐車場写真）の暗さ：photo 全面の directional overlay を弱め、写真の明るさを戻す。
   H1 の可読性は Layer 3d の局所 assist（.catch::before）で維持（文字背後のみ濃い）。role class は mrc-design-system.php が付与。 */
body.mrc-design-v1.mrc-hero--editorial.mrc-hero-role--access-facility #page_header .overlay {
  background: linear-gradient(90deg, rgba(36, 53, 47, .34) 0%, rgba(36, 53, 47, .24) 40%, rgba(36, 53, 47, .12) 70%, rgba(36, 53, 47, .04) 100%) !important;
}
@media only screen and (max-width: 800px) {
  body.mrc-design-v1.mrc-hero--editorial.mrc-hero-role--access-facility #page_header .overlay {
    background: linear-gradient(90deg, rgba(36, 53, 47, .36) 0%, rgba(36, 53, 47, .26) 50%, rgba(36, 53, 47, .14) 80%, rgba(36, 53, 47, .08) 100%) !important;
  }
}

body.mrc-design-v1.mrc-hero--editorial.mrc-hero-role--access-facility #page_header .catch::before {
  inset: -70% -280px -70% -100vw;   /* 明るい空が H1 の上端にかかるため、上下の fade を広げ plateau が文字の上下を確実に覆うようにする */
  background: linear-gradient(90deg, rgba(36, 53, 47, .70) 0%, rgba(36, 53, 47, .68) calc(100% - 280px), rgba(36, 53, 47, .34) calc(100% - 140px), rgba(36, 53, 47, 0) 100%);
  -webkit-mask-image: linear-gradient(180deg, rgba(0,0,0,0) 0%, #000 22%, #000 78%, rgba(0,0,0,0) 100%);
          mask-image: linear-gradient(180deg, rgba(0,0,0,0) 0%, #000 22%, #000 78%, rgba(0,0,0,0) 100%);
}
@media only screen and (max-width: 800px) {
  body.mrc-design-v1.mrc-hero--editorial.mrc-hero-role--access-facility #page_header .catch::before {
    inset: -70% -120px -70% -100vw;
    background: linear-gradient(90deg, rgba(36, 53, 47, .72) 0%, rgba(36, 53, 47, .70) calc(100% - 120px), rgba(36, 53, 47, 0) 100%);
  }
}

/* 6-4｜card link の説明文（.mrc-cards__desc）に下線が乗る：追加 CSS（C-19 §3）の `.post_content a:not(…)` 汎用下線が card 全体（a）に掛かり、
   説明文まで下線付きで「乱れ」て見えていた。card では title のみ下線（Layer 3 既定）とし、a 自体の下線を外す（specificity を C-19 の :not 連鎖に合わせる）。 */
body.mrc-design-v1 .post_content ul.mrc-cards > li > a:not(.btn):not(.qt_btn):not([class*="button"]):not(.wp-block-button__link) { text-decoration: none; }

/* 6-5｜院長紹介（82）ほか general page の mobile 本文：導入文（.mrc-intro 18px）が写真直後に来て本文 16px と段差が目立つため、
   mobile では本文と同系の 17px／行間 2.0 に揃える。経歴 list の年号（<strong>）は行頭で折り返さない。 */
@media only screen and (max-width: 800px) {
  body.mrc-design-v1.mrc-page--general .post_content .mrc-intro { font-size: 1.0625rem; line-height: 2.0; margin-bottom: 1.4em; }
}
body.mrc-design-v1.mrc-page--general .post_content ul li > strong:first-child { white-space: nowrap; }


/* ==================================================================
   Layer 7｜C-CORE-V10（2026-09-17）D-149／D-150 final visual・copy（B_CORE_FINAL_VISUAL_COPY_SPEC v1.0 §1・§2・§4、SPEC §84・§85）。append-only：rollback は本 block の削除。
   ================================================================== */

/* 7-1｜hero 大見出し typography：hero の大見出し（TOP catch／page H1）のみ system serif／明朝系。本文・nav・CTA・注釈は既存 system sans（--mrc-font）を維持。
   外部 Web Font（Google Fonts）は読み込まない：font-family は spec §1 推奨列（"Yu Mincho", "YuMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Times New Roman", serif）。
   iOS／macOS＝Hiragino Mincho ProN（YuMincho 非搭載端末）、Windows＝Yu Mincho、明朝の無い端末は serif → system 既定へ自然に fallback（可読性は落ちない）。 */
:root { --mrc-font-serif: "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Times New Roman", serif; }
body.mrc-design-v1 #header_slider .common_catch,
body.mrc-design-v1 #page_header .catch { font-family: var(--mrc-font-serif); font-weight: 600; letter-spacing: .03em; }
body.mrc-design-v1 #header_slider .common_catch span,
body.mrc-design-v1 #page_header .catch span { font-weight: 600; }

/* 7-2｜TOP hero：spec §1 の size／行間（PC clamp(34px, 3.2vw, 52px)・lh 1.35〜1.45、mobile clamp(28px, 8.1vw, 36px)・lh 1.38〜1.5）。文字 block 最大幅 600〜680px。
   solid／半透明矩形 box なし（Layer 6-2 で除去済み）。可読性は Layer 6-2 の full-bleed gradient＋文字域背後の縁のない局所 soft gradient（box ではない）で AA 4.5:1 を実測担保（qa/contrast）。 */
body.mrc-design-v1.mrc-page--top #header_slider .item .common_catch { font-size: clamp(34px, 2.75vw, 40px) !important; line-height: 1.4; }   /* SERUM の inline style（#header_slider .item1 .catch { font-size:30px !important } ＝ dp_options catch_font_size）を specificity で上書き（dp_options は変更しない） */
body.mrc-design-v1.mrc-page--top #header_slider .common_catch span { max-width: min(100%, 16.9em, 680px); text-wrap: wrap; }
/* PC の行分割：確定キャッチ 30 字は「リウマチ・膠原病を中心に、内科の｜慢性疾患を診療しています。」（16＋14 字）が自然。span 幅を 16 字ちょうど（16.9em、letter-spacing .03em 込み）にすると
   greedy（Safari）でもこの位置で折れ、Chrome（auto-phrase）は「…中心に、｜内科の慢性疾患を…」（13＋17→16 字以内）で折れる。balance は 15＋15 の語中分割になるため PC では使わない。 */
@media only screen and (max-width: 800px) {
  body.mrc-design-v1.mrc-page--top #header_slider .item .common_catch { font-size: clamp(24px, 6.4vw, 30px) !important; line-height: 1.45; }   /* 390px→25px：spec の 28px 下限では 3 行に収まらず 4 行（孤立行）になるため、spec が許す font-size／padding 側で 3 行に解決 */
  body.mrc-design-v1.mrc-page--top #header_slider .item .common_catch { padding-left: 0 !important; padding-right: 0 !important; margin-left: 0 !important; margin-right: 0 !important; width: 100% !important; box-sizing: border-box; }   /* SERUM mobile の slider は左右 20px inset（.slick-list 350px）。catch の内側余白を 0 にして span 幅 350px：25px × 13.6 字＝「リウマチ・膠原病を中心に、｜内科の慢性疾患を｜診療しています。」の 3 行 */
  body.mrc-design-v1.mrc-page--top #header_slider .common_catch span { max-width: 100%; text-wrap: balance; }
  body.mrc-design-v1.mrc-page--top #header_slider .common_catch::before { inset: -90% -20%; background: radial-gradient(ellipse 440px 230px at center, rgba(36, 53, 47, .80) 0%, rgba(36, 53, 47, .72) 45%, rgba(36, 53, 47, .46) 68%, rgba(36, 53, 47, .16) 88%, rgba(36, 53, 47, 0) 100%); }   /* 文字域が 350×109px に広がった分、局所 soft gradient（縁なし）を横に広げ AA 4.5:1 を最も明るい画素でも維持 */
}

/* 7-3｜access hero：TOP と同じ design language（serif H1・full-image gradient・solid rectangle なし）。写真の自然な明るさは Layer 6-3 で確保済み。 */
body.mrc-design-v1.mrc-hero--editorial.mrc-hero-role--access-facility #page_header .catch { font-family: var(--mrc-font-serif); font-weight: 600; }

/* 7-4｜82：「当院が目指す医療 ― 一病息災」の章（D-150）。院長個人の章（診療と研究に向き合う姿勢／難しい医学を、わかりやすく伝える）から「クリニックとして目指す医療」へ移ったことが分かるよう、
   sage surface の章 block で切り替える。本文は 1 本の読み物（card 分割しない）。 */
body.mrc-design-v1 .post_content .mrc-chapter { background: var(--mrc-sage-050); border-top: 4px solid var(--mrc-green-700); border-radius: 0 0 var(--mrc-radius) var(--mrc-radius); padding: 36px 32px 8px; margin: 72px 0 24px; }
body.mrc-design-v1 .post_content .mrc-chapter__eyebrow { font-family: var(--mrc-font); font-size: .9rem; font-weight: 650; letter-spacing: .12em; color: var(--mrc-green-700); margin: 0 0 6px; }
body.mrc-design-v1 .post_content .mrc-chapter h2 { margin-top: 0; }
@media only screen and (max-width: 800px) { body.mrc-design-v1 .post_content h2 { text-wrap: balance; } }   /* mobile：見出しの孤立行（例「…一病息／災」）を避ける。文言不変 */
body.mrc-design-v1 .post_content .mrc-chapter p { margin-bottom: 1.5em; }
@media only screen and (max-width: 800px) {
  body.mrc-design-v1 .post_content .mrc-chapter { padding: 28px 20px 4px; margin: 56px 0 20px; }
  body.mrc-design-v1 .post_content .mrc-chapter p { margin-bottom: 1.6em; }
}
body.mrc-design-v1 .post_content .mrc-small { font-size: .9rem; color: var(--mrc-ink-muted); margin: -8px 0 32px; }

/* 7-5｜84：簡略地図（SVG、site-owned）。地図 figure は E2 figure と同じ component（tap／pinch viewer 対象）。公式時刻表 deep link 一覧（ul.mrc-links）は通常の list 表示（追加 style なし）。 */
body.mrc-design-v1 .post_content figure.mrc-figure--map { background: var(--mrc-ivory-050); padding: 16px; }
body.mrc-design-v1 .post_content figure.mrc-figure--map img { width: 100%; max-width: 720px; height: auto; display: block; margin: 0 auto; }
@media only screen and (min-width: 801px) { body.mrc-design-v1.mrc-page--general .post_content figure.mrc-figure--map { width: auto; max-width: 100%; margin-left: 0; } }


/* ==================================================================
   Layer 8｜C-CORE-V10-FINAL-VISUAL-DELTA（2026-09-17）TOP hero 新写真（DJI_0841：hero-top-dji0841.jpg／-mobile.jpg）と 82 hero の院長顔 crop 修正。append-only：rollback は本 block の削除。
   ================================================================== */

/* 8-1｜TOP hero（新写真）：写真は明るい白壁＋青空のため、全面 overlay は Layer 6-2 より弱め（写真を必要以上に暗くしない）、文字域背後の縁なし局所 gradient は
   文字 box（PC 669×111px／mobile 350×109px）に合わせて横長・短めにし AA 4.5:1（最も明るい画素）を確保する。写真の切り出しは asset 側（PC 7:4／mobile 0.65）で行い object-position は SERUM 既定（center top）。 */
body.mrc-design-v1.mrc-page--top #header_slider .overlay {
  background: linear-gradient(180deg, rgba(36, 53, 47, .06) 0%, rgba(36, 53, 47, .12) 45%, rgba(36, 53, 47, .26) 100%) !important;
}
body.mrc-design-v1.mrc-page--top #header_slider .common_catch::before {
  inset: -120% -30%;
  background: radial-gradient(ellipse 790px 172px at center, rgba(36, 53, 47, .84) 0%, rgba(36, 53, 47, .78) 46%, rgba(36, 53, 47, .50) 70%, rgba(36, 53, 47, .14) 90%, rgba(36, 53, 47, 0) 100%);   /* 縦半径を文字 box（111px）に合わせて短くし、上下の白壁・看板を暗くしない */
}
@media only screen and (max-width: 800px) {
  body.mrc-design-v1.mrc-page--top #header_slider .overlay {
    background: linear-gradient(180deg, rgba(36, 53, 47, .08) 0%, rgba(36, 53, 47, .16) 50%, rgba(36, 53, 47, .30) 100%) !important;
  }
  body.mrc-design-v1.mrc-page--top #header_slider .common_catch::before {
    inset: -90% -20%;
    background: radial-gradient(ellipse 430px 182px at center, rgba(36, 53, 47, .78) 0%, rgba(36, 53, 47, .72) 46%, rgba(36, 53, 47, .46) 70%, rgba(36, 53, 47, .14) 88%, rgba(36, 53, 47, 0) 100%);
  }
}

/* 8-2｜82 hero（1Z7A0101 診察風景）：hero band（PC 400／mobile 200px）に cover で収めると院長の額から上が切れていたため、写真の上端を基準にし（object-position 50% 0%）、
   PC は band を 480px にして頭頂〜肩まで表示する。写真 asset・H1・overlay・局所 assist は不変。scope は写真 mode の doctor/staff role のみ（非常勤 page は neutral＝写真なし）。 */
body.mrc-design-v1.mrc-hero--editorial.mrc-hero--editorial-photo.mrc-hero-role--doctor-staff #page_header .bg_image img { object-position: 50% 0%; }
@media only screen and (min-width: 801px) {
  body.mrc-design-v1.mrc-hero--editorial.mrc-hero--editorial-photo.mrc-hero-role--doctor-staff #page_header { height: 480px; }
}
@media only screen and (max-width: 800px) {
  body.mrc-design-v1.mrc-hero--editorial.mrc-hero--editorial-photo.mrc-hero-role--doctor-staff #page_header { height: 240px; }
}

/* ===== C-QA-MINOR-DELTA-01（2026-09-19）QA-001：受付時間表（page 76、className mrc-table--hours）に「土」列を追加したため、
   390px で 7 列が横スクロールなしで収まるよう、この表だけ cell padding／font-size を縮める（他の表は不変）。 ===== */
@media only screen and (max-width: 800px) {
  body.mrc-design-v1 .post_content .wp-block-table.mrc-table--hours th,
  body.mrc-design-v1 .post_content .wp-block-table.mrc-table--hours td { padding: .6em .35em; font-size: .95rem; text-align: center; white-space: nowrap; }
  body.mrc-design-v1 .post_content .wp-block-table.mrc-table--hours th[scope="row"] { text-align: left; }
}
body.mrc-design-v1 .post_content .wp-block-table.mrc-table--hours td[rowspan] { vertical-align: middle; }   /* 「月1回※」を午前・午後の中央に */
/* C-QA-MINOR-DELTA-01 QA-002：薬剤 7 page の box から visible label（薬剤固有の情報／共通の安全情報）を除いたため、box 内の上下余白を揃える（drug page の specific／common box のみ。本文・class 不変）。 */
body.mrc-design-v1.mrc-page--drug .post_content .mrc-box--specific .wp-block-group__inner-container > p:last-child,
body.mrc-design-v1.mrc-page--drug .post_content .mrc-box--common .wp-block-group__inner-container > p:last-child { margin-bottom: 0; }   /* core/group は inner-container で 1 段包まれる */

/* ==================================================================
   Layer 9｜C-TAINAI-IMAGE-V2-DELTA-D189（2026-09-20）D-190：TOP 本文から「体内イメージ」独立 section（旧 contents_builder index 5＝#cb_content_6）を削除。
   SERUM は cb_content_N の N を block 順で振るため、Layer 4 の index 指定 surface が 1 つずつ前へずれる。append-only で 6〜8 を再指定：
   #cb_content_6＝医学・健康情報（white、旧 7）、#cb_content_7＝診療時間・受付時間・アクセス（sage band、旧 8）。#cb_content_8 は存在しないため無害。
   他 section（1〜5）・本文・H2・CTA・nav は不変。rollback＝本 block 削除（dp_options を戻す場合は Layer 4 の割当に戻る）。
   ================================================================== */
body.mrc-design-v1.mrc-page--top #cb_content_6::before { background: var(--mrc-surface); }      /* 医学・健康情報：editorial cards on white（D-190 後） */
body.mrc-design-v1.mrc-page--top #cb_content_7::before { background: var(--mrc-sage-050); }     /* 診療時間・受付・アクセス：practical band（D-190 後） */