/* legal / prose pages — consumes tokens.css + site.css */
.legal { max-width: 760px; margin: 0 auto; padding: 0 var(--space-4); }
.legal .meta { font-family: var(--font-mono); font-size: 0.7rem; letter-spacing: 0.1em; color: var(--ink-faint); margin-bottom: var(--space-4); }
.legal .draft { display:inline-block; font-family: var(--font-mono); font-size: 0.62rem; letter-spacing: 0.14em; text-transform: uppercase; color: var(--gold-deep); border: 1px solid var(--gold-deep); border-radius: 4px; padding: 2px 8px; margin-bottom: var(--space-3); }
.legal h2 { font-family: var(--font-display); font-weight: 400; font-variation-settings:"opsz" 60,"SOFT" 0,"WONK" 0; font-size: 1.5rem; letter-spacing: -0.01em; margin: var(--space-4) 0 var(--space-2); }
.legal h3 { font-size: var(--text-base); font-weight: 600; color: var(--ink); margin: var(--space-3) 0 0.4rem; }
.legal p, .legal li { color: var(--ink-muted); font-size: var(--text-sm); line-height: 1.75; }
.legal ul { margin: 0.4rem 0 var(--space-2) 1.2rem; }
.legal a { color: var(--gold-sheen); text-decoration: none; }
.legal a:hover { text-decoration: underline; }
.legal strong { color: var(--ink); font-weight: 600; }