/*
 * Content typography
 * -------------------
 * Restores native heading/list/paragraph styling that the Tailwind Play CDN
 * Preflight base-reset strips out. Scoped to the `.prose` content wrapper used
 * by the page templates (legal pages + FAQ pages), so it does not affect any
 * Tailwind-styled UI elsewhere. Specificity (`.prose h2` = 0,1,1) overrides
 * Preflight element rules without needing !important.
 */
.prose {
  color: #334155;
  font-size: 1rem;
  line-height: 1.7;
}
.prose > :first-child { margin-top: 0; }
.prose > :last-child { margin-bottom: 0; }

.prose h1 {
  font-size: 1.875rem;
  font-weight: 700;
  line-height: 1.25;
  color: #1e293b;
  margin: 2rem 0 1rem;
}
.prose h2 {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.3;
  color: #1e293b;
  margin: 2rem 0 0.75rem;
}
.prose h3 {
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.35;
  color: #7c3aed;
  margin: 1.5rem 0 0.5rem;
}
.prose h4 {
  font-size: 1.05rem;
  font-weight: 600;
  line-height: 1.4;
  color: #1e293b;
  margin: 1.25rem 0 0.5rem;
}

.prose p { margin: 0 0 1rem; }

.prose ul,
.prose ol { margin: 0 0 1rem 1.5rem; padding: 0; }
.prose ul { list-style: disc; }
.prose ol { list-style: decimal; }
.prose li { margin: 0.35rem 0; padding-left: 0.25rem; }
.prose li > ul,
.prose li > ol { margin-top: 0.35rem; margin-bottom: 0.35rem; }
.prose ul ul { list-style: circle; }

.prose a { color: #7c3aed; text-decoration: underline; }
.prose a:hover { color: #6d28d9; }

.prose strong { font-weight: 600; color: #1e293b; }
.prose hr { margin: 2rem 0; border: 0; border-top: 1px solid #e2e8f0; }