.b-hub-layout__body {
    background: var(--color-white);
}

/* Separator spans the full width of the body within this layout */
:where(.b-hub-layout) .b-separator {
    max-width: 100%;
}

@media all and (min-width: 48em) {
    .b-hub-layout {
        padding-inline: calc(24/16*1rem);
        padding-block: calc(80/16*1rem);
    }
    .b-hub-layout__body {
        max-width: calc(var(--max-width--block) + 2 * 70/16*1rem);
        margin-inline: auto;
        border-radius: calc(14/16*1rem);
    }
}

/* Gutenberg editor preview */
.acf-block-preview .b-hub-layout__body {
    overflow: visible;
}
:where(.b-hub-layout.is-preview) .wp-block {
    margin-inline: 0 !important;
}
:where(.b-hub-layout.is-preview) .block-editor-block-list__layout:not(:has(.wp-block:not(.block-list-appender))) {
    min-height: calc(100/16*1rem);
    border: 1px dotted var(--color-grey--medium);
}
.block-editor-block-list__block .b-hub-layout.is-preview .block-list-appender {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: calc(10/16*1rem);
    border: 2px solid var(--wp-admin-theme-color);
}