/*
 * I-Robo 導入効果シミュレーター — 専用スタイルシート
 * slug: i-robo-simulator
 * assets_2022/css/i-robo-simulator.css
 *
 * このファイルは page-i-robo-simulator.php 専用。
 * header-2022.php の is_page("i-robo-simulator") 条件分岐でのみ読み込まれる。
 */

/* ── リセット（React レンダリング領域内に限定） ── */
#root,
#root * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  -webkit-font-smoothing: antialiased;
}

/* ── React レンダリング領域の最低高さ保証 ── */
#root {
  min-height: 100vh;
}

/*
 * コンポーネント内の inline style で定義されているスライダー・
 * フォーカス・フェードアップ等のスタイルは、JSX 内の <style>{`...`}>
 * ブロックで注入されるため、ここでは重複定義しない。
 * ただし、親テーマの既存スタイルが #root 配下に影響を与える場合の
 * 隔離スコープとして、必要に応じて以下に追記すること。
 */

/* ── 共通ヘッダー非表示 ── */
body > header {
  display: none !important;
}