/* Article body, CTA, related posts. */

.me-post-content {
  font-size: 17.5px;
  line-height: 1.7;
  color: #2a2a2a;
  overflow-wrap: anywhere;
}
.me-post-content > *:first-child { margin-top: 0; }
.me-post-content h2,
.me-post-content h3 {
  margin: 32px 0 12px;
  letter-spacing: -0.03em;
  line-height: 1.25;
}
.me-post-content h2 { font-size: 28px; }
.me-post-content h3 { font-size: 22px; }
.me-post-content p { margin: 0 0 18px; }
.me-post-content ul,
.me-post-content ol { margin: 0 0 18px; padding-left: 22px; }
.me-post-content li { margin: 0 0 8px; }
.me-post-content a { font-weight: 600; }
.me-landing .me-post-content img,
.me-post-content figure,
.me-post-content table,
.me-post-content .wp-block-image {
  margin: 24px 0;
  border-radius: 14px;
  height: auto !important;
  max-width: 100% !important;
}
.me-post-content blockquote {
  margin: 24px 0;
  padding: 16px 20px;
  border-left: 3px solid var(--me-accent);
  background: #fff;
  border-radius: 0 12px 12px 0;
  color: var(--me-muted);
}

.me-post-cta {
  margin-top: 40px;
  padding: 28px 28px 26px;
  border: 1px solid var(--me-border);
  border-radius: 16px;
  background: #fff;
}
.me-post-cta__kicker {
  margin: 0 0 6px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--me-accent);
}
.me-post-cta h2 { margin: 0 0 8px; font-size: 22px; letter-spacing: -0.03em; }
.me-post-cta p { margin: 0 0 16px; color: var(--me-muted); max-width: 48ch; }

.me-post-related {
  padding: 8px 0 88px;
  background: var(--me-bg);
}
.me-blog-kicker,
.me-post-related .me-blog-kicker {
  margin: 0 0 6px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--me-accent);
}
.me-post-related__title {
  margin: 0 0 22px;
  font-size: 26px;
  letter-spacing: -0.03em;
}
