/* mfa-core legal-page.css — shared styling for [mfa_privacy_page] and
   [mfa_terms_page] (/privacy-policy/ and /terms-of-service/). Plain HTML,
   no Kadence blocks. Reuses .mfa-tool-page-header from tool-page.css.
   No ad column — legal pages should read as focused, uncluttered
   documents, unlike the tool/directory pages. */

.mfa-legal-page { font-family: var(--mfa-font, "Lato", sans-serif); max-width: 900px; margin: 0 auto; }

.mfa-legal-page-body {
  max-width: 760px;
  margin: 0 auto;
  padding: 40px 20px 140px;
}
@media (min-width: 783px) {
  .mfa-legal-page-body { padding: 48px 24px 72px; }
}

.mfa-legal-meta {
  font-size: 14px;
  color: #56655f;
  margin: 0 0 24px;
}

.mfa-legal-article h2 {
  font-size: 20px;
  font-weight: 800;
  color: var(--mfa-ink);
  margin: 32px 0 12px;
}
.mfa-legal-article h2:first-child { margin-top: 0; }
.mfa-legal-article h3 {
  font-size: 16.5px;
  font-weight: 700;
  color: var(--mfa-ink);
  margin: 20px 0 8px;
}
.mfa-legal-article p {
  font-size: 15px;
  line-height: 1.75;
  color: #3d4a45;
  margin: 0 0 14px;
}
.mfa-legal-article ul {
  margin: 0 0 14px;
  padding-left: 20px;
}
.mfa-legal-article li {
  font-size: 15px;
  line-height: 1.7;
  color: #3d4a45;
  margin-bottom: 6px;
}
.mfa-legal-article strong { color: var(--mfa-ink); }
/* #25988b was 3.53:1 against white - fails 4.5:1 at this size/weight
   (regular 15px, not "large text"). var(--mfa-teal-dark) clears it
   (~4.96:1). */
.mfa-legal-article a {
  color: var(--mfa-teal-dark);
  text-decoration: underline;
}