/* Light "compare pages" template, reused for legal/policy content (Billing
   Policies, Disclosure, EULA, Privacy Policy). These pages were on the dark
   .legal template, which was hard to read for dense text - this pairs with
   brand-tokens.css + compare-pages.css + compare-light-nav.css, the same
   stylesheets the compare pages load.

   Body copy needs stronger contrast than the compare template's default
   paragraph color (--color-text-secondary, a muted gray meant for short
   marketing captions) - bumped to --color-text-body here for readability. */

.legal-content h6 {
  margin: var(--space-8) 0 var(--space-2);
  color: var(--color-text-heading);
  font-size: 18px;
  font-weight: var(--weight-semibold);
}

.legal-content p,
.legal-content li {
  color: var(--color-text-body);
}

.legal-content ul,
.legal-content ol {
  padding-left: 22px;
}

.legal-content hr {
  border: none;
  border-top: 1px solid var(--color-border);
  margin: var(--space-6) 0;
}