/* ============================================
   BLOG POST (native WordPress "Posts")
   Astra's own "Narrow Container" layout caps the
   content column at 750px, which no longer lines
   up with the 1400px header/search bar container
   used everywhere else on the site. Widen it to
   match, same width and side padding as the header.
   ============================================ */
body.single-post.ast-narrow-container .site-content > .ast-container {
    max-width: 1400px !important;
    padding-left: 24px;
    padding-right: 24px;
}

/* Page background — plain white, no separate "boxed card" look */
body.single-post {
    background: #fff !important;
}
body.single-post article.ast-article-single {
    background: #fff !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Astra's block-based content width caps every Gutenberg block
   (paragraphs, lists, headings...) at its own ~750px max-width and
   auto-centers it, which is what created the huge side margins.
   Let each block fill the 1400px / 24px-padding container instead. */
body.single-post .entry-content[data-ast-blocks-layout] > * {
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}