/* 白ホリ固有の記事本文スタイル。
 *
 * ⚠️ WAIATが出すパーツ（.waiat-*）の装飾は waiat.css（WAIATが配る正本）が持つ。
 *    ここに置くのは、このサイトでしか使わない本文の見出し・素の表・画像の安全弁だけ。
 * ⚠️ waiat.css の**あとに**読み込むこと。ブランド色の上書きがここにあるため。
 */

/* ブランド色は管理画面「配色」が決める（resources/views/partials/theme-vars.blade.php・2026-09-25）。
   ⚠️ ここに :root の色を書かない。2か所にあると効かないほうを直して迷う */

/* 本文中の画像は、どのクラスで来ても本文幅を超えない（最後の安全弁） */
.editor-styles-wrapper img {
    max-width: 100%;
    height: auto;
}

/* 記事本文の文字サイズと行間。全メディアで 1em / 1.6 に揃える（2026-09-23 児島指定）。
   ⚠️ これまでは body の 1.6 を受け継いでいただけ。明示しておかないと、親の指定が
      変わったときに本文だけ他メディアとずれる */
.editor-styles-wrapper {
    font-size: 1em;
    line-height: 1.6;
}
/* =====================================================================
   記事本文の見出しと素の表（2026-09-07）

   ⚠️ どちらもCSSが一切当たっておらず、ブラウザ既定で出ていた。
      見出しは h2=24px / h3=18.72px と差が小さく階層が読めない状態、
      素の表は罫線ゼロで表に見えない状態だった（本番で57箇所・9箇所）。
   ⚠️ .editor-styles-wrapper に閉じる。スタジオ詳細など他ページの
      見出しを巻き込まないため。
   目次と同じ淡いピンクで揃える。
   ===================================================================== */
/* 見出しの直後は余白を詰める（見出しと本文が離れて見えるのを防ぐ） */
/* 素の表。比較表（.waiat-compare）は青系で作り込んであるので、
   こちらは競合しないよう無彩色にする */
/* ⚠️ figure のブラウザ既定は margin:1em 40px。表が左右40px内側に寄っていた */
.editor-styles-wrapper figure.wp-block-table{margin:1.75em 0}
@media (max-width: 769px){
	/* =====================================================================
   見出し2・見出し3（2026-09-14 児島指定・shwat.jp/ultra/article-design/ の SWELL スタイルを写す）
   h2: 色で塗りつぶし・白文字・角丸なし。h3: 下線（左29.3%が色、残りは薄いグレー）
   ===================================================================== */