/* Content/css/v2/sections/legal-page.css
   Powers TermsofService.cshtml + _TermsofUse.cshtml, Privacy.cshtml +
   _Privacy.cshtml. Unlike everything else ported so far, there was no
   legacy CSS for this content at all - style.1.0.6.css has no rules
   for plain h4/p/ul/ol/strong outside a page-specific wrapper, because
   this content never had one (renders totally unstyled otherwise:
   full-width text, no padding, no type scale). This is new, not ported.

   Class rename: the legacy wrapper was ".add-pading" (typo, missing a
   "d") on both TermsofService.cshtml and Privacy.cshtml. Renamed to
   .legal-page-content everywhere - not just fixing the spelling, but
   naming it for what it actually wraps. */

.legal-page-content {
  max-width: 80vw;
  margin: 0 auto;
  padding: 72px 24px 96px;
}

.legal-page-content h4 {
  font-weight: 800;
  font-size: 2rem;
  color: var(--ce-color-navy);
  margin-bottom: 24px;
}

.legal-page-content p {
  color: #4b5567;
  line-height: 1.7;
  margin-bottom: 16px;
}

.legal-page-content strong,
.legal-page-content b {
  color: var(--ce-color-navy);
  font-weight: 700;
}

.legal-page-content ul,
.legal-page-content ol {
  margin: 0 0 16px;
  padding-left: 24px;
  color: #4b5567;
  line-height: 1.7;
}

.legal-page-content li {
  margin-bottom: 8px;
}

.legal-page-content a {
  color: var(--ce-color-primary);
  text-decoration: underline;
}

@media (max-width: 767px) {
  .legal-page-content {
    padding: 48px 20px 64px;
  }
}