/* ==========================================================================
   /top_redesign1/（page-id 2781）「というブランド」紹介（media-text）の上品化
   --------------------------------------------------------------------------
   左カラム（.wp-block-media-text__content）に入る
     - 見出し  h3.shinkokyu 「忙しい日々に、森の静けさを」
     - 段落    p.wp-block-paragraph 「多摩の森のヒノキ精油…」ほか2行
   を、ヒーローと同じシステム明朝スタックでエレガントに整える。
   右カラム（画像 .wp-block-media-text__media）には一切触れない。

   ※ 詳細度メモ：見出しは `.page-id-2781 .wp-block-media-text__content h3.shinkokyu`（0,3,1）
      ＞ 共通 `.shinkokyu`(0,1,0) / `.page h3`(0,1,1)。!important 不要で勝てる。
   ========================================================================== */

/* --- 見出し：明朝で静かに上品に。bold→medium、ピンク45%下線を琥珀の繊細なグラデ線へ --- */
.page-id-2781 .wp-block-media-text__content h3.shinkokyu {
  font-family: "Noto Serif JP", "Yu Mincho", "游明朝", "Hiragino Mincho ProN", "ヒラギノ明朝 ProN", serif;
  font-size: clamp(1.35rem, 1.1rem + 1vw, 1.8rem);
  font-weight: 500;            /* bold をやめて上品な中字に */
  font-style: normal;          /* 念のため .page h3 の italic を打ち消す */
  line-height: 1.7;
  letter-spacing: 0.1em;
  color: #3d3333;
  padding: 0.4rem 0 0.6rem;    /* 共通 .shinkokyu の padding を上書き */
  margin-bottom: 0.6rem;
  /* 下線：左下・no-repeat（.shinkokyu 由来）を活かしつつ、色を琥珀グラデ・細く長めに */
  background-image: linear-gradient(90deg, #c4917b 0%, rgba(196, 145, 123, 0) 100%);
  background-size: 42% 1px;
}

/* --- 説明段落：軽やかな明朝・広めの行間で余白を活かす（リンク段落は対象外）--- */
.page-id-2781 .wp-block-media-text__content p.wp-block-paragraph {
  font-family: "Noto Serif JP", "Yu Mincho", "游明朝", "Hiragino Mincho ProN", "ヒラギノ明朝 ProN", serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 2;
  letter-spacing: 0.08em;
  color: #5f5453;
  margin: 0.15em 0;
}

/* --- 左カラム全体（ロゴ・見出し・段落）を約50px右へずらす。右の画像カラムはそのまま ---
   グリッドアイテムに margin-left を足して右へシフト（内側 8% パディングは保持）。
   モバイル（600px以下で上下スタック）では適用しない。 */
@media (min-width: 782px) {
  .page-id-2781 .wp-block-media-text.has-media-on-the-right > .wp-block-media-text__content {
    margin-left: 50px;
  }
}
