/*
 * ツールの枠（iframe）の中の左右の線（ux #12・2026-09-23 編集長のご依頼
 * 「各ツールの見出し部分が、本文と左端が揃っていなかったり…全ツールで共通ルールに従い」）。
 *
 * 【決まり】見出し（戻るリンク・ツール名・下線）・説明文・ツール本体の中身は、
 * 同じ1本の線から始める。線はページの .ce-container（theme.css:21）と同じ
 * 「中央 1180px・左右 22px の内側」。カードやタブは箱の左端をこの線に置く
 * （箱の中の余白はそれぞれの部品が持つ）。
 *
 * 枠は画面の幅いっぱい（100vw）なので、中で同じ幅・同じ余白を取れば
 * 外の見出しと同じ位置に来る。**ここを変えるときは theme.css の
 * .ce-container も同じ値にすること。** 揃っているかは
 * scripts/tool-head-check.js が測る。
 *
 * 使い方: 各ツールの外枠（.wrap・.topline__in など）を
 *   max-width: var(--ce-frame-max, 1180px); padding-left/right: var(--ce-frame-gutter, 22px);
 * にする。**既定値を必ず添える**（このファイルが読めなかったときに画面の端に
 * 張り付かないように）。PHP のツールは cehub_tool_frame_css()（inc/tool-design.php）が
 * このファイルを <style> に差し込む。静的ツール（startup・ccti）は <link>／@import で読む。
 *
 * 【値を変えたら】
 * 1. 各ツールの var() の既定値も同じ値にする
 * 2. 静的ツールの ?v= を上げる（apps/ の下は長いキャッシュで配られるので、
 *    上げないと古い値のまま残り、PHP のツールと線がずれる）
 *    - apps/startup/index.html と index-en.html の tool-frame.css?v=
 *      （index-en.html は scripts/startup-map-en.py で作り直す）
 *    - apps/ccti/style.css の @import の ?v=。style.css の中身が変わるので、
 *      apps/ccti/*.html 7本の style.css?v= も上げる
 * 3か所の ?v= が同じ値か・既定値がこの値と同じかは scripts/tool-design-check.php が見る。
 */
:root {
  --ce-frame-max: 1180px;
  --ce-frame-gutter: 22px;
}