/* ==========================================================================
   /top_redesign1/（page-id 2781）AIコンシェルジュ 見出し・サブコピー・タグライン
   --------------------------------------------------------------------------
   AIコンシェルジュ埋め込みの上下に WordPress 側で直接記述したテキスト
   （SEO目的）を、上品かつ AI を想起させる先進的な装いに整える専用CSS。

   ▼ 対象ブロック（ブロックの「高度な設定 → 追加CSSクラス」に付与。半角スペース区切り）
     - 上部 見出し(h2)        : mcl-ai-lead     「香りのプロ × AI。あなたの「好き」を見つけます」
     - 上部 英字サブ(段落 p)   : mcl-ai-sub      「AI-Powered Fragrance Concierge」
     - 下部 タグライン(段落 p) : mcl-ai-tagline  「天然精油の専門知識×AIで…ご提案します。」

   ※ 上部はサイト共通ルール `.page h2`（ピンク左ボーダー border-left:3px #e48cb1）が
      効いているため、ここで border / padding を打ち消す（詳細度が上＝!important不要）。
   ========================================================================== */

/* --- 上部 日本語キャッチ（h2）: 明朝で静かに上品に。ピンク左線を除去 --- */
.page-id-2781 h2.mcl-ai-lead {
  border-left: none;       /* サイト共通 .page h2 のピンク左線を打ち消す */
  padding-left: 0;
  margin: 0 auto;
  max-width: 92%;
  font-family: "Noto Serif JP", "Yu Mincho", "游明朝", serif;
  font-size: clamp(1.4rem, 1.15rem + 1.3vw, 1.9rem); /* 見出しをやや大きく */
  font-weight: 500;
  line-height: 1.7;
  letter-spacing: 0.09em;
  color: #3d3333;
  text-align: center;
}

/* --- 上部 英字サブ（段落）: 細身・ワイドトラッキング＋淡いグラデ文字で先進感 --- */
.page-id-2781 p.mcl-ai-sub {
  margin: 0 auto;
  text-align: center;
  font-family: "Montserrat", "Lato", sans-serif;
  font-size: 0.72rem;
  font-weight: 500;
  letter-spacing: 0.34em;
  text-transform: uppercase;
  text-indent: 0.34em;     /* 末尾の字間ぶん中央寄せを補正 */
  /* AI を想起させる淡いグラデーション文字（琥珀→藤→若葉のブランド色相） */
  background: linear-gradient(90deg, #c4917b 0%, #a07090 50%, #6d8a7a 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #a07090;          /* background-clip 非対応時のフォールバック色 */
}

/* キャッチとサブの間に、細いグラデの区切り線（上品さ＋テック感） */
.page-id-2781 h2.mcl-ai-lead + p.mcl-ai-sub::before {
  content: "";
  display: block;
  width: 46px;
  height: 1px;
  margin: 13px auto 15px;
  background: linear-gradient(90deg, transparent, #c4917b, #a07090, transparent);
}

/* --- 下部 タグライン（段落）: 軽やかな明朝で余韻を持たせる --- */
.page-id-2781 p.mcl-ai-tagline {
  max-width: 640px;
  margin: 0 auto;
  text-align: center;
  font-family: "Noto Serif JP", "Yu Mincho", "游明朝", serif;
  font-size: 0.92rem;
  font-weight: 400;
  line-height: 2;
  letter-spacing: 0.1em;
  color: #6b5d5d;
}

/* --- モバイル微調整 --- */
@media (max-width: 767px) {
  .page-id-2781 h2.mcl-ai-lead {
    letter-spacing: 0.06em;
  }
  .page-id-2781 p.mcl-ai-sub {
    font-size: 0.66rem;
    letter-spacing: 0.26em;
    text-indent: 0.26em;
  }
  .page-id-2781 p.mcl-ai-tagline {
    font-size: 0.86rem;
    letter-spacing: 0.06em;
  }
}