/* hero-fig-bind.css — Figma「sitemeister_module」由来のヒーロー族(.hero-fig)の共通土台。
 *
 * ★このファイルが存在する理由は「module-base.css を継承しないため」。
 *   component-directive.js / ensure-component-css.js の baseOf() は
 *   `c.base ? c.base+'.css' : (c.strict ? 'module-base.css' : null)` なので、
 *   base 未指定の strict モジュールには旧テーマの float 基盤(.lgx)が自動で付く。
 *   module-base.css は p/li/h2/span 等を【無スコープで】リセットするため、
 *   flex/grid 前提のこの族に持ち込むと本文サイズと行間がページ全体で割れる。
 *   registry の base:"hero-fig-bind" がその継承を切っている。消さないこと。
 *
 * ★.hux(hux-bind.css)とも別系統。.hux は `img{max-height:460px}` を掛けるが、
 *   この族は全面写真ヒーローを含むので一律の画像高さ上限を掛けてはいけない。
 *
 * ★意匠は各 components/<key>/<key>.css が持つ。ここには族共通の最低限だけを置く。
 *   フォントの一律束縛(.hero-fig *)は【書かない】: (0,1,1) が部品側の
 *   `.<key>__heading`(0,1,0) に勝ってしまい、見出し・欧文リードのフォント指定が黙って消える。 */

/* 下地の保証: ヒーローの背景が透けて前セクションと重ならないようにする。 */
.hero-fig { background-color: var(--color-bg); }

/* 画像は器を超えない(横スクロール防止)。高さの上限は部品ごとに構図で決める。 */
.hero-fig img { max-width: 100%; }

/* SM-FIX-20260819 */
/* 2026-08-19: --color-heading-ink / --color-surface は生成サイトの common.css に
   定義が無く、参照する宣言が黙って無効になっていた。土台ごとに同じ補完を置く
   （このファイルだけを読むページがあるため）。詳細は module-base.css の同マーカー参照。 */
html{
  --color-heading-ink: var(--color-text, #222);
  --color-surface: color-mix(in srgb, var(--color-text, #222) 4%, var(--color-bg, #fff));
}