/* ROVE — legal pages (terms, privacy). Shared chrome in site.css; tokens in colors_and_type.css. */

.legal-top { padding: 64px 0 0; }
  .legal-head { max-width: 720px; margin: 0 auto; }
  .legal-head .cat { font: var(--t-caps); letter-spacing: 0.12em; text-transform: uppercase; color: var(--soil-600); }
  .legal-head h1 { font: var(--t-display-l); letter-spacing: -0.015em; margin: 14px 0 12px; text-wrap: balance; }
  .legal-head .updated { font: var(--t-meta); color: var(--ink-2); }

.legal-prose { max-width: 720px; margin: 0 auto; padding: 40px 0 96px; }
  .legal-prose p { font: 400 17px/1.7 var(--font-sans); color: var(--ink-1); margin: 0 0 18px; text-wrap: pretty; }
  .legal-prose h2 { font: var(--t-h1); margin: 44px 0 12px; letter-spacing: -0.005em; }
  .legal-prose h3 { font: var(--t-h3); margin: 28px 0 10px; }
  .legal-prose ul { margin: 0 0 18px; padding-left: 22px; }
  .legal-prose li { font: 400 17px/1.7 var(--font-sans); color: var(--ink-1); margin-bottom: 8px; }
  .legal-prose a { color: var(--forest-700); }
  .legal-prose .lead { font: 400 19px/1.65 var(--font-sans); color: var(--ink-2); }
  .legal-prose .callout {
    margin: 26px 0; padding: 16px 20px; border-left: 3px solid var(--forest-500);
    background: var(--paper-2, #f3ecdc); border-radius: var(--r-m, 12px);
    font: 400 16px/1.65 var(--font-sans); color: var(--ink-1);
  }