.legal-page {
  min-height: 100vh;
  background: linear-gradient(180deg, #f6f8fb 0%, #ffffff 220px);
  color: #14171f;
  font-family: "Montserrat", "PingFang SC", "Microsoft YaHei", sans-serif;
}

.legal-page a {
  color: #1a57d2;
}

.legal-page a:hover {
  color: #f5b645;
}

.legal-hero__inner,
.legal-body .w1440 {
  width: min(calc(100% - 64px), 1200px);
  margin: 0 auto;
}

.legal-cont {
  padding-top: 112px;
}

.legal-hero {
  padding: 42px 0 28px;
}

.legal-hero__eyebrow {
  margin: 0;
  color: #f5b645;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.legal-hero h1 {
  margin: 18px 0 0;
  color: #12131a;
  font-size: clamp(40px, 5vw, 64px);
  line-height: 1.02;
  font-weight: 600;
  letter-spacing: -0.04em;
}

.legal-hero__date {
  margin: 20px 0 0;
  color: #69707d;
  font-size: 16px;
  line-height: 1.5;
}

.legal-body {
  padding: 0 0 120px;
}

.legal-content {
  width: min(100%, 860px);
  padding: 42px 48px 56px;
  border-radius: 32px;
  background: #ffffff;
  box-shadow: 0 30px 70px rgba(18, 23, 33, 0.08);
}

.legal-content > p:first-child {
  margin-top: 0;
}

.legal-content p,
.legal-content li,
.legal-content address {
  margin: 0;
  color: #475065;
  font-size: 16px;
  line-height: 1.85;
  word-break: break-word;
}

.legal-content p + p,
.legal-content p + ul,
.legal-content p + ol,
.legal-content ul + p,
.legal-content ol + p,
.legal-content ul + ul,
.legal-content ol + ol,
.legal-content address + p {
  margin-top: 16px;
}

.legal-content h2 {
  margin: 44px 0 0;
  color: #12131a;
  font-size: clamp(24px, 3vw, 34px);
  line-height: 1.18;
  font-weight: 600;
  letter-spacing: -0.03em;
}

.legal-content h2 + p,
.legal-content h2 + ul,
.legal-content h2 + ol,
.legal-content h2 + address {
  margin-top: 18px;
}

.legal-content h3 {
  margin: 34px 0 0;
  color: #1c2230;
  font-size: 21px;
  line-height: 1.35;
  font-weight: 600;
}

.legal-content h3 + p,
.legal-content h3 + ul,
.legal-content h3 + ol {
  margin-top: 12px;
}

.legal-content ul,
.legal-content ol {
  margin: 0;
  padding-left: 24px;
}

.legal-content li + li {
  margin-top: 12px;
}

.legal-content address {
  margin-top: 16px;
  padding: 18px 20px;
  border-radius: 20px;
  background: #f7f8fb;
  font-style: normal;
}

.legal-content .legal-note {
  color: #69707d;
}

.legal-content strong {
  color: #12131a;
  font-weight: 600;
}

.legal-page .footer {
  border-top: 1px solid rgba(20, 23, 31, 0.06);
}

.site-footer__column a.is-current {
  color: #f5b645;
}

@media screen and (max-width: 998px) {
  .legal-hero__inner,
  .legal-body .w1440 {
    width: min(calc(100% - 32px), 1200px);
  }

  .legal-cont {
    padding-top: 90px;
  }

  .legal-hero {
    padding: 28px 0 20px;
  }

  .legal-content {
    width: 100%;
    padding: 28px 22px 34px;
    border-radius: 24px;
  }

  .legal-content h2 {
    margin-top: 34px;
  }

  .legal-content p,
  .legal-content li,
  .legal-content address {
    font-size: 15px;
    line-height: 1.75;
  }
}