/* Legal pages (page-legal.php). 2026-09-20. Loads only on that template, after tokens.css. */
.mg-legal-h1 { font-family: var(--font-heading); font-weight: 700; font-size: 40px; line-height: 1.05; text-transform: uppercase; margin: var(--space-sm) 0 var(--space-md); color: var(--ink); }
.mg-legal-copy { font-family: var(--font-body); font-size: 16px; line-height: 1.7; color: var(--ink); max-width: 760px; margin-bottom: var(--space-xl); }
.mg-legal-copy p { margin: 0 0 var(--space-md); }
.mg-legal-copy ul { margin: 0 0 var(--space-md) var(--space-lg); padding: 0; }
.mg-legal-copy li { margin: 0 0 var(--space-xs, 6px); }
.mg-legal-copy a { color: var(--ink); text-decoration: underline; text-decoration-color: var(--accent); text-underline-offset: 3px; }
.mg-legal-copy a:hover, .mg-legal-copy a:focus, .mg-legal-copy a:active, .mg-legal-copy a:visited { color: var(--ink); }