/* P412: responsive 50/50 layouts shared with public output and admin preview. */
.p411-public-blocks{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;column-gap:18px;row-gap:20px;align-items:stretch}
.p411-public-blocks>.p411-b{min-width:0;width:100%;max-width:100%;margin:0}
.p411-public-blocks>.p412-width-full{grid-column:1/-1}
.p411-public-blocks>.p412-width-left{grid-column:1/2}
.p411-public-blocks>.p412-width-right{grid-column:2/3}
.p411-public-blocks>.p412-width-left,.p411-public-blocks>.p412-width-right{padding:clamp(15px,2vw,24px)}
.p411-public-blocks>.p412-width-left .p411-hero,.p411-public-blocks>.p412-width-right .p411-hero{grid-template-columns:1fr}
.p411-public-blocks>.p412-width-left .p411-split-grid,.p411-public-blocks>.p412-width-right .p411-split-grid{grid-template-columns:1fr}
.p411-public-blocks>.p412-width-left .p411-cards-grid,.p411-public-blocks>.p412-width-right .p411-cards-grid,
.p411-public-blocks>.p412-width-left .p411-gallery-grid,.p411-public-blocks>.p412-width-right .p411-gallery-grid,
.p411-public-blocks>.p412-width-left .p411-stats-grid,.p411-public-blocks>.p412-width-right .p411-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
/* P412 editor: two-column visual arrangement, with entire block still editable. */
.p411-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}
.p411-list>.p411-empty{grid-column:1/-1}
.p411-list>.p412-editor-full{grid-column:1/-1}
.p411-list>.p412-editor-left{grid-column:1/2}
.p411-list>.p412-editor-right{grid-column:2/3}
.p411-list>.p412-editor-left .p411-fields,.p411-list>.p412-editor-right .p411-fields{grid-template-columns:1fr}
.p411-list>.p412-editor-left .p411-item-name>small,.p411-list>.p412-editor-right .p411-item-name>small{display:none}
.p411-list>.p412-editor-left .p411-item-head,.p411-list>.p412-editor-right .p411-item-head{flex-wrap:wrap}
.p411-list>.p412-editor-left .p411-item-actions,.p411-list>.p412-editor-right .p411-item-actions{margin-left:auto}
.p411-list>.p412-editor-left .p411-item-body,.p411-list>.p412-editor-right .p411-item-body{padding:12px}
.p411-item-head{min-width:0}.p411-item-body{min-width:0}
.p411-miniopts select{max-width:100%}
.p411-preview-page .p411-public-blocks{width:100%;max-width:100%}
.p411-preview-mobile .p411-public-blocks{grid-template-columns:1fr!important}
.p411-preview-mobile .p411-public-blocks>.p411-b{grid-column:1/-1!important}
@media(max-width:960px){.p411-list{grid-template-columns:1fr}.p411-list>.p411-item{grid-column:1/-1}.p411-list>.p411-item:before{content:''}}
@media(max-width:720px){.p411-public-blocks{grid-template-columns:1fr!important}.p411-public-blocks>.p411-b{grid-column:1/-1!important}.p411-public-blocks>.p412-width-left .p411-cards-grid,.p411-public-blocks>.p412-width-right .p411-cards-grid,.p411-public-blocks>.p412-width-left .p411-gallery-grid,.p411-public-blocks>.p412-width-right .p411-gallery-grid,.p411-public-blocks>.p412-width-left .p411-stats-grid,.p411-public-blocks>.p412-width-right .p411-stats-grid{grid-template-columns:1fr}}
/* A hero section is itself the grid item; half width needs a one-column internal layout. */
.p411-public-blocks>.p411-hero.p412-width-left,.p411-public-blocks>.p411-hero.p412-width-right{grid-template-columns:1fr!important}
.p411-public-blocks>.p411-hero.p412-width-left .p411-hero-media,.p411-public-blocks>.p411-hero.p412-width-right .p411-hero-media{min-width:0}
.p412-builder-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
@media(max-width:560px){.p412-builder-actions{width:100%}.p412-builder-actions .p407-btn{flex:1;justify-content:center}}
/* P014: a left and right block occupy one row on desktop, with clearly marked edit columns. */
body.website-cms .p411-list>.p412-editor-left{box-shadow:inset 3px 0 #8fbbe9}
body.website-cms .p411-list>.p412-editor-right{box-shadow:inset -3px 0 #8fbbe9}
@media(max-width:960px){body.website-cms .p411-list>.p412-editor-left,body.website-cms .p411-list>.p412-editor-right{box-shadow:none}}
