#legal-page {
  min-height: 60vh;
  background: linear-gradient(180deg, rgba(27, 28, 92, 0.3) 0%, #000000 35%);
}

.legal-page-heading {
  padding-top: 24px;
}

.legal-eyebrow {
  margin-bottom: 12px;
  color: var(--color-green);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 2px;
}

.legal-page-heading .title-text {
  font-size: 48px;
  line-height: 1.1;
}

.legal-document {
  max-width: 1000px;
  margin: 0 auto;
  padding: clamp(20px, 5vw, 56px);
  color: var(--color-white-70);
}

.legal-document,
.legal-document * {
  font-family: "Inter", sans-serif !important;
}

.legal-document p,
.legal-document li,
.legal-document td,
.legal-document th {
  margin-bottom: 12px !important;
  color: var(--color-white-70) !important;
  font-size: 15px !important;
  line-height: 1.75 !important;
  text-align: left !important;
}

.legal-document h1,
.legal-document h2,
.legal-document h3,
.legal-document h4 {
  margin: 28px 0 16px !important;
  color: #ffffff !important;
  font-size: 22px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
  text-align: left !important;
}

.legal-document a {
  color: var(--color-pink) !important;
  overflow-wrap: anywhere;
}

.legal-document ol,
.legal-document ul {
  padding-left: 28px !important;
}

.legal-document img {
  max-width: 100%;
  height: auto;
}

.legal-document [id] {
  scroll-margin-top: 100px;
}

@media (max-width: 575px) {
  .legal-page-heading .title-text {
    font-size: 34px;
    line-height: 1.2;
  }

  .legal-document p,
  .legal-document li,
  .legal-document td,
  .legal-document th {
    font-size: 14px !important;
  }
}