/* -- Page canvas: the most restrained wash on the site -- one very
   faint centered glow, no counterpart, fitting a plain legal page. -- */
body.page-privacy {
  background:
    radial-gradient(ellipse 900px 500px at 50% 0%, rgba(89,28,83,0.09), transparent 65%),
    var(--clr-dark);
}
:root[data-theme="light"] body.page-privacy {
  background:
    radial-gradient(ellipse 900px 500px at 50% 0%, rgba(89,28,83,0.05), transparent 65%),
    var(--clr-dark);
}

/* ── PRIVACY POLICY PAGE ─────────────────────────────────── */
#pp-content { background: var(--clr-dark); }

.pp-prose {
  max-width: 760px;
  margin: 0 auto;
}
.pp-updated {
  color: var(--clr-text-muted);
  font-size: 0.85rem;
  margin-bottom: 3rem;
}
.pp-prose h2 {
  color: var(--clr-white);
  font-size: clamp(1.3rem, 2.2vw, 1.7rem);
  margin: 2.75rem 0 1rem;
}
.pp-prose h2:first-of-type { margin-top: 0; }
.pp-prose p {
  color: var(--clr-text-muted);
  line-height: 1.8;
  margin-bottom: 1rem;
}
.pp-prose ul {
  margin: 0 0 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}
.pp-prose li {
  color: var(--clr-text-muted);
  line-height: 1.7;
  padding-left: 1.4rem;
  position: relative;
}
.pp-prose li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.6rem;
  width: 6px; height: 6px;
  border-radius: 50%;
  background: var(--clr-red);
}
.pp-prose a { color: var(--clr-red); }
.pp-prose a:hover { color: var(--clr-red-light); }
