.section--soft {
  background: rgba(127, 144, 114, 0.12);
}

.legal-intro {
  text-align: center;
  display: grid;
  gap: 18px;
  max-width: 980px;
  margin: 0 auto;
  justify-items: center;
}

.legal-card {
  background: rgba(227, 228, 225, 0.76);
  padding: clamp(20px, 2.3vw, 32px);
  display: grid;
  gap: clamp(30px, 3vw, 42px);
}

.legal-block {
  display: grid;
  gap: 6px;
}

.legal-block h3 {
  font-size: clamp(18px, 1.45vw, 24px);
  line-height: 1.15;
}

.legal-block h3 + * {
  margin-top: 0;
}

.legal-block p + h3,
.legal-block ul + h3 {
  margin-top: clamp(24px, 2.6vw, 36px);
}

.legal-block p,
.legal-block li {
  font-size: var(--body);
  line-height: 1.65;
  color: rgba(38, 51, 60, 0.88);
}

.legal-block ul {
  margin: 0;
  padding-left: 20px;
  display: grid;
  gap: 8px;
}