.page-legal{
  background: var(--green-600);
  color: var(--text-on-dark);
}

.legal-section{
  padding-top: calc(var(--header-height) + 3rem);
  padding-bottom: clamp(4rem, 8vw, 6rem);
}

.legal-section h1{
  margin-bottom: var(--space-6);
  text-align: center;
}

.legal-section h2{
  margin-top: var(--space-10);
  margin-bottom: var(--space-4);
}

.legal-section p{
  margin-bottom: var(--space-5);
}

.legal-section ul{
  list-style: disc;
  padding-left: 1.4rem;
  margin-bottom: var(--space-5);
}

.legal-section li{
  margin-bottom: 0.4rem;
}

.legal-section a{
  text-decoration: underline;
  text-underline-offset: 0.14em;
}

.legal-section strong{
  font-weight: 600;
}

@media (max-width: 767px){
  .legal-section{
    padding-top: calc(var(--header-height) + 2rem);
    padding-bottom: 3rem;
  }

  .legal-section h2{
    margin-top: var(--space-8);
  }
}