/* ===========================================================
   RDI — 共通ベース（デザイントークン／要素リセット／共有断片）
   ※ 元はモギセンLPの base css。現在このファイルを読み込むのは
     public/tools/jinzai-zo/ のみ。当ツールで実際に使用する
     :root変数・要素セレクタ・ボタン・ヘッダー/フッターの共有断片
     だけを残置し、未使用のモギセン由来ルール（.programs / .legal
     / .faq / .news / フォーム / フルナビ 等）は削除済み。
   =========================================================== */
:root{
  --teal:#009ca2;
  --teal-dark:#007a7f;
  --teal-tint:#e0f5f6;
  --teal-tint-2:#eef9fa;
  --ink:#1a1a18;
  --ink-60:rgba(26,26,24,.72);
  --ink-80:rgba(26,26,24,.86);
  --ink-45:rgba(26,26,24,.45);
  --bg:#ffffff;
  --bg-alt:#fffdf8;
  --bg-warm:#fffdf7;
  --card:#ffffff;
  --card-surface:linear-gradient(165deg,#ffffff 0%,#f6fbfb 100%);
  --gold:#c8a84b;
  --red:#a32d2d;
  --line:rgba(26,26,24,.10);
  --line-teal:rgba(0,156,162,.16);
  --shadow-sm:0 1px 2px rgba(20,60,62,.05), 0 6px 18px rgba(20,60,62,.07);
  --shadow-md:0 8px 20px rgba(20,60,62,.09), 0 22px 50px rgba(20,60,62,.10);
  --shadow-teal:0 8px 22px rgba(0,156,162,.28);
  --radius:14px;
  --radius-lg:22px;
  --maxw:1180px;
  --header-h:72px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:"Noto Sans JP",system-ui,sans-serif;
  color:var(--ink);
  background:var(--bg);
  line-height:1.85;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  font-feature-settings:"palt" 1;
}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.wrap{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:clamp(20px,5vw,40px)}
:where(h1,h2,h3){line-height:1.28;font-weight:900;letter-spacing:.01em}

/* ---------- buttons ---------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.5em;
  font-family:inherit;font-weight:700;font-size:1rem;line-height:1;
  padding:1.05em 1.9em;border-radius:12px;border:1.5px solid transparent;
  cursor:pointer;transition:transform .18s ease,background .2s ease,box-shadow .2s ease,border-color .2s ease;
  white-space:nowrap;letter-spacing:.02em;
}
.btn:active{transform:translateY(1px)}
.btn-primary{background:var(--teal);color:#fff;box-shadow:var(--shadow-teal)}
.btn-ghost{background:transparent;color:var(--ink);padding:.7em 1em}
/* ★:hover は必ず (hover:hover) の中に置く。タッチ端末では指を離してもホバー状態が残り、
   押しっぱなしに見える（sticky hover）。2026-08-03 のレビューでここだけガード外だった。 */
@media (hover:hover){
  .btn-primary:hover{background:var(--teal-dark);box-shadow:0 10px 26px rgba(0,122,127,.34)}
  .btn-ghost:hover{color:var(--teal-dark)}
}

/* ---------- header brand（共有・.brand は当ツールのヘッダーでも使用） ---------- */
.brand{display:flex;align-items:center}
.brand img{height:30px;width:auto}

/* ---------- footer brand（共有・.footer-brand img の opacity は rdi-site.css で
   上書きされないため残置。他のフッター断片＝.footer-grid/.footer-col/.footer-bottom
   は当ツールでは未使用のため削除） ---------- */
.footer-brand img{height:30px;margin-bottom:18px;filter:brightness(0) invert(1);opacity:.92}
.footer-brand p{font-size:.88rem;line-height:1.8;max-width:30ch}