.privacy-policy-page {
  padding-top: 7rem;
  color: oklch(0.3 0.01 65);
}

.privacy-policy-hero {
  padding: 5rem 0;
  background:
    radial-gradient(circle at 85% 20%, oklch(0.72 0.08 75 / 0.16), transparent 22rem),
    linear-gradient(135deg, oklch(0.98 0.005 80), white 52%, oklch(0.96 0.01 75));
}

.privacy-policy-hero h1 {
  margin-bottom: 1rem;
  color: oklch(0.2 0.01 65);
  font-family: "DM Serif Display", serif;
  font-size: clamp(2.5rem, 7vw, 4rem);
  line-height: 1.05;
}

.privacy-policy-hero p {
  max-width: 42rem;
  color: oklch(0.45 0.01 65);
  font-size: 1.125rem;
}

.privacy-policy-body {
  padding: 4rem 0 5rem;
  background: white;
}

.privacy-policy-content {
  max-width: 48rem;
}

.privacy-policy-effective-date {
  display: inline-block;
  margin-bottom: 1.75rem;
  padding: 0.45rem 0.75rem;
  border: 1px solid oklch(0.85 0.02 75);
  border-radius: 0.375rem;
  background: oklch(0.97 0.005 80);
  color: oklch(0.35 0.03 65);
  font-size: 0.875rem;
  font-weight: 600;
}

.privacy-policy-content section {
  margin-top: 2.5rem;
  padding-top: 2rem;
  border-top: 1px solid oklch(0.9 0.005 80);
}

.privacy-policy-content h2 {
  margin-bottom: 1rem;
  color: oklch(0.2 0.01 65);
  font-family: "DM Serif Display", serif;
  font-size: 1.75rem;
  line-height: 1.2;
}

.privacy-policy-content p,
.privacy-policy-content li {
  line-height: 1.75;
}

.privacy-policy-content p + p {
  margin-top: 1rem;
}

.privacy-policy-content ul {
  margin-left: 1.25rem;
  list-style: disc;
}

.privacy-policy-content li + li {
  margin-top: 0.65rem;
}

.privacy-policy-content a,
.contact-privacy-note a {
  color: oklch(0.52 0.11 75);
  text-decoration: underline;
  text-underline-offset: 0.18em;
}

.privacy-policy-content a:hover,
.contact-privacy-note a:hover {
  color: oklch(0.43 0.1 75);
}

.contact-privacy-note {
  padding: 0.875rem 1rem;
  border-left: 3px solid oklch(0.62 0.12 75);
  border-radius: 0 0.375rem 0.375rem 0;
  background: oklch(0.97 0.005 80);
  color: oklch(0.4 0.01 65);
  font-size: 0.875rem;
  line-height: 1.55;
}

@media (max-width: 640px) {
  .privacy-policy-hero {
    padding: 3.75rem 0;
  }

  .privacy-policy-body {
    padding: 3rem 0 4rem;
  }
}