/* ============================================================
   Legal Pages Shared Styles
   ============================================================ */

.legal-page {
  max-width: 860px;
  margin: 0 auto;
  padding: 2rem 1rem;
}
.legal-page h1 {
  margin-bottom: 1.5rem;
}
.legal-page h2 { margin-top: 2rem; }
.legal-page h3 { margin-top: 1.5rem; }
.legal-page p { color: var(--color-odds); line-height: 1.75; }
.legal-page ul, .legal-page ol {
  padding-left: 1.5rem;
  margin-bottom: 1.25rem;
}
.legal-page li {
  margin-bottom: 0.5rem;
  line-height: 1.6;
  color: var(--color-odds);
}
.legal-page ol li { list-style: decimal; }
.legal-page ul li { list-style: disc; }
.legal-page a { color: var(--color-accent); }

.legal-meta {
  font-size: 0.82rem;
  color: var(--color-muted);
  margin-bottom: 2rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--color-border);
}

@media (max-width: 600px) {
  .legal-page { padding: 1.5rem 0.75rem; }
}