.cea-feature-tabs{display:grid;grid-template-columns:minmax(0,var(--cea-tabs-width,46%)) minmax(0,1fr);gap:var(--cea-column-gap,48px);align-items:start;width:100%}
.cea-feature-tabs.cea-tabs-right{grid-template-columns:minmax(0,1fr) minmax(0,var(--cea-tabs-width,46%))}
.cea-tabs-right>.cea-tab-list{grid-column:2;grid-row:1}.cea-tabs-right>.cea-panels{grid-column:1;grid-row:1}
.cea-feature-tabs .cea-tab-list{display:flex;flex-direction:column;gap:var(--cea-tab-gap,18px);padding:0;min-width:0}
.cea-feature-tabs .cea-tab{appearance:none;display:flex;align-items:baseline;text-align:start;width:100%;border:0;border-radius:0;padding:0;margin:0;background:var(--cea-item-background,transparent);color:var(--cea-title-color,#101820);font:inherit;cursor:pointer;box-shadow:none;white-space:normal}
.cea-feature-tabs .cea-marker{flex:0 0 var(--cea-marker-width,32px);padding-inline-end:var(--cea-marker-gap,14px);box-sizing:content-box;padding-top:0;line-height:var(--cea-title-line-height,1.15);font-size:var(--cea-marker-size,18px);color:var(--cea-marker-color,#101820);overflow-wrap:anywhere}
.cea-feature-tabs .cea-tab-copy{display:flex;flex:1;min-width:0;flex-direction:column;border-inline-start:var(--cea-border-width,1px) solid var(--cea-border-color,#c0cbd8);padding:var(--cea-item-padding,0 0 0 16px)}
.cea-feature-tabs .cea-title{display:block;color:var(--cea-title-color,#101820);font-size:var(--cea-title-size,32px);font-weight:var(--cea-title-weight,700);line-height:var(--cea-title-line-height,1.15);overflow-wrap:anywhere}
.cea-feature-tabs .cea-description{display:block;margin-top:var(--cea-description-gap,12px);font-size:var(--cea-description-size,16px);line-height:var(--cea-description-line-height,1.5);color:var(--cea-description-color,#40556d);font-weight:400;overflow-wrap:anywhere}
.cea-feature-tabs .cea-tab:hover{background:var(--cea-hover-background,transparent)}.cea-feature-tabs .cea-tab:hover .cea-title{color:var(--cea-hover-title-color,#2463a0)}.cea-feature-tabs .cea-tab:hover .cea-tab-copy{border-color:var(--cea-hover-border-color,#68798b)}
.cea-feature-tabs .cea-tab.is-active{background:var(--cea-active-background,transparent)}.cea-feature-tabs .cea-tab.is-active .cea-title{color:var(--cea-active-title-color,#101820)}.cea-feature-tabs .cea-tab.is-active .cea-description{color:var(--cea-active-description-color,#40556d)}.cea-feature-tabs .cea-tab.is-active .cea-marker{color:var(--cea-active-marker-color,#101820)}
.cea-feature-tabs .cea-tab.is-active .cea-tab-copy{border-color:var(--cea-active-border-color,#101820);box-shadow:calc(var(--cea-active-border-width,4px) - var(--cea-border-width,1px)) 0 0 0 var(--cea-active-border-color,#101820) inset}
.cea-feature-tabs .cea-tab:focus-visible{outline:3px solid currentColor;outline-offset:5px}
.cea-feature-tabs .cea-panels{min-width:0;min-height:var(--cea-minimum-height,0);padding:var(--cea-panel-padding,24px)}
.cea-feature-tabs .cea-panel{min-width:0;overflow-wrap:anywhere}.cea-feature-tabs .cea-panel[hidden]{display:none!important}.cea-feature-tabs .cea-panel:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.cea-feature-tabs .cea-image{display:block;width:100%;height:auto;box-sizing:border-box;border:var(--cea-image-border-width,0px) solid var(--cea-image-border-color,#c0cbd8);border-radius:var(--cea-image-radius,8px);margin:0 0 var(--cea-image-text-gap,20px)}.cea-rich-text>:first-child{margin-top:0}.cea-rich-text>:last-child{margin-bottom:0}.cea-rich-text:empty{display:none}
.cea-feature-tabs.cea-fade:not(.cea-no-js) .cea-panel:not([hidden]){animation:cea-reveal .2s ease-out}@keyframes cea-reveal{from{opacity:0}to{opacity:1}}
.cea-feature-tabs.cea-mobile{display:block}.cea-mobile .cea-panels{display:none}.cea-mobile .cea-tab-list{padding:0}.cea-mobile .cea-title{font-size:var(--cea-mobile-title-size,24px)}.cea-mobile .cea-description{font-size:var(--cea-mobile-description-size,16px)}.cea-mobile .cea-panel{padding:var(--cea-mobile-padding,16px) 0;min-height:0}
.cea-no-js .cea-panel+.cea-panel{margin-top:24px}
@media(prefers-reduced-motion:reduce){.cea-feature-tabs.cea-fade .cea-panel{animation:none!important}}

/* Text markers share the title typography; icon children retain their icon font. */
.cea-feature-tabs .cea-title,.cea-feature-tabs .cea-marker{font-family:var(--cea-title-font-family,inherit);font-weight:var(--cea-title-weight,700);font-style:inherit}


/* Offset the whole desktop tab group without changing individual item padding. */
.cea-feature-tabs:not(.cea-mobile)>.cea-tab-list{padding-top:var(--cea-tabs-top-offset,0px)}

/* Divider spans the full tab block independently of text padding. */
.cea-feature-tabs .cea-tab-copy{position:relative;border-inline-start:0;}
.cea-feature-tabs .cea-tab-copy{padding:var(--cea-item-padding,0 0 0 16px);box-shadow:none!important}
.cea-feature-tabs .cea-tab-copy::before{content:"";position:absolute;inset-inline-start:0;top:0;bottom:0;width:var(--cea-border-width,1px);background:var(--cea-border-color,#c0cbd8);pointer-events:none}
.cea-feature-tabs .cea-tab:hover .cea-tab-copy::before{background:var(--cea-hover-border-color,#68798b)}
.cea-feature-tabs .cea-tab.is-active .cea-tab-copy::before{width:var(--cea-active-border-width,4px);background:var(--cea-active-border-color,#101820)}

/* Markers never split; width is a minimum and padding is independent. */
.cea-feature-tabs .cea-marker{flex:0 0 auto;min-width:var(--cea-marker-width,32px);width:auto;white-space:nowrap;overflow-wrap:normal;word-break:normal;padding:var(--cea-marker-padding,0);margin-inline-end:var(--cea-marker-gap,14px)}

/* Individual title/description padding is separate from the group top offset. */
.cea-feature-tabs>.cea-tab-list{padding:0}
.cea-feature-tabs:not(.cea-mobile)>.cea-tab-list{padding-top:var(--cea-tabs-top-offset,0px)}
.cea-feature-tabs .cea-tab-copy{padding:var(--cea-item-padding,0 0 0 16px)}
.cea-feature-tabs .cea-tab-copy::before{top:0}
.cea-editor-preview>.fusion-child-element{padding:0}

/* Alignment belongs to the tab group, never the supporting-content column. */
.cea-feature-tabs>.cea-tab-list{align-self:var(--cea-align,center)}
.cea-feature-tabs>.cea-panels{align-self:start}

/* Optional stacked markers; default side-marker layouts are unchanged. */
.cea-marker-top .cea-tab{flex-direction:column;align-items:stretch}
.cea-marker-top .cea-marker{align-self:flex-start;margin-inline-end:0;margin-bottom:var(--cea-marker-gap,14px)}
.cea-marker-top .cea-tab-copy{flex:0 0 auto;width:100%;box-sizing:border-box}
/* Reuse divider colors and state widths as the horizontal divider's thickness. */
.cea-marker-top.cea-divider-between .cea-tab-copy::before{top:0;bottom:auto;width:100%;height:var(--cea-border-width,1px)}
.cea-marker-top.cea-divider-between .cea-tab.is-active .cea-tab-copy::before{width:100%;height:var(--cea-active-border-width,4px)}
.cea-marker-top.cea-divider-between .cea-tab-copy{padding-top:calc(var(--cea-item-padding-top,0px) + var(--cea-active-border-width,4px) + var(--cea-marker-gap,14px))}

/* Column controls: all selectors are confined to Feature Tabs. */
.cea-feature-tabs.cea-enhanced{grid-template-columns:var(--cea-list-track,minmax(0,var(--cea-tabs-width,46%))) var(--cea-content-track,minmax(0,1fr))}
.cea-feature-tabs.cea-enhanced.cea-tabs-right{grid-template-columns:var(--cea-content-track,minmax(0,1fr)) var(--cea-list-track,minmax(0,var(--cea-tabs-width,46%)))}
.cea-enhanced .cea-marker{position:relative;flex:0 1 var(--cea-c1-width,auto);width:var(--cea-c1-width,auto);padding:var(--cea-c1-padding);min-width:var(--cea-marker-width,32px);box-sizing:border-box}
.cea-enhanced .cea-marker::before,.cea-enhanced .cea-tab-copy::before,.cea-enhanced .cea-panel::before{content:"";position:absolute;inset:0;width:auto;height:auto;border-style:solid;background:transparent;box-sizing:border-box;pointer-events:none;z-index:1}
.cea-enhanced .cea-tab-copy{flex:var(--cea-c2-flex,1 1 0%);width:var(--cea-c2-width,auto);padding:var(--cea-c2-padding);box-sizing:border-box}
.cea-enhanced .cea-panel{position:relative;padding:var(--cea-c3-padding);box-sizing:border-box}
.cea-enhanced .cea-title{font-family:var(--cea-title-family,inherit);font-weight:var(--cea-title-weight,700);text-decoration:var(--cea-title-decoration,none);margin:var(--cea-title-margin,0)}
.cea-enhanced .cea-marker{font-family:var(--cea-marker-family,var(--cea-title-family,inherit));font-weight:var(--cea-marker-weight,var(--cea-title-weight,700));text-decoration:var(--cea-marker-decoration,none)}
.cea-enhanced .cea-description{font-family:var(--cea-description-family,inherit);font-weight:var(--cea-description-weight,400);text-decoration:var(--cea-description-decoration,none);margin:var(--cea-description-margin,12px 0 0)}
.cea-enhanced .cea-tab.is-active:hover .cea-title{color:var(--cea-active-hover-title-color,var(--cea-active-title-color))}
.cea-enhanced .cea-tab:not(.is-active):hover .cea-marker{color:var(--cea-hover-marker-color,var(--cea-marker-color))}
.cea-enhanced .cea-tab:not(.is-active):hover .cea-description{color:var(--cea-hover-description-color,var(--cea-description-color))}
.cea-enhanced .cea-tab.is-active:hover .cea-marker{color:var(--cea-active-hover-marker-color,var(--cea-active-marker-color))}
.cea-enhanced .cea-tab.is-active:hover .cea-description{color:var(--cea-active-hover-description-color,var(--cea-active-description-color))}
.cea-enhanced.cea-marker-top .cea-marker{flex-basis:auto;width:var(--cea-c1-width,auto)}
.cea-enhanced.cea-marker-top .cea-tab-copy{flex-basis:auto;width:var(--cea-c2-width,100%)}
.cea-enhanced.cea-marker-top.cea-divider-between .cea-tab-copy{padding-top:calc(var(--cea-between-reserve,4px) + var(--cea-marker-gap,14px) + var(--cea-c2-base-top,0px))}
.cea-enhanced .cea-rich-text + .cea-image{margin-top:var(--cea-image-text-gap,20px);margin-bottom:0}
.cea-feature-tabs.cea-enhanced.cea-mobile{display:block}
.cea-enhanced.cea-mobile .cea-panel{margin-top:var(--cea-mobile-padding,16px)}
.cea-enhanced .cea-tab .cea-marker{background-color:var(--cea-c1-bg-inactive,transparent)}
.cea-enhanced .cea-tab .cea-marker::before{border-width:var(--cea-c1-bw-inactive,0);border-color:var(--cea-c1-bc-inactive,transparent);width:auto;height:auto;background:transparent}
.cea-enhanced .cea-tab:not(.is-active):hover .cea-marker{background-color:var(--cea-c1-bg-inactive_hover,transparent)}
.cea-enhanced .cea-tab:not(.is-active):hover .cea-marker::before{border-width:var(--cea-c1-bw-inactive_hover,0);border-color:var(--cea-c1-bc-inactive_hover,transparent);width:auto;height:auto;background:transparent}
.cea-enhanced .cea-tab.is-active .cea-marker{background-color:var(--cea-c1-bg-active,transparent)}
.cea-enhanced .cea-tab.is-active .cea-marker::before{border-width:var(--cea-c1-bw-active,0);border-color:var(--cea-c1-bc-active,transparent);width:auto;height:auto;background:transparent}
.cea-enhanced .cea-tab.is-active:hover .cea-marker{background-color:var(--cea-c1-bg-active_hover,transparent)}
.cea-enhanced .cea-tab.is-active:hover .cea-marker::before{border-width:var(--cea-c1-bw-active_hover,0);border-color:var(--cea-c1-bc-active_hover,transparent);width:auto;height:auto;background:transparent}
.cea-enhanced .cea-tab .cea-tab-copy{background-color:var(--cea-c2-bg-inactive,transparent)}
.cea-enhanced .cea-tab .cea-tab-copy::before{border-width:var(--cea-c2-bw-inactive,0);border-color:var(--cea-c2-bc-inactive,transparent);width:auto;height:auto;background:transparent}
.cea-enhanced .cea-tab:not(.is-active):hover .cea-tab-copy{background-color:var(--cea-c2-bg-inactive_hover,transparent)}
.cea-enhanced .cea-tab:not(.is-active):hover .cea-tab-copy::before{border-width:var(--cea-c2-bw-inactive_hover,0);border-color:var(--cea-c2-bc-inactive_hover,transparent);width:auto;height:auto;background:transparent}
.cea-enhanced .cea-tab.is-active .cea-tab-copy{background-color:var(--cea-c2-bg-active,transparent)}
.cea-enhanced .cea-tab.is-active .cea-tab-copy::before{border-width:var(--cea-c2-bw-active,0);border-color:var(--cea-c2-bc-active,transparent);width:auto;height:auto;background:transparent}
.cea-enhanced .cea-tab.is-active:hover .cea-tab-copy{background-color:var(--cea-c2-bg-active_hover,transparent)}
.cea-enhanced .cea-tab.is-active:hover .cea-tab-copy::before{border-width:var(--cea-c2-bw-active_hover,0);border-color:var(--cea-c2-bc-active_hover,transparent);width:auto;height:auto;background:transparent}
.cea-enhanced .cea-panel{background-color:var(--cea-c3-bg-inactive,transparent)}
.cea-enhanced .cea-panel::before{border-width:var(--cea-c3-bw-inactive,0);border-color:var(--cea-c3-bc-inactive,transparent);width:auto;height:auto;background:transparent}
.cea-enhanced .cea-panel:not(.is-active):hover{background-color:var(--cea-c3-bg-inactive_hover,transparent)}
.cea-enhanced .cea-panel:not(.is-active):hover::before{border-width:var(--cea-c3-bw-inactive_hover,0);border-color:var(--cea-c3-bc-inactive_hover,transparent);width:auto;height:auto;background:transparent}
.cea-enhanced .cea-panel.is-active{background-color:var(--cea-c3-bg-active,transparent)}
.cea-enhanced .cea-panel.is-active::before{border-width:var(--cea-c3-bw-active,0);border-color:var(--cea-c3-bc-active,transparent);width:auto;height:auto;background:transparent}
.cea-enhanced .cea-panel.is-active:hover,.cea-enhanced .cea-panel.is-active.is-tab-hover{background-color:var(--cea-c3-bg-active_hover,transparent)}
.cea-enhanced .cea-panel.is-active:hover::before,.cea-enhanced .cea-panel.is-active.is-tab-hover::before{border-width:var(--cea-c3-bw-active_hover,0);border-color:var(--cea-c3-bc-active_hover,transparent);width:auto;height:auto;background:transparent}
/* Keep the new TRBL overlay geometry in Top / between mode as well. */
.cea-enhanced.cea-marker-top.cea-divider-between .cea-tab-copy::before,.cea-enhanced.cea-marker-top.cea-divider-between .cea-tab.is-active .cea-tab-copy::before{inset:0;width:auto;height:auto}
/* Content inheritance and order in the expanded Live Builder preview. */
.cea-editor-preview .cea-panel{display:flex;flex-direction:column}
.cea-editor-preview .cea-panel>.cea-rich-text{order:var(--cea-preview-text-order,1)}
.cea-editor-preview[data-source="image"] .cea-source-inherit>.cea-rich-text,.cea-editor-preview[data-source="rich_text"] .cea-source-inherit>.cea-image{display:none}
.cea-editor-preview .cea-preview-marker-inherit>.cea-preview-marker-icon{display:none}
.cea-editor-preview[data-marker-mode="icon"] .cea-preview-marker-inherit>.cea-preview-marker-icon{display:inline}
.cea-editor-preview[data-marker-mode="icon"] .cea-preview-marker-inherit>.cea-preview-marker-text,.cea-editor-preview[data-marker-mode="none"] .cea-preview-marker-inherit{display:none}
/* Column 3 padding belongs to the visible panel, including its background/border. */
.cea-feature-tabs.cea-enhanced>.cea-panels{padding:0}
.cea-feature-tabs.cea-enhanced.cea-mobile .cea-panel{padding:var(--cea-c3-mobile-padding,16px 0);margin-top:0}
