/* --------------------------------------------------
BLOG POST CONTAINER RESET
Divi adds padding and borders to blog posts that
often conflict with custom layouts.
This removes those defaults so the Pagecafe layout
controls spacing instead.
-------------------------------------------------- */
.single-post .et_pb_post,
.blog .et_pb_post,
.archive .et_pb_post {
  padding: 0;
  border: 0;
  background: transparent;
}
/* --------------------------------------------------
BLOG POST TITLE
Controls spacing for blog titles in single posts
and archive listings.
-------------------------------------------------- */
.single-post .entry-title,
.blog .entry-title,
.archive .entry-title {
  margin-bottom: 0.4em;
}
/* --------------------------------------------------
POST META INFORMATION
Used for date, author, and category metadata
displayed beneath blog titles.
-------------------------------------------------- */
.single-post .post-meta,
.blog .post-meta,
.archive .post-meta {
  margin-bottom: 1.25rem;
  font-size: 0.95rem;
  color: var(--pc-ink-soft);
}
/* --------------------------------------------------
ARTICLE SECTION HEADINGS
Adds vertical spacing before major headings
inside long-form blog content.
-------------------------------------------------- */
.single-post .et_pb_post_content h2,
.single-post .entry-content h2 {
  margin-top: 1.5em;
}
.single-post .et_pb_post_content h3,
.single-post .entry-content h3 {
  margin-top: 1.2em;
}
/* --------------------------------------------------
BLOG LISTS
Improves spacing for ordered and unordered lists
inside blog articles.
-------------------------------------------------- */
.single-post .et_pb_post_content ul,
.single-post .entry-content ul,
.single-post .et_pb_post_content ol,
.single-post .entry-content ol {
  margin-bottom: 1.25em;
}
/* --------------------------------------------------
FEATURED IMAGE STYLING
Applies rounded corners to featured images used
in blog posts and archive previews.
-------------------------------------------------- */
.single-post .et_pb_image_container img,
.blog .et_pb_image_container img,
.archive .et_pb_image_container img {
  border-radius: var(--pc-radius-lg);
}
/* --------------------------------------------------
TOP SPACING FOR BLOG POSTS
Adds spacing above the first section of blog posts
to prevent content from feeling cramped under
the header.
-------------------------------------------------- */
.pagecafe-single-post .et_pb_section:first-child {
  padding-top: 3rem;
}