@import url("./landing.css");

.legal-hero {
  padding: 180px 0 88px;
}

.legal-hero h1 {
  max-width: 900px;
  margin: 0;
}

.legal-content {
  padding: 80px 0 116px;
}

.legal-copy {
  max-width: 820px;
}

.legal-copy h2 {
  margin: 48px 0 18px;
  font-size: clamp(1.6rem, 2.7vw, 2rem);
  line-height: 1.2;
}

.legal-copy h2:first-child {
  margin-top: 0;
}

.legal-copy p,
.legal-copy li {
  font-size: var(--font-size-body);
  line-height: 1.65;
}

.legal-copy p {
  margin-bottom: 20px;
}

.legal-copy ul {
  padding-left: 1.5em;
  margin: 0 0 24px;
}

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

.legal-copy a {
  color: #007d76;
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.legal-copy a:hover {
  color: var(--bg-deep);
}

@media (max-width: 700px) {
  .legal-hero {
    padding: 148px 0 70px;
  }

  .legal-content {
    padding: 60px 0 80px;
  }
}