/* =========================================================================
   LEGAL PAGES — Privacy Policy, Terms and Conditions. Long-form documents
   meant to be read start to finish rather than scanned, so they share a
   plain, image-free hero and a single narrow reading column instead of the
   usual photo-plate + card grid.
   ========================================================================= */

.legal {
  padding: 0 0 var(--fold-y);
  background: var(--void);
}

.legal-inner {
  max-width: var(--measure);
  margin: 0 auto;
}

.legal-updated {
  margin: 0 0 var(--sp-4);
  font-family: var(--font-ui);
  font-size: var(--fs-xs);
  color: var(--ink-quiet);
}

.legal-inner p {
  margin: 0 0 var(--sp-3);
  font-family: var(--font-ui);
  font-size: var(--fs-body);
  line-height: var(--lh-body);
  color: var(--ink-mid);
}

.legal-inner h2 {
  margin: var(--sp-6) 0 var(--sp-2);
  font-family: var(--font-ui);
  font-size: var(--fs-md);
  font-weight: 700;
  line-height: var(--lh-tight);
  color: var(--ink);
}

.legal-inner h2:first-of-type { margin-top: 0; }

.legal-inner ul {
  margin: 0 0 var(--sp-3);
  padding: 0;
  list-style: none;
}

.legal-inner ul li {
  position: relative;
  margin: 0 0 var(--sp-1);
  padding-left: 1.4em;
  font-family: var(--font-ui);
  font-size: var(--fs-body);
  line-height: var(--lh-body);
  color: var(--ink-mid);
}

.legal-inner ul li::before {
  content: '';
  position: absolute;
  left: 0.15em;
  top: 0.65em;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--brand-lit);
}

.legal-inner strong {
  color: var(--ink);
  font-weight: 600;
}