.legal-hero { background: var(--ink-hero); color: var(--on-dark); padding: 80px 0 54px; }
.legal-hero h1 { margin-top: 16px; font-size: clamp(34px, 7.5vw, 52px); color: var(--on-dark); }
.legal-hero p { margin-top: 18px; max-width: 38em; color: var(--on-dark-soft); font-size: 16px; }

.legal-body { background: var(--white); padding: 60px 0 74px; }
.post-content h3 { margin-top: 26px; font-family: var(--sans); font-weight: 700; font-size: 16px; color: var(--text-dark); }
.post-content strong { color: var(--text-dark); }