.privacy-page .page-hero {
  padding-block: 76px 82px;
}

.privacy-page .page-hero::before {
  background: var(--kp-blue-soft);
}

.privacy-page .page-hero::after {
  background: var(--kp-green-soft);
}

.privacy-main {
  padding: 104px 0 120px;
  background: var(--kp-bg);
}

.privacy-document {
  max-width: 880px;
  margin: 0 auto;
  padding: 64px 72px;
  background: var(--kp-white);
  border-radius: var(--kp-radius-md);
}

.privacy-document__notice {
  margin-bottom: 42px;
  padding: 18px 20px;
  color: var(--kp-muted);
  background: var(--kp-orange-soft);
  border-radius: var(--kp-radius-sm);
  font-size: 12px;
  line-height: 1.8;
}

.privacy-document>p:not(.privacy-document__notice),
.privacy-document section p,
.privacy-document li {
  font-size: 16px;
  line-height: 2.1;
}

.privacy-document section {
  margin-top: 58px;
}

.privacy-document h2 {
  margin-bottom: 20px;
  padding-bottom: 14px;
  border-bottom: 1px solid var(--kp-line);
  font-size: 23px;
  line-height: 1.6;
}

.privacy-document ul {
  margin: 20px 0 0;
  padding-left: 1.5em;
}

.privacy-document h3 {
  margin: 32px 0 12px;
  font-size: 18px;
  line-height: 1.7;
}

.privacy-document li+li {
  margin-top: 8px;
}

.privacy-document a {
  color: var(--kp-blue-dark);
  text-decoration: underline;
  text-underline-offset: 4px;
}

@media (max-width: 767.98px) {
  .privacy-page .page-hero {
    padding-block: 58px 64px;
  }

  .privacy-page .page-hero h1 {
    font-size: 34px;
  }

  .privacy-main {
    padding: 72px 0 86px;
  }

  .privacy-document {
    padding: 38px 24px 44px;
  }

  .privacy-document section {
    margin-top: 46px;
  }

  .privacy-document h2 {
    font-size: 21px;
  }
}