/* ==========================================================================
   1. Base Full-Width Page Container
   ========================================================================== */
.fullwidth-block-content {
    width: 100%;
}

/* ==========================================================================
   2. Standard Content Constraints (The default "Reading Width")
   Target both direct page children AND direct children of full-width blocks.
   ========================================================================== */
.fullwidth-block-content > *,
.fullwidth-block-content > .alignfull > * {
    max-width: 800px; /* Your default text/content width */
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
}

/* ==========================================================================
   3. Breakouts for Top-Level Blocks
   ========================================================================== */
/* The main section container stretches to 100% viewport */
.fullwidth-block-content > .alignfull {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
}

/* Standard top-level wide blocks */
.fullwidth-block-content > .alignwide {
    max-width: 1140px;
}

/* ==========================================================================
   4. Breakouts for Inner Blocks (Nested inside a Full-Width Group)
   This allows inner blocks to break back out to Wide or Full if specified.
   ========================================================================== */
/* If an inner block is set to "Wide" inside the full-width section */
.fullwidth-block-content > .alignfull > .alignwide {
    max-width: 1140px;
}

/* If an inner block is set to "Full" inside the full-width section */
.fullwidth-block-content > .alignfull > .alignfull {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
}