.legal-main {
  max-width: 900px;
  margin: auto;
  padding: 62px 28px 92px;
}

.legal-back {
  color: var(--green-dark);
  text-decoration: none;
  font-size: .82rem;
  font-weight: 750;
}

.legal-back:hover { color: var(--blue); }

.legal-hero {
  padding: 48px 0 31px;
  border-bottom: 1px solid var(--line);
}

.legal-hero h1 { font-size: clamp(2.3rem, 5vw, 4.2rem); }
.legal-hero p { color: var(--muted); margin: 12px 0 0; }
.legal-body { max-width: 760px; padding-top: 32px; }
.legal-body section { margin: 0 0 31px; }
.legal-body h2 { font-size: 1.05rem; margin-bottom: 9px; }
.legal-body p,
.legal-body li { color: #535c68; }
.legal-body ul { padding-left: 20px; }
.legal-body a { color: var(--green-dark); }

.legal-callout {
  border: 1px solid rgba(16, 163, 127, .16);
  background: linear-gradient(120deg, #eaf8f4, #f3f7ff);
  border-radius: 15px;
  padding: 19px;
}

.delete-local {
  width: auto;
  padding: 0 20px;
  margin-top: 8px;
}

@media (max-width: 620px) {
  .legal-main { padding: 32px 20px 62px; }
  .legal-hero { padding-top: 36px; }
}