/* ==========================================================================
   SINGLE POST STYLES (Single item view)
   ========================================================================== */

/* 1. Center alignment for post title */
.single-post .wp-block-post-title {
    text-align: center !important;
}

/* 2. Left alignment for main content text, and a readable, centered column
      width - matches the narrow reading column used on the Biography page
      (which gets its width from the theme's own content-size layout
      variable), but scoped only to single posts so it never depends on
      biography-specific CSS or markup. */
.single-post .entry-content {
    max-width: var(--wp--style--global--content-size, 840px);
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box;
}

.single-post .entry-content,
.single-post .entry-content p,
.single-post .entry-content .two-column-paragraph,
.single-post .entry-content .short-paragraph {
    text-align: left !important;
    box-sizing: border-box;
}

/* 3. Center alignment for standalone single images */
.single-post .entry-content figure.wp-block-image,
.single-post .entry-content .wp-block-image {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100% !important;
    padding-top: 20px;
}

.single-post .entry-content .wp-block-image img {
    margin: 0 auto !important;
    display: block !important;
    height: auto !important;
}

/* 4. Responsive layout: 200px side padding on screens 1920px and wider */
@media screen and (min-width: 1920px) {
    .single-post main#wp--skip-link--target,
    .single-post main.is-layout-constrained,
    .single-post main.main-content {
        padding-left: 200px !important;
        padding-right: 200px !important;
        max-width: 100% !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
}