/* creators.html and privacy.html only. Long-form prose, so it gets its own
   measure and heading rhythm instead of the marketing page's section grid.
   A file rather than an inline <style> so the CSP can stay style-src 'self'. */
.legal { max-width: var(--page); margin: 0 auto; padding: var(--sp-14) var(--sp-8) var(--sp-24); }
.legal .kicker { display: block; margin-bottom: var(--sp-3); }
.legal h1 { font-size: var(--fs-d2); letter-spacing: var(--ls-display); margin-bottom: var(--sp-2); }
.legal .updated { color: var(--ink-soft); margin-bottom: var(--sp-8); }
.legal h2 {
  font-size: var(--fs-d4); letter-spacing: var(--ls-display);
  margin-top: var(--sp-14); margin-bottom: var(--sp-4); padding-top: var(--sp-8);
  border-top: var(--rule);
}
.legal p, .legal li { margin-bottom: var(--sp-4); }
.legal ul, .legal ol { padding-left: var(--sp-6); margin-bottom: var(--sp-4); }
.legal a { color: var(--signal-text); text-underline-offset: 3px; }
.legal a:hover { color: var(--ink); }
.legal strong { color: var(--ink); }
.legal .table-wrap { overflow-x: auto; margin-bottom: var(--sp-6); }
.legal table { width: 100%; border-collapse: collapse; font-size: var(--fs-mono); }
.legal th, .legal td { text-align: left; padding: var(--sp-2) var(--sp-3); border-bottom: 1px solid var(--olive); vertical-align: top; }
.legal th { font-family: "IBM Plex Mono", "IBM Plex Mono fb", monospace; text-transform: uppercase; letter-spacing: var(--ls-mono-caps); font-weight: 500; }
.legal hr { border: none; border-top: var(--rule); margin: var(--sp-10) 0; }