.privacy-page {
  background: var(--paper);
}

.privacy-hero {
  max-width: 980px;
  text-align: left;
}

.privacy-kicker,
.privacy-updated {
  color: var(--green);
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.privacy-kicker {
  margin: 0 0 14px;
  font-size: clamp(0.72rem, 1.2vw, 0.9rem);
}

.privacy-hero > p:not(.privacy-kicker, .privacy-updated) {
  max-width: 820px;
  margin: 20px 0 0;
  color: rgba(var(--ink-rgb), 0.72);
  font-size: clamp(1rem, 1.6vw, 1.2rem);
  line-height: 1.6;
}

.privacy-updated {
  margin: 18px 0 0;
  font-size: 0.75rem;
}

.privacy-content {
  display: grid;
  gap: 18px;
  max-width: 980px;
  margin: clamp(36px, 6vw, 76px) auto 0;
}

.privacy-card {
  padding: clamp(24px, 4vw, 42px);
  border: 1px solid rgba(17, 16, 13, 0.18);
  border-radius: 28px;
  background: rgba(255, 255, 255, 0.44);
}

.privacy-card-accent {
  border-color: rgba(25, 122, 80, 0.38);
  background: rgba(25, 122, 80, 0.06);
}

.privacy-card h2 {
  margin: 0 0 18px;
  color: var(--ink);
  font-size: clamp(1.2rem, 2.4vw, 1.75rem);
  line-height: 1.15;
  text-transform: uppercase;
}

.privacy-card p {
  margin: 0;
  color: rgba(var(--ink-rgb), 0.72);
  font-size: clamp(0.96rem, 1.25vw, 1.08rem);
  line-height: 1.72;
}

.privacy-card p + p {
  margin-top: 16px;
}

.privacy-card strong {
  color: var(--ink);
}

.privacy-card a {
  color: var(--green);
  font-weight: 800;
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
}

.privacy-card a:is(:hover, :focus-visible) {
  color: var(--red);
}

@media (max-width: 640px) {
  .privacy-card {
    border-radius: 22px;
  }
}