/* ============================================================
   privacy_policy.css — the policy page (rewritten for #74)
   Everything is scoped under .policy. The previous version styled
   bare h3/p/ul, which reached into anything else on the page, and
   painted with var(--primary) — a token the redesign retired, so
   the headings had no colour at all.
   ============================================================ */

.policy {
  padding-top: var(--space-14);
}

.policy__container {
  max-width: 760px;   /* a comfortable measure for long prose */
}

.policy__head {
  margin-bottom: var(--space-10);
}

.policy__lede {
  margin-top: var(--space-5);
  font-size: var(--fs-lead);
  line-height: 1.5;
  color: var(--text-soft);
}

.policy__updated {
  margin-top: var(--space-5);
  font-size: var(--fs-label);
  letter-spacing: 0.08em;
  color: var(--text-muted);
}

.policy__h2 {
  margin: var(--space-10) 0 var(--space-4);
  font-size: var(--fs-h3);
  color: var(--text);
}

.policy__h3 {
  margin: var(--space-7) 0 var(--space-3);
  font-size: var(--fs-body);
  font-weight: 600;
  color: var(--accent-strong);
}

.policy__body p {
  margin: 0 0 var(--space-4);
  font-size: var(--fs-body);
  line-height: 1.65;
  color: var(--text-soft);
}

.policy__list {
  margin: 0 0 var(--space-5);
  padding-left: var(--space-6);
  list-style: disc;
}

.policy__list li {
  margin-bottom: var(--space-2);
  font-size: var(--fs-body);
  line-height: 1.6;
  color: var(--text-soft);
}

/* The first h2 follows the lede, which already has breathing room. */
.policy__body > .policy__h2:first-child {
  margin-top: 0;
}