/* ============================================================
   shared/base.css — 変数・リセット・レイアウトの骨格（4画面共通）
   ------------------------------------------------------------
   出典: map-merge/index.html の <style> 冒頭（:root〜.toast）から抽出。3c時点では
   まだ1枚のHTML（map-merge/index.html）に <link> で読み込ませているだけで、中身は
   移動元と1バイトも変えていない（3dで4画面に分割した後もこのファイルをそのまま使う）。
   判定基準（AGENTS.md）：画面をまたいで使う・家探しドメインの語彙を含まない・シェル/骨格系。
   ============================================================ */
:root{
  --bg:#eef2f7; --surface:#fff; --line:#e1e7ef; --line2:#c9d3e0;
  --text:#16202c; --muted:#566270; --hint:#8a97a8;
  --brand:#1b2a52; --brand-l:#eaedf5;
  --accent:#d6006c; --accent-l:#fbe4ef;
  --good:#1f8f5f; --good-l:#e3f3ec; --mid:#c2851a; --mid-l:#faf0db;
  --red:#bb2d2d; --red-l:#fbeaea; --gray-l:#eef1f5;
  /* --- 以下は比較機能（tanaka由来）で使う追加分。既存18変数は変更していない --- */
  --favorite:#e2ad23; --favorite-l:#fff4ce; --favorite-ll:#fffaf0;
  --favorite-d:#9a6710; --favorite-dd:#7b5105;
  --best:#176dcc; --best-l:#e8f1ff;
  --overlay:rgba(16,28,45,.55); --modal-bg:#f8fafc; --row-alt:#f4f6f9;
  --good-d:#15623f;
  /* --- money/mock.htmlの<style>統合分（③SUUMO互換テーブルのth背景） --- */
  --suumo-gray:#f6f6f6;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);
  font-family:-apple-system,"Segoe UI",Roboto,"Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;font-size:14px;line-height:1.6}
/* 3d：ステッパー/nextbtn/badge.link を <a data-nav="..."> にしたので、下線・リンク色をリセットする
   （AGENTS.md「画面遷移リンクは data-nav 付き a」）。個別クラス側で見た目は指定済み。 */
a{color:inherit;text-decoration:none}
.app{max-width:1180px;margin:0 auto;padding:18px 24px 150px}
/* 3d：ヘッダ/ステッパーは shared/nav.js が挿入する（設計書§4-1・§4-4）。挿入前後で高さが
   変わるとレイアウトシフトが起きるので、この高さぶんを先に予約しておく（実測に基づく概算）。 */
#appNav{min-height:78px}
header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
header h1{font-size:18px;font-weight:600;margin:0;color:var(--brand)}
header h1 b{color:var(--accent);font-weight:600}
header .sub{font-size:12px;color:var(--muted);margin-left:10px;font-weight:400}
header .right{font-size:12px;color:var(--hint)}
.stepper{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--line);
  border-radius:12px;padding:10px 14px;margin-bottom:16px;flex-wrap:wrap}
.step{display:flex;align-items:center;gap:8px;cursor:pointer;color:var(--muted);font-size:13px;
  padding:4px 10px;border:1px solid transparent;border-radius:9px}
/* 行き来できることを伝えるホバー/押下フィードバック（money/mock.html 7/7 FB統合分） */
.step:hover{background:var(--surface);border-color:var(--line2);box-shadow:0 1px 5px rgba(20,30,50,.10)}
.step:active{transform:translateY(1px)}
.step .num{width:22px;height:22px;border-radius:50%;background:var(--gray-l);color:var(--muted);
  display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600}
.step.on{color:var(--brand);font-weight:600}
.step.on .num{background:var(--accent);color:#fff}
.step .arrow{color:var(--hint)}
.stepper .goal{margin-left:auto;font-size:12px;color:var(--accent);font-weight:600}
/* ステッパーの決定値チップ（osugi 135-147）。AGENTS.md既知の地雷「ステッパーの決定値チップは
   18日間3人に伝わらなかった」への答え。4画面共通のヘッダ部品なのでbase.cssに置く */
.stepval{font-size:11px;padding:1px 7px;border-radius:6px;background:var(--gray-l);color:var(--muted);font-weight:600}
.step.on .stepval{background:var(--accent-l);color:var(--accent)}
.grid{display:grid;grid-template-columns:1fr 320px;gap:18px;align-items:start}
input[type=range]{accent-color:var(--accent);width:160px}
.panel{display:none}.panel.on{display:block}
/* フッター（引き継ぎバー）の開閉：フッターのどこを押しても「こだわり 他n」の省略（既定）⇄全件表示を切替。
   ボタン（コピー/SUUMO検索）だけ除外。出典: money/mock.html:1505-1517 */
.handoff{cursor:pointer}
.hexp{margin-left:10px;font-size:11px;color:var(--accent);font-weight:600;white-space:nowrap}
.handoff{position:fixed;left:0;right:0;bottom:0;background:var(--surface);border-top:3px solid var(--accent);
  padding:14px 24px;z-index:1000;box-shadow:0 -3px 16px rgba(20,30,50,.12)}
.handoff .in{max-width:1180px;margin:0 auto;display:flex;align-items:center;gap:16px}
.handoff .lead2{font-size:11px;color:var(--accent);font-weight:600;margin-bottom:2px}
.handoff .sum{flex:1;font-size:12.5px;color:var(--muted);display:flex;flex-wrap:wrap;gap:5px 8px;align-items:center}
.handoff .sum b{color:var(--text);font-weight:600}
.hbtn{border:1px solid var(--line2);background:var(--surface);border-radius:9px;padding:11px 18px;font:inherit;font-size:14px;cursor:pointer;white-space:nowrap}
.hbtn:hover{background:var(--gray-l)}.hbtn.pri{background:var(--accent);color:#fff;border-color:var(--accent);font-weight:500}
.toast{position:fixed;left:50%;bottom:92px;transform:translateX(-50%);background:#16202c;color:#fff;font-size:13px;
  padding:9px 16px;border-radius:8px;opacity:0;transition:opacity .25s;pointer-events:none;z-index:4000;white-space:pre-line;max-width:80%}
.toast.show{opacity:1}
/* hidden属性を常に有効化（money/mock.html 7/16 FB統合分）：.suumo-grid等のdisplay指定がブラウザ既定の
   [hidden]{display:none}より優先されて、開閉トグルが効かなくなる事故を防ぐ */
[hidden]{display:none!important}