/* 利用規約・プライバシーポリシー共通のスタイル */
.legal-doc-title {
  margin: var(--space-4) 0;
}

.legal-intro {
  margin-bottom: var(--space-4);
}

.legal-article {
  margin-bottom: var(--space-4);
}

.legal-article-title {
  margin: 0 0 var(--space-2);
  font-size: var(--font-size-title-sm);
  font-weight: 700;
}

.legal-article p {
  margin-bottom: var(--space-2);
}

.legal-list {
  margin: 0 0 var(--space-2);
  padding-left: var(--space-4);
}

.legal-list li {
  margin-bottom: var(--space-1);
}

/* 単独リンクの ::after が前後の行に被らないよう、リンクを含む行の上下に余白を足す。
   1.6 は common.css の body の line-height と組（変えるときは両方）。
   0.5px は丸め誤差で接しないための余裕 */
.legal-list li:has(.standalone-link),
.legal-article p:has(> .standalone-link) {
  margin-block: calc((44px - 1.6em) / 2 + 0.5px);
}

.legal-meta {
  margin-top: var(--space-4);
  color: var(--color-text-muted);
}

.legal-close {
  padding-top: var(--space-5);
  margin-bottom: var(--space-4);
}

.legal-history {
  margin-bottom: var(--space-4);
}

.legal-history-title {
  margin: 0 0 var(--space-2);
  font-size: var(--font-size-title-sm);
  font-weight: 700;
}

.legal-history-entry {
  margin-bottom: var(--space-3);
}

.legal-history-version {
  margin-bottom: var(--space-1);
  font-weight: 700;
}

/* プライバシーポリシー内のアクセス解析・広告計測の設定セクション（条文ではないためlegal-articleは使わない） */
.legal-settings {
  margin-bottom: var(--space-4);
  padding-top: var(--space-4);
  border-top: 1px solid var(--color-border);
  /* #analytics-settingsへのアンカー遷移で見出しが窮屈にならないよう、余白を足す。
     固定ヘッダー分の余白はbase.cssのhtml{scroll-padding-top}が確保するため、
     ここではその上乗せ分だけを持つ（両者は加算される） */
  scroll-margin-top: var(--space-2);
}

.legal-settings-title {
  margin: 0 0 var(--space-2);
  font-size: var(--font-size-title-sm);
  font-weight: 700;
}

.legal-settings p {
  margin-bottom: var(--space-2);
}

.legal-settings-status {
  font-weight: 600;
}

.legal-settings-form {
  margin-top: var(--space-2);
}