/* ============================================================================
   PayrAdvisors — Legal pages (Privacy Policy, Terms of Use)
   Simple, readable long-form typography. Strict 5-color brand.
   ============================================================================ */

.legal-header { background: var(--surface); border-bottom: 1px solid var(--line); }
.legal-header h1 { font-size: var(--fs-h1); color: var(--navy); }
.legal-updated { font-size: var(--fs-small); color: var(--muted); margin-top: var(--space-3); }

.legal-prose { color: var(--ink); }
.legal-prose > p:first-child { margin-top: 0; }
.legal-prose p { margin-top: var(--space-4); line-height: 1.7; }
.legal-prose h2 {
  margin-top: var(--space-7);
  margin-bottom: var(--space-2);
  font-size: var(--fs-h4);
  color: var(--navy);
}
.legal-prose h3 {
  margin-top: var(--space-5);
  margin-bottom: var(--space-2);
  font-size: var(--fs-h6);
  color: var(--navy);
}
.legal-prose ul {
  margin-top: var(--space-4);
  padding-left: 1.25rem;
  display: grid;
  gap: var(--space-2);
  list-style: disc;
}
.legal-prose li { line-height: 1.6; }
.legal-prose a { color: var(--blue); text-decoration: underline; }
.legal-prose a:hover { color: var(--navy); }
.legal-prose strong { color: var(--navy); }

/* All-caps legal disclaimers read smaller + muted so they don't shout the page down */
.legal-prose .legal-caps { font-size: var(--fs-small); color: var(--muted); letter-spacing: 0.01em; }