/* privacy-policy.html 専用CSS。
   規約文書(条文の列挙)はこのページ以外で使う予定がないため、style.css側には追加しない。 */

/* legal: 条文全体のコンテナ。日本語の規約文として読みやすい幅に制限する。 */
.legal {
  max-width: 760px;
}
.legal__lead {
  margin: 0 0 var(--space-12);
  color: var(--color-text-muted);
}

/* legal-article: 「第N条」1つ分。記事間は縦の余白だけで区切る(罫線は引かない)。 */
.legal-article + .legal-article {
  margin-top: var(--space-12);
}
.legal-article__title {
  margin-bottom: var(--space-4);
  color: var(--color-brand-700);
}
.legal-article__body {
  display: grid;
  gap: var(--space-4);
  color: var(--color-text-muted);
}
.legal-article__body p {
  margin: 0;
}
.legal-article__body ul,
.legal-article__body ol {
  margin: 0;
  padding-left: 1.25em;
  display: grid;
  gap: var(--space-2);
}

/* legal__meta: 末尾の制定日。本文と区別するため上に罫線を引く。 */
.legal__meta {
  margin: var(--space-16) 0 0;
  padding-top: var(--space-6);
  border-top: 1px solid var(--color-border);
  color: var(--color-text-muted);
  font-size: var(--text-sm);
}