/* Askmill legal pages (/terms, /privacy): server-rendered, no JS, loaded only there */
.r-legal { background: var(--ground); }
.legal { position: relative; z-index: 1; padding: 8px clamp(20px, 4vw, 56px) 64px; }
.legal article { background: var(--paper); color: var(--ink); max-width: 72ch; margin: 0 auto; padding: clamp(24px, 4vw, 48px); border-radius: 10px; }
.legal h1 { font-size: var(--t-display); line-height: 1; letter-spacing: -.02em; font-weight: 500; margin: var(--s1) 0 var(--s2); }
.legal h2 { font-size: var(--t-title); line-height: 1.2; font-weight: 500; margin: var(--s4) 0 var(--s1); }
.legal p, .legal li { font-size: var(--t-body); line-height: 1.55; margin: 0 0 var(--s2); }
.legal ul { padding-left: 1.2em; margin: 0 0 var(--s2); }
.legal li { margin-bottom: var(--s1); }
.legal .lead { color: var(--tan-ink); max-width: none; }
.legal .meta { color: var(--tan-ink); font-size: var(--t-small); margin: 0; }
.legal a { color: var(--ink); text-decoration: underline; text-underline-offset: 3px; }
.legal .back { display: inline-block; margin-top: var(--s3); color: var(--ink); font-weight: 500; }