.privacy-page,
.terms-page {
  padding: 84px 0 110px;
  background: linear-gradient(180deg, #f7fbff 0%, #ffffff 42%);
}

.privacy-content,
.terms-content {
  max-width: 880px;
  padding: 56px 64px;
  border: 1px solid var(--line);
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 18px 50px rgba(18, 35, 59, .08);
}

.privacy-content h1,
.terms-content h1 {
  margin: 0 0 8px;
  color: var(--navy);
  font-size: clamp(40px, 5vw, 58px);
  letter-spacing: -.05em;
  line-height: 1;
}

.privacy-effective,
.legal-effective {
  margin: 0 0 34px;
  color: var(--muted);
  font-size: 14px;
}

.privacy-intro,
.legal-intro {
  margin: 0 0 36px;
  color: #42546b;
  font-size: 18px;
  line-height: 1.65;
}

.privacy-content section,
.terms-content section {
  padding: 27px 0;
  border-top: 1px solid var(--line);
}

.privacy-content h2,
.terms-content h2 {
  margin: 0 0 11px;
  color: var(--navy);
  font-size: 23px;
  letter-spacing: -.025em;
}

.privacy-content p,
.privacy-content li,
.terms-content p,
.terms-content li {
  color: #53657a;
}

.privacy-content p,
.terms-content p {
  margin: 0 0 13px;
}

.privacy-content p:last-child,
.terms-content p:last-child {
  margin-bottom: 0;
}

.privacy-content ul,
.terms-content ul {
  margin: 0;
  padding-left: 22px;
}

.privacy-content li + li,
.terms-content li + li {
  margin-top: 7px;
}

@media (max-width: 600px) {
  .privacy-page,
  .terms-page { padding: 42px 0 65px; }
  .privacy-content,
  .terms-content { padding: 35px 25px; }
  .privacy-content h2,
  .terms-content h2 { font-size: 21px; }
}