/* Minimal prose layout for legal pages — composes with tokens.css + atlas.css */
.legal { padding-block: var(--space-9) var(--space-11); }
.legal .prose { max-width: var(--container-prose); }
.legal h1 { font-size: var(--font-size-3xl); letter-spacing: var(--tracking-tight); }
.legal h2 { font-family: var(--font-display); font-weight: 600; font-size: var(--font-size-xl); margin-top: var(--space-7); }
.legal p, .legal li { color: var(--text-secondary); line-height: var(--leading-relaxed); }
.legal p { margin-top: var(--space-3); }
.legal ul { margin-top: var(--space-3); padding-left: var(--space-5); display: flex; flex-direction: column; gap: var(--space-2); }
.legal a { color: var(--accent-text); text-decoration: underline; text-underline-offset: 3px; }
.legal .updated { font-size: var(--font-size-sm); color: var(--text-tertiary); margin-top: var(--space-2); }