/* Long-form legal pages (/terms, /privacy).
   The design system has no shared prose style (content pages are card grids),
   so this styles running text with the site tokens, scoped to .legal-prose.
   Loaded on the legal pages via `use_stylesheet "legal"` in those views.
   Headings intentionally keep their original case, so terms like GDPR, CCPA,
   DMCA, UK, EEA, and USD are never lowercased. */

.legal-prose {
  max-width: 70ch;
  color: var(--ink-soft);
  font-size: 14.5px;
  line-height: 1.7;
}

/* the opening paragraph reads as a lead */
.legal-prose > p:first-of-type {
  font-size: 15.5px;
  color: var(--ink);
}

.legal-prose h2 {
  font-family: "Special Elite", "Courier New", monospace;
  font-size: 20px;
  color: var(--ink);
  margin: 42px 0 12px;
  padding-bottom: 8px;
  border-bottom: 2px solid var(--ink);
  scroll-margin-top: 24px;
}

.legal-prose h3 {
  font-family: "Special Elite", "Courier New", monospace;
  font-size: 15.5px;
  color: var(--ink);
  margin: 24px 0 8px;
  scroll-margin-top: 24px;
}

.legal-prose p { margin: 0 0 14px; }

.legal-prose ul,
.legal-prose ol {
  margin: 0 0 16px;
  padding-left: 22px;
}
.legal-prose ul { list-style: square; }
.legal-prose ol { list-style: decimal; }
.legal-prose li { margin: 0 0 7px; }

.legal-prose strong { color: var(--ink); }
.legal-prose em { color: var(--ink-faint); }

.legal-prose a {
  color: var(--ink);
  text-decoration: underline;
  text-underline-offset: 2px;
  text-decoration-thickness: 1px;
}
.legal-prose a:hover { background: var(--tape); }