/* 利用規約・プライバシーポリシー（/terms.html・/privacy.html）
   ------------------------------------------------------------------
   外枠（共通のヘッダー・下の 5 つのタブ・デスクトップの左右の柱）はほかの頁と同じ
   （発注者指示 2026-10-04「ヘッダーとフッターはいつものおなじみのものを」）。
   ここは本文の柱だけ。書籍の頁と同じ紺の柱に、条文を読みやすい行間で並べる。
   頁の組み立ては tools/build.mjs の buildLegal。 */

.legal-bg {
  min-height: 100vh;
  min-height: 100dvh;
  background: #050f21;
}
.legal-col {
  max-width: 520px;
  margin: 0 auto;
  background: #0a1e40;
  box-shadow: 0 0 60px rgba(0, 0, 0, .55);
  position: relative;
  min-height: 100vh;
  min-height: 100dvh;
}

/* 上は固定ヘッダーの下から、下はタブバーに隠れないところまで */
.legal {
  padding:
    calc(var(--header-h, 61px) + 22px)
    20px
    calc(var(--nav-h, 86px) + 28px + env(safe-area-inset-bottom, 0px));
  color: #e8edf6;
}
.legal__en {
  margin: 0;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .16em;
  color: #7fa4e8;
}
.legal h1 {
  margin: 6px 0 6px;
  font-size: 24px;
  font-weight: 900;
  line-height: 1.45;
  color: #ffffff;
}
.legal .meta {
  margin: 0 0 6px;
  font-size: 12px;
  line-height: 1.7;
  color: #a9b7d2;
}
.legal .lead {
  margin: 12px 0 0;
  font-size: 13.5px;
  line-height: 1.9;
  color: #cfd9ea;
}
.legal main section { margin: 22px 0; }
.legal main h2 {
  margin: 0 0 8px;
  font-size: 15px;
  font-weight: 800;
  color: #f2e2ac;
}
.legal main p {
  margin: 0 0 10px;
  font-size: 13.5px;
  line-height: 1.95;
  color: #dbe3f0;
}
.legal main strong { color: #ffffff; }
.legal a { color: #8ea8d8; }

/* 結び：運営の断りと、規約とポリシーの行き来 */
.legal__foot {
  margin-top: 36px;
  padding-top: 16px;
  border-top: 1px solid rgba(255, 255, 255, .12);
  font-size: 12px;
  line-height: 1.8;
  color: #a9b7d2;
  text-align: center;
}
.legal__foot b { display: block; color: #c8d4e8; font-weight: 700; }
.legal__docs { margin-top: 6px; }
.legal__docs a {
  display: inline-block;
  padding: 8px 12px;
  color: #8ea8d8;
  text-decoration: none;
}
.legal__docs a[aria-current="page"] { color: #f2e2ac; font-weight: 700; }