/* Legal pages (×4): privacy policy, terms, donor promise, accessibility
   statement. No design/ prototype exists — README section grammar + built
   pages are the spec (docs/DECISIONS.md 2026-08-12 Wave A4). These are the
   site's first pure text pages: one quiet single-column grammar, shared by
   all four. White throughout, no photos, no cards, zero clay. */

.legal { padding: 0 var(--gutter) 88px; }

/* ---------- Masthead: eyebrow + serif h1 + effective-date meta ---------- */

.legal__mast { max-width: 720px; padding: 72px 0 40px; border-bottom: 1px solid var(--hairline-strong); }
.legal__mast h1 { margin: 0; font-family: var(--font-serif); font-weight: 300; font-size: clamp(34px, 3.9vw, 50px); line-height: 1.12; color: var(--ink); }
.legal__meta { margin: 18px 0 0; font: 600 11px var(--font-sans); letter-spacing: .2em; text-transform: uppercase; color: rgba(41, 42, 60, .7); }

/* ---------- Body: ~720px measure, hairline-ruled sections ---------- */

.legal__body { max-width: 720px; }
.legal__lede { margin: 36px 0 0; font: 400 19px/1.6 var(--font-serif); color: var(--ink); }

.legal__body section { margin-top: 44px; }
.legal__body h2 { margin: 0 0 14px; font-family: var(--font-serif); font-weight: 300; font-size: 27px; line-height: 1.25; color: var(--ink); }
.legal__body p { margin: 0 0 14px; font: 400 16.5px/1.65 var(--font-serif); color: var(--ink); }
.legal__body p:last-child { margin-bottom: 0; }
.legal__body ul { margin: 0 0 14px; padding-inline-start: 22px; }
.legal__body li { margin: 0 0 8px; font: 400 16.5px/1.65 var(--font-serif); color: var(--ink); }

/* inline links: ink on the site's teal underline, deep-teal on hover */
.legal__body a { color: var(--ink); text-decoration: none; border-bottom: 1px solid var(--teal); transition: color var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease); }
.legal__body a:hover { color: var(--deep-teal); border-color: var(--deep-teal); }

/* ---------- Ledger: term/definition rows on hairline rules ----------
   Used for enumerable facts (the processors list, the donor promises) —
   the site's ledger pattern instead of a table. */

.legal-ledger { margin-top: 8px; border-top: 1px solid var(--hairline-strong); }
.legal-ledger__row { display: grid; grid-template-columns: 190px 1fr; gap: 24px; padding: 20px 0; border-bottom: 1px solid var(--hairline); }
.legal-ledger__term { font: 600 12px var(--font-sans); letter-spacing: .13em; text-transform: uppercase; color: var(--ink); padding-top: 4px; }
.legal-ledger__def p { margin: 0 0 10px; font: 400 15.5px/1.6 var(--font-serif); }
.legal-ledger__def p:last-child { margin-bottom: 0; }

@media (max-width: 743px) {
  .legal__mast { padding-top: 48px; }
  .legal__lede { font-size: 17.5px; }
  .legal__body h2 { font-size: 23px; }
  .legal-ledger__row { grid-template-columns: 1fr; gap: 8px; }
  .legal-ledger__term { padding-top: 0; }
}