/*
Command Lab プライバシーポリシー（/privacy-policy/）
仕様: ../docs/DESIGN_REGULATION.md

スコープ: body.clab-legal 配下のみ。.clab-* トークンを使用する。
*/

body.clab-legal {
  background-color: var(--clab-bg-canvas);
  color: var(--clab-text-primary);
}

body.clab-legal .wrapper {
  background-color: var(--clab-bg-canvas);
}

/* ヘッダー/フッター: 常時ダーク固定（ロゴ画像が透過白文字のため。info.css 等と同じ対応） */
body.clab-legal .header {
  background-color: var(--clab-gray-950);
}
body.clab-legal .header::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 1px;
  background: linear-gradient(90deg, transparent 0%, var(--clab-primary) 50%, transparent 100%);
  box-shadow: 0 0 10px 0 var(--clab-primary);
  opacity: .55;
  pointer-events: none;
}

body.clab-legal .footer {
  background-color: var(--clab-gray-950);
}

body.clab-legal .topmain__msg {
  color: var(--clab-text-primary);
  font-weight: var(--clab-weight-black);
}

body.clab-legal .topmain__submsg {
  color: var(--clab-text-secondary);
  max-width: 720px;
}

.legal-content {
  max-width: 760px;
  margin: 0 auto;
  padding: var(--clab-space-4) var(--clab-space-4) var(--clab-space-8);
  line-height: 1.8;
}

.legal-updated {
  color: var(--clab-text-muted);
  font-size: var(--clab-text-sm);
  margin: 0 0 var(--clab-space-6);
  text-align: right;
}

.legal-section {
  margin: 0 0 var(--clab-space-7);
}

.legal-section:last-child {
  margin-bottom: 0;
}

.legal-section__h2 {
  font-size: var(--clab-text-xl);
  font-weight: var(--clab-weight-bold);
  margin: 0 0 var(--clab-space-3);
  padding-bottom: var(--clab-space-2);
  border-bottom: 2px solid var(--clab-border);
}

.legal-section p {
  color: var(--clab-text-secondary);
  font-size: var(--clab-text-base);
  margin: 0 0 var(--clab-space-3);
}

.legal-section p:last-child {
  margin-bottom: 0;
}

.legal-section ul {
  color: var(--clab-text-secondary);
  font-size: var(--clab-text-base);
  margin: 0 0 var(--clab-space-3);
  padding-left: 1.4em;
}

.legal-section ul:last-child {
  margin-bottom: 0;
}

.legal-section li {
  margin: 0 0 var(--clab-space-2);
}

.legal-section li:last-child {
  margin-bottom: 0;
}

.legal-section a {
  color: var(--clab-secondary);
}