/* 例：Noto Sans JP を使っている場合 */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap");

/* 本文と見出しのフォントをエディタで統一 */
.editor-styles-wrapper{
  font-family: "Noto Sans JP", system-ui, -apple-system, "Hiragino Kaku Gothic ProN",
               "Hiragino Sans", Meiryo, sans-serif !important;
}
.editor-styles-wrapper .wp-block-heading{
  font-family: inherit !important; /* 見出しも本文と同じにする場合 */
}
/* 見出しだけ別フォントにしてるなら ↓ を使う */
.editor-styles-wrapper .wp-block-heading{
  font-family: var(--wp--preset--font-family--heading, inherit) !important;
}

/* 変更しやすいブランド色 */
:root { --brand: #e87470; }

/* Gutenberg見出し共通の当たり */
.wp-block-heading { line-height: 1.35; }

/* 1) 下線（アクセント） */
.is-style-underbar{ position:relative; padding-bottom:.4rem; }
.is-style-underbar::after{
  content:""; position:absolute; left:0; bottom:0;
  width:4.5em; height:4px; background:var(--brand);
  border-radius:2px;
}
/* H3以下は少し細め＆短め */
h3.is-style-underbar::after{ width:3.5em; height:3px; }
h4.is-style-underbar::after{ width:3em; height:2px; }

/* 2) 左ボーダー */
.is-style-leftbar{
  border-left:6px solid var(--brand);
  padding-left:.8rem;
}

/* 3) 文字色アクセント */
.is-style-accent{ color:var(--brand); }

/* 4) 背景ベタ塗り（帯） */
.is-style-band{
  background:var(--brand); 
  color:#fff;
  padding:.4rem .8rem; 
  border-radius:.4rem;
}

/* 5) マーカー風（下地だけ塗る） */
.is-style-marker{
  background: linear-gradient(transparent 65%, rgba(242, 239, 231, 1) 65%);
  padding:.1rem .2rem;
}

/* 6) ピル型ラベル（小見出しに◎） */
.is-style-pill{
  display:inline-block; 
  font-size:90%;
  background:#F8F7F3; 
  padding:.25rem .7rem; 
  border-radius:999px;
  border:1px solid var(--brand);
}