.cms-flow-box{display:flex;width:100%;gap:16px;box-sizing:border-box}
.cms-flow-box.horizontal{flex-direction:row;flex-wrap:wrap}
.cms-flow-box.vertical{flex-direction:column}
.size-box-content{max-width:100%;transform-origin:center}
@media(max-width:700px){.cms-flow-box.horizontal{flex-direction:column}.cms-flow-box>.cms-flow-child{max-width:100%}}

/* Responsive CMS: keep content readable instead of clipping fixed design dimensions. */
.cms-page{container-type:inline-size;container-name:cms;min-width:0;max-width:100%}
.cms-page *{box-sizing:border-box}
.cms-page :is(.cms-element,.canvas-child,.cms-flow-child,.flow-box-child,.free-canvas-child){min-width:0;max-width:100%;overflow-wrap:anywhere}
.cms-page :is(h1,h2,h3,p,a){overflow-wrap:anywhere;max-width:100%}
.cms-page :is(.cms-button,.canvas-button){white-space:normal;text-align:center;max-width:100%}
.cms-page :is(img,video,iframe){max-width:100%}
.cms-page :is(.cms-flow-box,.editor-flow-box){max-width:100%;min-width:0}
@container cms (max-width:900px){
 .cms-element{min-height:0!important;padding-inline:min(4cqi,24px)!important}
 .cms-page :is(h1,h2,h3,p,a){font-size:clamp(min(16px,var(--cms-font-size,32px)),min(calc(var(--cms-font-size,32px)*.55 + 2cqi),7cqi),var(--cms-font-size,32px))!important}
 .cms-page h1{--cms-font-size:48px}.cms-page h2{--cms-font-size:36px}.cms-page h3{--cms-font-size:24px}.cms-page :is(p,a){--cms-font-size:18px}
 .cms-page :is(.cms-free-canvas,.free-canvas){display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:16px;height:auto!important;min-height:0!important;overflow:visible!important}
 .cms-page :is(.canvas-child,.free-canvas-child){position:relative!important;left:auto!important;top:auto!important;width:100%!important;height:auto!important;min-height:0!important;overflow:visible!important}
 .cms-page :is(.cms-flow-child,.flow-box-child){max-width:100%;height:auto!important;min-height:0!important;overflow:visible!important;zoom:1!important}
 .cms-page :is(.cms-size-box,.size-box-content){height:auto!important;min-height:0!important;overflow:visible!important;zoom:1!important}
 .cms-page :is(.canvas-child,.free-canvas-child,.cms-flow-child,.flow-box-child) img{height:auto!important;object-fit:contain!important}
 .cms-page :is(.canvas-child,.free-canvas-child,.cms-flow-child,.flow-box-child) article{height:auto!important}
 .cms-page .resize-handle{display:none}
}
@container cms (max-width:560px){
 .cms-element{grid-column:1/-1!important}
 .cms-page :is(.cms-flow-box.horizontal,.editor-flow-box.horizontal){flex-direction:column!important;align-items:stretch!important;min-height:0!important}
 .cms-page :is(.cms-flow-child,.flow-box-child,.cms-size-box){width:100%!important}
 .cms-page :is(.cms-free-canvas,.free-canvas){grid-template-columns:minmax(0,1fr)}
}

.cms-page .cms-size-box{min-width:0!important;max-width:100%!important}
.cms-page .cms-size-box{grid-template-columns:minmax(0,1fr)}

/* Full-width canvas and background-free title/description block. */
.cms-page .cms-element:is(.cms-canvas-panel,.cms-snap-canvas-panel){width:100%!important;max-width:none!important;box-sizing:border-box}
.cms-page .cms-element>.cms-free-canvas{width:100%;max-width:none!important;margin-inline:0;box-sizing:border-box}
.cms-page .cms-title-text-content{display:grid;align-content:center;gap:.65rem;background:transparent}
.cms-page .cms-title-text-content h1{margin:0;text-wrap:balance;font-size:clamp(2rem,4vw,3.4rem);line-height:1.12;letter-spacing:-.045em}
.cms-page .cms-title-text-content p{margin:.25rem 0 0;text-wrap:pretty;white-space:pre-line;font-size:clamp(1rem,1.4vw,1.12rem);line-height:1.55;opacity:.82}