.mpe-layout{

    display:flex;

    width:100%;
    max-width:100%;
    min-width:0;
    box-sizing:border-box;

    gap:30px;

    align-items:flex-start;

}

.mpe-sidebar{

    flex:0 0 260px;
    width:260px;

    background:#ffffff;

    border-radius:18px;

    padding:25px;

    box-shadow:0 10px 30px rgba(0,0,0,.08);

    position:sticky;

    top:30px;

}

.mpe-content{

    flex:1 1 auto;
    width:calc(100% - 290px);
    min-width:0;
    box-sizing:border-box;

}
/* v4.8.71 — Desktop full-bleed fix.
 * The dashboard shortcode can sit inside a theme content column that is
 * narrower than the viewport. Use a viewport-based full-bleed calculation
 * instead of centering inside that content column. This keeps the existing
 * mobile rules untouched.
 */
@media (min-width: 901px) {
    .mpe-layout {
        display: flex !important;
        width: calc(100vw - 64px) !important;
        max-width: none !important;
        min-width: 0 !important;
        margin-left: calc((100% - 100vw) / 2 + 32px) !important;
        margin-right: 0 !important;
        transform: none !important;
        box-sizing: border-box !important;
    }

    .mpe-layout .mpe-sidebar {
        flex: 0 0 260px !important;
        width: 260px !important;
        min-width: 260px !important;
        box-sizing: border-box !important;
    }

    .mpe-layout .mpe-content {
        flex: 1 1 auto !important;
        width: auto !important;
        max-width: none !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    .mpe-layout .mpe-dashboard {
        width: 100% !important;
        max-width: 1200px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        box-sizing: border-box !important;
    }

    /* v4.8.72 — Preserve the original dashboard grid layout.
     * v4.8.68 introduced anchor wrappers around several full-width
     * dashboard sections. A grid wrapper becomes the grid item itself,
     * so the section's own grid-column: 1 / -1 can no longer apply.
     * Make only those anchor wrappers full-width; the inner section
     * retains its existing styling and navigation target.
     */
    .mpe-layout .mpe-dashboard-grid > .mpe-dashboard-anchor {
        grid-column: 1 / -1 !important;
        width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }
}