/* ==========================================================================
   privacy.css — the privacy policy's long-form text
   --------------------------------------------------------------------------
   Headings and the lead paragraph use the shared type classes; this only sets
   a comfortable reading measure and the spacing of running legal text.

   Used by: privacy.html
   ========================================================================== */

/* The section after a hero loses its top padding (see layout.css); that suits
   a heading, but running text needs room to start below the hero's edge. */
.legal {
  padding-top: clamp(28px, 3.4vw, 56px);
  max-width: 72ch;
  color: var(--muted);
  font-size: clamp(15px, 1.02vw, 17px);
  line-height: 1.85;
}

.legal .lead { margin-bottom: 8px; }

.legal h2 {
  color: var(--ink);
  margin: clamp(34px, 3vw, 48px) 0 12px;
}

.legal p + p { margin-top: 14px; }
.legal strong { color: var(--ink); font-weight: 700; }

.legal ul {
  margin: 14px 0;
  padding-left: 1.2em;
  list-style: disc;
}
.legal li + li { margin-top: 8px; }
.legal li::marker { color: var(--crimson); }

.legal a {
  color: var(--crimson);
  text-decoration: underline;
  text-underline-offset: 3px;
}
.legal a:hover { color: var(--ink); }