@charset "UTF-8";
/**
 * BurgerEditor の生HTML本文を core ブロックへ変換した本文用の補完CSS。
 *
 * bge_style_org.css はブロック間の間隔を .c-content-main [data-bgb] のように
 * 属性セレクタで決めている。変換後は data-bgb が無くなるため、
 * 1つの [data-bgb] に対応する core/group へ同じ間隔を与える。
 * group に付くクラスは変換器（docs/regression/convert.mjs）が載せる bgb-{type}。
 *
 * bgb-opt--mb-large などの余白オプションは元から素のクラスセレクタなので、
 * group にそのまま効く（このファイルでは何もしない）。
 */

/* .c-content-main [data-bgb] { margin-bottom: 3em } の代わり。
   変換対象のタイプが増えても直さずに済むよう、bgb- で始まるクラスを持つ
   直下の group をまとめて対象にする。 */
.c-content-main > .wp-block-group[class*="bgb-"] {
  margin-bottom: 3em;
}

/* .c-content-main [data-bgb][data-bgb="title"] { margin-bottom: 0 } と
   .c-content-main [data-bgb][data-bgb="title2"] { margin-bottom: 0 } の代わり。
   見出し自身（.bge-title-h2 / .bge-title-h3）が下余白を持つので、ラッパー側は消す。
   .c-content-main はグリッドコンテナで、その直下の要素は独立した整形コンテキストに
   なるため見出しの margin-bottom はラッパーの外へ抜けない。ここを 3em にすると
   見出しの余白に 3em が上乗せされて間隔が広がる。
   上のルールと詳細度が同じなので、必ず後に置く。 */
.c-content-main > .wp-block-group.bgb-title,
.c-content-main > .wp-block-group.bgb-title2 {
  margin-bottom: 0;
}