/* 法務ページ共通の見た目。外部リソースを一切読まない（CSP を素通りさせるため）。
   ★★2026-08-13：**アプリのブランド（夜紺×金）へ寄せた**（森さん「**書斎から飛べる
   プライバシーポリシーのようなHTMLページのデザインが真っ白背景に黒文字でアプリ内の
   デザインからかけ離れているので統一感を持たせたい**」）。

   ★**色は `app/src/index.css` の `:root` の写し**。ここは別に配るサイト（Firebase Hosting）で
   アプリの CSS を読み込めないので、**写しは避けられない**——**ずれたら鳴る見張り**を
   `app/tests/consistency/ui/legal-site-brand.test.ts` に置いた。
   ★★**地紋（ダマスク）は敷かない**——素材が 237KB あり、**不透明度 0.05 の地紋のために
   法務ページを重くしない**（審査で開かれる面でもある）。アプリが板を作る時と同じく
   **色と細い罫だけ**で寄せる（UI原則 §1）。
   ★**金は線と字だけ**（面で塗らない）＝このアプリはラグジュアリー化で2回失敗している
   ——**金は面積が増えるほど安くなる**（UI原則 §8「2026-07-28（その9）」）。 */

:root {
  /* --- ブランド（`app/src/index.css` の :root と同じ値）--- */
  --brand-navy: #1a1a2e;
  --brand-navy-3: #12121f;
  --brand-gold: #c9a84c;
  --brand-gold-l: #e6cf8a;
  --brand-ink: #f3efe6;
  --brand-ink-muted: #b8b2a4;
  /* ★**暗い面で固定**（アプリに明るい面は無い）。`light dark` にすると、
     端末の設定次第で**アプリと正反対の面**が出る。 */
  color-scheme: dark;
}
* { box-sizing: border-box; }

body {
  margin: 0 auto; padding: 28px 20px 64px; max-width: 720px;
  font-family: -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Noto Sans JP", sans-serif;
  line-height: 1.9;
  color: var(--brand-ink);
  background: var(--brand-navy);
  font-size: 15px; word-break: break-word;
}

/* 見出し。★**金は字と罫だけ**（板で塗らない）。 */
h1 {
  font-size: 20px; margin: 8px 0 4px;
  color: var(--brand-gold-l);
  /* アプリのタイトルまわりと同じく、少しだけ字間を開けて格を出す。 */
  letter-spacing: 0.04em;
}
h2 {
  font-size: 16px; margin: 32px 0 8px; padding-top: 16px;
  color: var(--brand-gold-l);
  /* ★細い金の罫（アプリの板の縁と同じ薄さ）。太くすると「金の面」になって安く見える。 */
  border-top: 1px solid rgba(201, 168, 76, 0.28);
}

p, li { margin: 8px 0; }
dl { margin: 8px 0; }
/* 定義の見出し（特商法の欄名など）。**値より少しだけ前に出す**。 */
dt { font-weight: 700; margin-top: 16px; color: var(--brand-gold-l); }
dd { margin: 4px 0 0; padding-left: 0; }
ul { padding-left: 1.2em; }

.meta { font-size: 13px; color: var(--brand-ink-muted); margin-top: 40px; }
.home { font-size: 13px; color: var(--brand-ink-muted); }

/* ★**リンクは金**。暗い地では下線が無いと本文に紛れるので、下線は残す。 */
a { color: var(--brand-gold-l); text-decoration-color: rgba(201, 168, 76, 0.5); }
a:hover, a:focus-visible { color: var(--brand-gold); }

/* 入口（index）の一覧。★アプリの書斎の並びと同じく、**1行ずつ細い罫で区切る**。 */
body > ul { list-style: none; padding-left: 0; margin: 20px 0 0; }
body > ul > li { margin: 0; border-top: 1px solid rgba(201, 168, 76, 0.18); }
body > ul > li:last-child { border-bottom: 1px solid rgba(201, 168, 76, 0.18); }
body > ul > li > a { display: block; padding: 14px 2px; text-decoration: none; }

/* ★★**紙に出す時は白地へ戻す**。法務ページは印刷・PDF 保存されることがあり、
   夜紺のまま刷ると**インクを大量に使ううえ読みにくい**。
   ★世界観は画面の話で、紙に持って行くものではない。 */
@media print {
  body { color: #1b1b1f; background: #fff; }
  h1, h2, dt { color: #1b1b1f; }
  a { color: #1b1b1f; }
  h2 { border-top-color: rgba(0, 0, 0, 0.3); }
  body > ul > li { border-color: rgba(0, 0, 0, 0.2); }
}