.scl-canvas{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:var(--scl-row,72px);gap:var(--scl-gap,12px);position:relative;box-sizing:border-box;min-width:0}.scl-canvas *{box-sizing:border-box}.scl-item{min-width:0;min-height:0;position:relative;overflow:hidden;display:flex;align-items:stretch}.scl-item h2,.scl-item h3,.scl-item p{margin:0}.scl-item h2{font-size:clamp(24px,3vw,42px);line-height:1.17;font-weight:750}.scl-item .scl-copy{font-size:16px;line-height:1.55;color:#414b58}.scl-card{width:100%;height:100%;border:1px solid #d5dfe9;border-radius:14px;background:#f2f6fa;padding:22px;display:flex;align-items:flex-start}.scl-card h3{font-size:22px;line-height:1.3}.scl-button{display:inline-flex;align-items:center;justify-content:center;align-self:center;min-height:46px;background:#184e87;color:#fff!important;text-decoration:none;border-radius:9px;padding:12px 20px;font-size:15px;font-weight:600}.scl-type-image img{width:100%;height:100%;object-fit:cover;border-radius:12px;display:block}@media(min-width:701px) and (max-width:1000px){.scl-canvas:not(.scl-canvas-editor){display:flex;flex-wrap:wrap;gap:var(--scl-gap,12px)}.scl-canvas:not(.scl-canvas-editor)>.scl-item{grid-column:auto!important;grid-row:auto!important;flex:1 1 calc(100% / var(--scl-tablet-columns,6) * 3 - var(--scl-gap,12px));min-height:120px}.scl-canvas:not(.scl-canvas-editor)>.scl-type-image{min-height:220px}}
@media(max-width:700px){.scl-canvas:not(.scl-canvas-editor){display:flex;flex-direction:column;gap:var(--scl-mobile-gap,16px)}.scl-canvas:not(.scl-canvas-editor)>.scl-item{grid-column:auto!important;grid-row:auto!important;min-height:auto;order:var(--scl-mobile-order,0)}.scl-canvas:not(.scl-canvas-editor)>.scl-type-image{height:230px}.scl-canvas:not(.scl-canvas-editor)>.scl-type-card{min-height:150px}.scl-canvas:not(.scl-canvas-editor)>.scl-type-button{justify-content:flex-start}.scl-item h2{font-size:clamp(23px,6vw,34px)}}

.scl-canvas .scl-card{background:var(--scl-surface,#f2f6fa);border-radius:var(--scl-radius,14px)}

.scl-canvas .scl-item{padding:var(--scl-item-padding,0px)}
.scl-canvas .scl-item[style*=center] .scl-button{margin-inline:auto}

/* v0.8.0 device visibility */
@media(min-width:701px) and (max-width:1000px){.scl-canvas:not(.scl-canvas-editor)>.scl-hide-tablet{display:none!important}}
@media(max-width:700px){.scl-canvas:not(.scl-canvas-editor)>.scl-hide-mobile{display:none!important}}
.scl-canvas .scl-item{overflow-wrap:anywhere}

/* v0.9.0 individualized frame */
.scl-canvas .scl-item{border:var(--scl-border-width,0px) solid var(--scl-border-color,transparent)}

/* v1.1 Gutenberg native-grid (real, independently editable nested blocks) */
.scl-native-grid{display:grid;grid-template-columns:repeat(var(--scl-native-cols,3),minmax(0,1fr));gap:var(--scl-native-gap,16px);min-width:0;box-sizing:border-box}
.scl-native-cell{grid-column:span min(var(--scl-cell-span,1),var(--scl-native-cols,3));min-width:0;background:var(--scl-cell-bg,#f5f7fa);border-radius:12px;padding:20px;overflow-wrap:anywhere;box-sizing:border-box}
.scl-native-cell > *{max-width:100%}
@media(max-width:1000px){.scl-native-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.scl-native-cell{grid-column:span 1}}
@media(max-width:700px){.scl-native-grid{grid-template-columns:minmax(0,1fr)}.scl-native-cell{grid-column:1/-1}}

/* v1.2: responsive visibility and per-cell design settings */
.scl-native-cell{padding:var(--scl-cell-padding,20px);border-radius:var(--scl-cell-radius,12px)}
@media(min-width:701px) and (max-width:1000px){.scl-native-cell.scl-native-hide-tablet{display:none}}
@media(max-width:700px){.scl-native-cell.scl-native-hide-mobile{display:none}}

/* Responsive dynamic Gutenberg PRO; scoped to avoid theme CSS collisions. */
.scl-grid-pro{display:grid;grid-template-columns:repeat(var(--scl-pro-columns,3),minmax(0,1fr));column-gap:var(--scl-pro-gap,16px);row-gap:var(--scl-pro-row-gap,16px);width:100%;max-width:var(--scl-pro-max-width,100%);min-height:var(--scl-pro-min-height,0px);margin-inline:auto;background:var(--scl-pro-background,#fff);padding:var(--scl-pro-padding,0px);border-radius:var(--scl-pro-radius,0px);min-width:0;box-sizing:border-box}
.scl-grid-pro *{box-sizing:border-box}
.scl-cell-pro{grid-column:span min(var(--scl-pro-span,1),var(--scl-pro-columns,3));min-width:0;min-height:0;overflow-wrap:anywhere;background:var(--scl-pro-cell-bg,#f5f7fa);padding:var(--scl-pro-cell-padding,20px);border-radius:var(--scl-pro-cell-radius,12px);border:var(--scl-pro-border-width,0px) solid var(--scl-pro-border-color,#dbe2ec)}
.scl-cell-pro > *{max-width:100%}
.scl-cell-pro.scl-pro-shadow{box-shadow:0 12px 28px rgba(27,42,68,.09)}
.scl-grid-pro.scl-pro-equal{grid-auto-rows:1fr}
@media (min-width:701px) and (max-width:1000px){.scl-grid-pro{grid-template-columns:repeat(var(--scl-pro-tablet,2),minmax(0,1fr));column-gap:var(--scl-pro-tablet-gap,12px)}.scl-grid-pro>.scl-cell-pro{grid-column:span min(var(--scl-pro-tablet-span,1),var(--scl-pro-tablet,2))}.scl-grid-pro>.scl-pro-hide-tablet{display:none}}
@media (max-width:700px){.scl-grid-pro{grid-template-columns:repeat(var(--scl-pro-mobile,1),minmax(0,1fr));column-gap:var(--scl-pro-mobile-gap,12px)}.scl-grid-pro>.scl-cell-pro{grid-column:span min(var(--scl-pro-mobile-span,1),var(--scl-pro-mobile,1));order:var(--scl-pro-order,0)}.scl-grid-pro>.scl-pro-hide-mobile{display:none}}

/* 1.4 PRO styles: section frame, optional hover and per-breakpoint cell refinements */
.scl-grid-pro{border:var(--scl-pro-frame-width,0px) solid var(--scl-pro-frame-color,#dbe2ec);color:var(--scl-pro-text-color,#202b3d)}
.scl-grid-pro>.scl-cell-pro{order:var(--scl-pro-desktop-order,0);min-height:var(--scl-pro-cell-min-height,0px)}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.scl-grid-pro>.scl-pro-hover{transition:outline-color .18s ease,box-shadow .18s ease;outline:2px solid transparent;outline-offset:-2px}.scl-grid-pro>.scl-pro-hover:hover{outline-color:#2872c7;box-shadow:0 12px 24px rgba(30,70,120,.12)}}
@media(max-width:700px){.scl-grid-pro>.scl-cell-pro{padding:var(--scl-pro-cell-mobile-padding,16px);order:var(--scl-pro-order,0)}}

/* 1.5: responsive spacing, tablet ordering and independent appearance. */
.scl-grid-pro.scl-pro-section-shadow{box-shadow:0 18px 48px rgba(23,42,72,.11)}
.scl-grid-pro>.scl-cell-pro{color:var(--scl-pro-cell-text-color,#202b3d)}
@media (min-width:701px) and (max-width:1000px){.scl-grid-pro{row-gap:var(--scl-pro-tablet-row-gap,16px);padding:var(--scl-pro-tablet-padding,0px)}.scl-grid-pro>.scl-cell-pro{order:var(--scl-pro-tablet-order,0);padding:var(--scl-pro-cell-tablet-padding,20px)}}
@media(max-width:700px){.scl-grid-pro{row-gap:var(--scl-pro-mobile-row-gap,12px);padding:var(--scl-pro-mobile-padding,0px)}}

/* 1.6: section space and accessible inner focus. */
.scl-grid-pro{padding-top:var(--scl-pro-top-padding,var(--scl-pro-padding,0px));padding-bottom:var(--scl-pro-bottom-padding,var(--scl-pro-padding,0px))}
.scl-grid-pro>.scl-pro-hide-desktop{display:none}
.scl-grid-pro>.scl-pro-focus:focus-within{outline:2px solid #2872c7;outline-offset:2px}
@media(min-width:701px) and (max-width:1000px){.scl-grid-pro>.scl-cell-pro{min-height:var(--scl-pro-cell-tablet-min-height,0px)}.scl-grid-pro>.scl-pro-hide-desktop:not(.scl-pro-hide-tablet){display:block}}
@media(max-width:700px){.scl-grid-pro{border-radius:var(--scl-pro-mobile-radius,0px)}.scl-grid-pro>.scl-cell-pro{min-height:var(--scl-pro-cell-mobile-min-height,0px)}.scl-grid-pro>.scl-pro-hide-desktop:not(.scl-pro-hide-mobile){display:block}}

/* 1.7 foundational corrections */
.scl-grid-pro>.scl-cell-pro{border-width:var(--scl-pro-border-width,0px);border-color:var(--scl-pro-border-color,#dbe2ec)}
.scl-grid-pro>.scl-pro-hide-desktop{display:none}
@media (min-width:701px) and (max-width:1000px){.scl-grid-pro>.scl-pro-hide-tablet{display:none!important}}
@media(max-width:700px){.scl-grid-pro>.scl-pro-hide-mobile{display:none!important}}

/* v1.7: structural grid controls */
.scl-grid-pro{grid-auto-flow:var(--scl-x-grid-flow,row);align-content:var(--scl-x-content-align,start);justify-items:var(--scl-x-justify-items,stretch)}
.scl-grid-pro[style*="--scl-x-clip:1"]{overflow:hidden}
.scl-grid-pro[style*="--scl-x-grid-focus:1"]:focus-within{outline:2px solid #2375bd;outline-offset:2px}
@media(min-width:701px) and (max-width:1000px){.scl-grid-pro{border-radius:var(--scl-x-tablet-radius,var(--scl-pro-radius,0px))}}


/* v1.8: flexible cells */
.scl-grid-pro>.scl-cell-pro[style*="--scl-x-cell-clip:1"]{overflow:hidden}
.scl-grid-pro>.scl-cell-pro[style*="--scl-x-body-flow:column"]{display:flex;flex-direction:column}
.scl-grid-pro>.scl-cell-pro img{object-fit:var(--scl-x-media-fit,cover)}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.scl-grid-pro>.scl-cell-pro[style*="--scl-x-hover-lift:1"]{transition:transform .2s ease,box-shadow .2s ease}.scl-grid-pro>.scl-cell-pro[style*="--scl-x-hover-lift:1"]:hover{transform:translateY(-4px);box-shadow:0 16px 30px rgba(22,46,74,.13)}}
@media(min-width:701px) and (max-width:1000px){.scl-grid-pro>.scl-cell-pro{border-radius:var(--scl-x-cell-tablet-radius,12px)}}
@media(max-width:700px){.scl-grid-pro>.scl-cell-pro{border-radius:var(--scl-x-cell-mobile-radius,12px)}}


/* v1.9: mobile-specific design system */
@media (min-width:701px) and (max-width:1000px){.scl-grid-pro{background:var(--scl-x-tablet-background,#ffffff)}}
@media (max-width:700px){.scl-grid-pro{background:var(--scl-x-mobile-background,#ffffff);border-width:var(--scl-x-mobile-frame,0px);border-color:var(--scl-x-mobile-frame-color,#dbe2ec);min-height:var(--scl-x-mobile-grid-min,0px);align-items:var(--scl-x-mobile-align,stretch)}}


/* v2.0: responsive typography and accessible focus */
.scl-grid-pro>.scl-cell-pro.scl-pro-focus:focus-within{outline-color:var(--scl-x-focus-color,#2872c7)}
@media(min-width:701px) and (max-width:1000px){.scl-grid-pro>.scl-cell-pro{text-align:var(--scl-x-tablet-text,left)}}
@media(max-width:700px){.scl-grid-pro>.scl-cell-pro{text-align:var(--scl-x-mobile-text,left);border-width:var(--scl-x-mobile-cell-frame,0px);border-color:var(--scl-x-mobile-cell-border,#dbe2ec)}.scl-grid-pro>.scl-cell-pro[style*="--scl-x-mobile-shadow:1"]{box-shadow:0 10px 25px rgba(20,48,80,.13)}}
@media(prefers-reduced-motion:reduce){.scl-grid-pro *{transition:none!important;animation:none!important}}


/* v3.0: contain grid intrinsic widths and oversized media */
.scl-canvas,.scl-grid-pro,.scl-native-grid,.scl-m-grid{box-sizing:border-box;width:100%;max-width:100%;min-width:0}
.scl-grid-pro>.scl-cell-pro,.scl-native-grid>.scl-native-cell,.scl-m-grid>.scl-m-cell{box-sizing:border-box;min-width:0;max-width:100%;overflow-wrap:anywhere}
.scl-grid-pro img,.scl-native-grid img,.scl-canvas img{max-width:100%;height:auto}
