/* =========================
   0) 共通カラー
   ========================= */
:root{
  --s25-navy:#2F4E6F;   /* やさしめネイビー */
  --s25-soft:#EAF4FB;   /* 小1・2年生向けの淡い水色 */
  --s25-text:#333333;
}

/* =========================
   1) 基本カラー（ヘッダー／ナビ）
   ========================= */
#header,
.header-container,
.site-header,
#header-container,
#navi,
#navi .navi-in{
  background-color: var(--s25-navy) !important;
}

/* =========================
   2) 見出し帯（青い帯の見出し h2）
   ※Cocoonの装飾に干渉しすぎない安全版
   ========================= */
.entry-content h2,
.article h2,
.single .entry-content h2,
.page .entry-content h2{
  background-color: var(--s25-navy) !important;
  color:#ffffff !important;
  padding:12px 16px;
  border-radius:6px;
}

/* 見出しの左ライン等（ある場合だけ） */
.entry-content h2::before,
.article h2::before{
  background-color: var(--s25-navy) !important;
}

/* =========================
   3) 小1・2年生ゾーン（beaver-parents）
   “見出し＋直下の本文”だけを自然に一体化
   ========================= */

/* 見出しブロック */
.beaver-parents{
  background-color: var(--s25-soft) !important;
  color: var(--s25-text) !important;
  border-radius:10px 10px 0 0;
  padding:10px 16px;
  letter-spacing:0.02em;
}

/* 見出し直下の本文（段落 or グループ） */
.beaver-parents + p,
.beaver-parents + .wp-block-group{
  background-color: var(--s25-soft) !important;
  color: var(--s25-text) !important;
  padding:16px;
  border-radius:0 0 10px 10px;
}

/* 直下が段落のときの余計な上下余白を抑える（見た目が整う） */
.beaver-parents + p{
  margin-top:0 !important;
}

/* =========================
   4) 90→95点：3カラムの「整い」を作る（全体に効く）
   ※他のカラムにも効くので“やりすぎない”安全版
   ========================= */

/* 3カラム内の各カラムをカード風に */
.wp-block-columns .wp-block-column{
  border-radius:10px;
  overflow:hidden;
  box-shadow:0 2px 8px rgba(0,0,0,0.08);
}

/* カラム内の段落の余白を統一 */
.wp-block-columns .wp-block-column p{
  margin:0;
  padding:10px 12px;
  line-height:1.7;
}

/* PC時だけ、最低高さを揃えて“きちんと感”を出す */
@media (min-width:768px){
  .wp-block-columns .wp-block-column{
    min-height:150px;
  }
}