.privacy-page {
  width: min(940px, calc(100% - 32px));
}

.privacy-topbar {
  margin-bottom: 18px;
}

.privacy-card {
  padding: clamp(28px, 6vw, 64px);
  background-color: rgba(255, 250, 241, 0.9);
  background-image:
    linear-gradient(rgba(255, 250, 241, 0.74), rgba(255, 250, 241, 0.74)),
    url("../assets/sheet_tile.jpeg");
  background-size: auto, 180px 180px;
}

.privacy-card h1 {
  max-width: none;
  margin: 6px 0 4px;
  font-size: clamp(42px, 8vw, 76px);
}

.privacy-card h2 {
  margin: 0 0 12px;
  font-size: clamp(24px, 4vw, 32px);
}

.privacy-card section {
  padding-top: 28px;
  margin-top: 28px;
  border-top: 1px solid var(--line);
}

.privacy-card p,
.privacy-card li {
  font-size: 17px;
  line-height: 1.72;
}

.privacy-card li + li {
  margin-top: 10px;
}

.privacy-card a {
  color: var(--warm-deep);
  text-underline-offset: 3px;
}

.privacy-back {
  display: inline-flex;
  margin-bottom: 34px;
  font-weight: 700;
}

.privacy-updated {
  margin: 0;
  color: var(--muted);
  font-size: 14px !important;
}

.privacy-lead {
  margin: 30px 0 0;
  font-size: clamp(19px, 3vw, 23px) !important;
  line-height: 1.55 !important;
}

@media (max-width: 640px) {
  .privacy-page {
    width: min(100% - 20px, 940px);
    padding-top: 14px;
  }

  .privacy-card {
    padding: 24px 20px 32px;
  }

  .privacy-card ul {
    padding-left: 22px;
  }
}
