/* ============================================================================
   Legal pages (privacy policy, terms of use) — plain, readable long-form on the
   soil background, using the shared chrome for nav + footer.
   ============================================================================ */
body { background: var(--canvas); }

#legal-soil { position: fixed; inset: 0; z-index: 0; width: 100%; height: 100%; display: block; pointer-events: none; }

#legal { position: relative; z-index: 1; max-width: 780px; margin: 0 auto;
  padding: clamp(120px, 16vh, 180px) clamp(20px, 5vw, 40px) clamp(70px, 10vh, 110px); }

#legal h1 { font-family: 'Greed Narrow', sans-serif; font-weight: 600; font-size: clamp(34px, 6vw, 58px);
  line-height: 1.02; letter-spacing: -.01em; color: var(--ink-strong); margin: 0 0 var(--space-2); }
#legal .legal-meta { font-family: 'Be Vietnam Pro', sans-serif; font-size: var(--text-xs); color: var(--ink-soft); margin: 0 0 clamp(28px, 4vh, 44px); }

#legal h2 { font-family: 'Greed Narrow', sans-serif; font-weight: 600; font-size: clamp(17px, 2vw, 21px);
  letter-spacing: .01em; text-transform: uppercase; color: var(--ink-strong); margin: clamp(30px, 4vh, 44px) 0 12px; }

#legal p, #legal li { font-family: 'Be Vietnam Pro', sans-serif; font-size: var(--text-sm); line-height: 1.65;
  color: rgba(235,233,217,.88); }
#legal p { margin: 0 0 var(--space-3); }
#legal ul { margin: 0 0 var(--space-4); padding-left: var(--space-5); }
#legal li { margin: 0 0 var(--space-2); }
#legal a { color: var(--color-primary-500); text-decoration: underline; }
#legal a:hover { color: var(--accent); }
#legal strong { color: var(--ink-strong); font-weight: 600; }
#legal address { font-style: normal; margin: 0 0 var(--space-3); }

/* intro paragraph reads a touch larger, like the hero support copy */
#legal .legal-lead { font-size: clamp(16px, 2vw, 18px); color: rgba(235,233,217,.95); }

@media (max-width: 767px) {
  #legal { padding: var(--space-12) var(--space-4) var(--space-10); }
  #legal p, #legal li { font-size: var(--text-sm); }
}