/* tools.mep-dc.co.uk extras: legal page typography */
.legal { max-width: 760px; }
.legal h2 { font-size: var(--text-lg); margin-top: var(--space-10, 2.5rem); margin-bottom: var(--space-3, .75rem); }
.legal h2:first-of-type { margin-top: var(--space-4, 1rem); }
.legal p { color: var(--color-text-muted); line-height: 1.7; margin-bottom: var(--space-4, 1rem); max-width: 68ch; }
.legal p strong { color: var(--color-text); }
.legal-updated { font-size: var(--text-xs); text-transform: uppercase; letter-spacing: .08em; }
.legal-strip { border-top: 1px solid var(--color-border); padding-top: var(--space-8, 2rem); }
.legal-strip p { color: var(--color-text-muted); font-size: var(--text-sm); max-width: 70ch; }
.footer-grid { grid-template-columns: 1.4fr 1fr 1fr 1fr; }
@media (max-width: 860px) { .footer-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 520px) { .footer-grid { grid-template-columns: 1fr; } }