/* ===========================
   KPLM: 帯見出しフルブリード
   =========================== */

/* (既存のフルブリード設定はそのまま維持してください) */

.kplm-layout {
  margin: 1em 0;
}
.kplm-layout section {
  margin-bottom: 2em;
}

.post_content .kplm-layout .wp-block-heading {
  margin-left: -0.65em;
  margin-right: -0.65em;
  padding-left: 1em;
  padding-right: 1em;
}

.kplm-intro,
.kplm-company-profile,
.kplm-company-reviews,
.kplm-strengths,
.kplm-industry-issues,
.kplm-cta {
  margin: 24px 0;
}

/* KPLMショートコードで出力された本文内の <p> に下マージンを付ける */
.kplm-layout p {
  margin-bottom: 32px;
}

.kplm-note {
  font-size: 0.8em;
  color: #666;
}

/* ===========================
   追加：特徴セクション段落の装飾（安定版＋最後だけ別デザイン）
   =========================== */

/* 1. 基本設定：全ての段落を白背景・カード状にする */
.kplm-summary p {
  display: block;
  background-color: #ffffff !important; /* 強制的に白背景 */
  padding: 20px !important; /* 余白 */
  border-radius: 8px !important; /* 角を少し丸く */
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04) !important;
  line-height: 1.8 !important;
  margin-bottom: 20px !important; /* カード同士の隙間を確保 */
  color: #333;
}

/* 2. 【最初】の段落設定：透明にして導入文らしくする */
.kplm-summary p:first-child,
.kplm-summary p:first-of-type {
  background-color: transparent !important; /* 透明 */
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important; /* 余白リセット */
  margin-bottom: 40px !important;
}

/* 3. 【最後】の段落設定：ここだけデザインを切り替える */
.kplm-summary p:last-child,
.kplm-summary p:last-of-type {
  background-color: #f7f7f7 !important; /* 薄いグレー背景に変更 */
  border: 1px dashed #cccccc !important; /* 点線の囲み枠を追加 */
  border-radius: 8px !important;
  box-shadow: none !important;
  padding: 20px !important; /* 余白を再設定 */
  margin-top: 20px !important; /* 前の要素と距離を置く */
  margin-bottom: 0 !important;
  font-style: italic; /* 総評らしく少し斜体に（お好みで） */
}

/* 見出し（h3）の調整：カードの間にある見出し */
.kplm-summary h3 {
  margin-top: 30px !important;
  margin-bottom: 15px !important;
  font-weight: bold !important;
  clear: both;
}