/* Legal pages — shared document typography (spec 2026-09-29-legal-pages-privacy-terms-design) */

.legal-main { padding: 40px 24px 56px; }

.legal-doc {
  max-width: 800px;
  margin: 0 auto;
  background: var(--white);
  border-top: 3px solid var(--copper);
  padding: 32px 36px 40px;
}

.legal-doc h1 {
  font-family: 'Zilla Slab', serif;
  color: var(--forest);
  font-size: 32px;
  margin-bottom: 4px;
}

.legal-doc .legal-meta { color: var(--muted); font-size: 14px; margin-bottom: 28px; }

.legal-doc h2 {
  font-family: 'Zilla Slab', serif;
  color: var(--forest);
  font-size: 20px;
  margin: 28px 0 8px;
}

.legal-doc p, .legal-doc li { color: var(--ink); font-size: 15px; margin-bottom: 10px; }

.legal-doc ul { padding-left: 20px; margin-bottom: 10px; }

.legal-doc a { color: var(--copper); }

.legal-contact {
  background: var(--cream);
  border-left: 3px solid var(--copper);
  padding: 14px 18px;
  margin: 12px 0;
}
.legal-contact p { margin-bottom: 2px; }

@media (max-width: 640px) {
  .legal-doc { padding: 24px 20px 32px; }
}