.blog-post {
  width: min(660px, 100% - 40px);
  margin-inline: auto;
  padding-top: 48px;
}
.blog-post h1 { margin-block: 0 24px; }
.blog-post__body { line-height: 1.65; }
.blog-post__body p { margin-bottom: 1.1em; }
.blog-post__body p:last-child { margin-bottom: 0; }
.blog-post__body h2 { margin-block: 40px 16px; }
.blog-post__body ul,
.blog-post__body ol { margin-block: 0 1.1em; padding-inline-start: 1.5em; }
.blog-post__body li + li { margin-top: .35em; }
.blog-post__body li::marker { color: var(--c-gold); }
.blog-post__body hr {
  margin-block: 40px;
  border: 0;
  border-top: 1px solid var(--c-divider-soft);
}
.blog-post__body hr + h2 { margin-top: 0; }
.blog-post__body a {
  color: var(--c-gold);
  text-decoration: underline;
  text-underline-offset: .2em;
  transition: color var(--t-fast);
}
@media (hover: hover) { .blog-post__body a:hover { color: var(--c-text); } }
.blog-cta { min-height: 0; margin-top: 56px; }
.blog-cta .heading-group { margin-bottom: var(--widget-gap); }
.blog-cta__actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; }
.blog-cta .btn--primary:focus-visible { border-color: var(--c-accent); }  
@media (hover: hover) { .blog-cta .btn--primary:hover { border-color: var(--c-accent); } }
@media (min-width: 1025px) and (max-width: 1289px) {
  .blog-cta { padding-inline: 20px; }
}
@media (max-width: 767px) {
  .blog-post { padding-top: 32px; }
  .blog-post h1 { margin-bottom: 20px; font-size: 32px; }
  .blog-post__body h2 { margin-block: 32px 12px; font-size: 26px; }
  .blog-post__body hr { margin-block: 32px; }
  .blog-post__body hr + h2 { margin-top: 0; }
  .blog-cta { margin-top: 40px; }
}
@media (max-width: 359px) {
  .blog-cta__actions { flex-direction: column; align-items: stretch; }
}