/* Framer parity for post templates (Maya, 2026-10-28).
   Values measured on manyreach.com (Framer) vs this site at 1440px and 390px.
   Linked from layouts/site.html; "html body" prefix makes these win over the page stylesheets loaded later. */

/* Comparison posts (/comparisons/*) */
html body .cmp-hero__title { letter-spacing: -1.92px; }
html body .post__body h2 { margin-top: 40px; letter-spacing: -2px; }
html body .post__body h3 { margin-top: 40px; letter-spacing: -1px; }
html body .post__body h2 + h3 { margin-top: 40px; }
html body .post__body p { letter-spacing: -0.2px; }
html body .post__body ul, html body .post__body ol { margin-top: 32px; padding-left: 20px; list-style: disc; }
html body .post__body ol { list-style: decimal; }
html body .post__body li { font-size: 16px; line-height: 21.6px; letter-spacing: -0.2px; font-weight: 400; }
html body .cmp-table th, html body .cmp-table td { letter-spacing: -0.2px; }
/* The 22% / 46.3% column widths only suit 3-column "Manyreach vs X" tables; wider tables share space equally */
html body .cmp-table tr > :nth-child(1), html body .cmp-table tr > :nth-child(2) { width: auto; }
html body .cmp-table tr > :nth-child(1):nth-last-child(3) { width: 22%; }
html body .cmp-table tr > :nth-child(2):nth-last-child(2) { width: 46.3%; }

/* Agency posts (/agency/*) */
html body .rich { letter-spacing: -0.2px; }
html body .rich h2 { letter-spacing: -2px; }
html body .rich h3 { letter-spacing: -1px; font-weight: 500; }

/* Case studies (/case-study/*) */
html body .cs-rich { letter-spacing: -0.2px; }
html body .cs-rich h2 { letter-spacing: -2px; }
html body .cs-rich h3 { letter-spacing: -1px; font-weight: 500; }

/* Blog posts (/blog/*): Framer keeps -2px / -1px heading tracking on tablet and phone too */
html body .bpt-prose h2 { letter-spacing: -2px; }
html body .bpt-prose h3 { letter-spacing: -1px; }

@media (max-width: 809px) {
  html body .cmp-hero__title { letter-spacing: -1.6px; }
}