@import url("./base.css");
@import url("./components.css");
@import url("./header.css");
@import url("./main.css");

.legal-page {
  padding: 4rem 0 6rem;
}

.legal-page h1 {
  margin-bottom: 1rem;
}

.legal-page .lead {
  max-width: 70ch;
  margin-bottom: 2rem;
}

.legal-card {
  background: var(--white);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-subtle);
  padding: 2rem;
}

.legal-card h2 {
  margin-top: 2rem;
  margin-bottom: 1rem;
}

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

.legal-card p,
.legal-card li {
  color: var(--accent);
  line-height: 1.4;
}

.legal-card ul {
  padding-left: 1.25rem;
}