/* Privacy policy — long-form prose page.
   Reuses the shared design tokens from css/site.css; this file only adds the
   reading measure, vertical rhythm (the global reset zeroes margins), inline
   link styling, the "last updated" stamp, and the required-disclosure callout. */

/* Match the interior-page hero measure. */
.page-hero .wrap { max-width: 60ch; }

.privacy-prose { max-width: 72ch; }

/* Flow spacing between blocks. */
.privacy-prose > * + * { margin-top: 1.1em; }
.privacy-prose h2 { font-size: clamp(1.5rem, 2.6vw, 2rem); margin-top: clamp(2rem, 4vw, 2.8rem); }
.privacy-prose h3 { margin-top: 1.7em; }
.privacy-prose h2 + p,
.privacy-prose h3 + p,
.privacy-prose h2 + .privacy-callout { margin-top: .7em; }

/* Lists — restore the indentation the global reset removes. */
.privacy-prose ul { padding-left: 1.3em; }
.privacy-prose li { margin-top: .5em; }
.privacy-prose li::marker { color: var(--green-ink); }

/* Inline links: base `a` only inherits color, so give prose links the navy
   interactive treatment with an underline for legibility. */
.privacy-prose a {
  color: var(--accent); text-decoration: underline;
  text-underline-offset: 2px; text-decoration-thickness: 1px;
  transition: color .15s;
}
.privacy-prose a:hover { color: var(--green-ink); }

/* "Last updated" stamp. */
.privacy-updated {
  font-family: var(--font-body); font-size: .82rem; font-weight: 600;
  letter-spacing: .04em; text-transform: uppercase; color: var(--muted);
}

/* Legally-required disclosure — a warm-gold tint signals importance without
   using red (nonpartisan race). Modeled on the donate page's .legal panel:
   a uniformly bordered, tinted card rather than an accent-bar callout. */
.privacy-callout {
  background: rgba(227, 165, 60, .09);
  border: 1px solid rgba(227, 165, 60, .45);
  border-radius: var(--radius-sm);
  padding: clamp(18px, 2.4vw, 24px);
}
.privacy-callout > * + * { margin-top: .8em; }