/* In boxed and framed modes, custom block color belongs to the inner card,
   so the website background remains visible as a consistent outer frame. */
.layout-boxed #main .home-custom-block,.layout-framed #main .home-custom-block{background:transparent!important;padding-left:0;padding-right:0}
.layout-boxed #main .home-custom-block>.block-inner,.layout-framed #main .home-custom-block>.block-inner{width:calc(100% - 40px)!important;max-width:none;background:var(--block-bg);padding:30px 20px;border-radius:var(--theme-radius)}
.layout-boxed #main .home-custom-block+.home-custom-block,.layout-framed #main .home-custom-block+.home-custom-block{padding-top:0}
/* Full-width deliberately keeps block backgrounds edge-to-edge. */
.layout-full #main .home-custom-block{background:var(--block-bg)}
@media(max-width:700px){.layout-boxed #main .home-custom-block>.block-inner,.layout-framed #main .home-custom-block>.block-inner{width:calc(100% - 28px)!important;padding:22px 14px}}