.legal {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 2rem 2.25rem;
  box-shadow: var(--shadow);
  max-width: 760px;
  margin: 0 auto;
}
.legal h1 { font-size: clamp(1.6rem, 3.5vw, 2rem); margin-bottom: 1.5rem; }
.legal h2 { margin-top: 2rem; font-size: 1.15rem; color: var(--charcoal); }
.legal h3 { margin-top: 1.5rem; font-size: 1rem; color: var(--rose-dark); }
.legal p, .legal ul { color: var(--charcoal); line-height: 1.65; }
.legal ul { padding-left: 1.2rem; }
.legal a { color: var(--rose-dark); }

@media (max-width: 600px) {
  .legal { padding: 1.5rem 1.25rem; }
}