/* =============================================================================
   ACS Site-wide Reading Typography  (Round 11)
   The article-body reading style is the site's font reference:
   body / reading paragraphs use a Medium-style serif (Source Serif 4),
   while headings, nav, buttons, product cards and forms stay Outfit (UI font).
   Targeted at content selectors so UI chrome is never turned serif.
   ============================================================================= */
:root {
  --acs-ff-serif: "Source Serif 4", Georgia, Cambria, "Times New Roman", serif;
  --acs-ff-sans: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

/* ---- Reading / body text across the site -> serif ---- */
.acs-section-sub,
.acs-intro-copy, .acs-intro-copy p,
.acs-hero-copy p,
.acs-trust-metric p,
.acs-final-cta p,
.rey-postContent, .rey-postContent p, .rey-postContent li,
.acs-sol-section p, .acs-sol-intro, .acs-sol-lead, .acs-sol-pain p, .acs-sol-package p,
.acs-about-company p, .acs-about-lead, .acs-about-intro,
.acs-why-section p, .acs-why-lead, .acs-why-quote p, .acs-why-buyer-panel p,
.elementor-widget-text-editor, .elementor-widget-text-editor p, .elementor-widget-text-editor li,
.entry-content p, .entry-content li,
blockquote, blockquote p {
  font-family: var(--acs-ff-serif) !important;
  -webkit-font-smoothing: antialiased;
}

/* Slightly more generous reading rhythm for serif body. */
.acs-section-sub,
.acs-about-company p,
.acs-sol-section p,
.acs-why-section p,
.elementor-widget-text-editor p,
.entry-content p {
  line-height: 1.72;
}

/* ---- Medium-style blockquote / pull-quote (content, site-wide) ---- */
blockquote {
  font-style: italic;
}
.rey-postContent blockquote {
  font-family: var(--acs-ff-serif) !important;
  font-style: italic;
  font-size: 1.22em;
  line-height: 1.5;
  color: #1c1c1c;
  border-left: 3px solid var(--acs-red, #e63946);
  padding: 2px 0 2px 24px;
  margin: 1.6em 0;
}

/* ---- In-text highlight (Medium-like) ---- */
.rey-postContent mark, .acs-highlight {
  background: rgba(230, 57, 70, .12);
  color: inherit;
  padding: .04em .22em;
  border-radius: 2px;
}

/* ---- Keep these explicitly in the UI sans even if nested in content ---- */
.acs-kicker,
.acs-text-link,
.acs-btn, .button, .acs-btn *, button,
.rey-postCategories a,
.acs-section-head h2 {
  font-family: var(--acs-ff-sans) !important;
}