/* Studio Blocks: tabs. No JS: tab buttons are inert, so hide them and let every panel stack. */
body .sb-tabs:not(.sb-js) .tabs-list{display:none}
body .sb-tabs:not(.sb-js) .tabset,body .sb-tabs:not(.sb-js) .wrap{display:block}
body .sb-tabs:not(.sb-js) .panel{margin-bottom:48px}
/* Looks that set display on .panel (14, 9, ...) would otherwise beat [hidden] and show every panel. */
body .sb-tabs .panel[hidden]{display:none!important}
body .sb-tabs .action{text-decoration:underline;text-underline-offset:5px}
/* Branding text sizes. Kept here so Studio library re-extraction preserves these roles. */
body .sb-tabs { font-size: var(--fs-copy) }
body .sb-tabs h1 { font-size: clamp(calc(var(--fs-titles) * 0.65), 3.75vw, var(--fs-titles)) !important }
body .sb-tabs h2 { font-size: clamp(calc(var(--fs-titles) * 0.65), 3.75vw, var(--fs-titles)) !important }
body .sb-tabs h3 { font-size: clamp(calc(var(--fs-medium) * 0.75), 2.65625vw, var(--fs-medium)) !important }
body .sb-tabs .label { font-size: var(--fs-small-titles-size) !important }
body .sb-tabs .caption { font-size: var(--fs-small) !important }
body .sb-tabs .facts dt { font-size: var(--fs-small) !important }
body .sb-tabs .facts dd { font-size: var(--fs-lead) !important }
body .sb-tabs .note { font-size: var(--fs-small) !important }
body .sb-tabs .t5 .tab { font-size: clamp(calc(var(--fs-medium) * 0.75), 2.65625vw, var(--fs-medium)) !important }
body .sb-tabs .t15 .tab { font-size: clamp(calc(var(--fs-medium) * 0.75), 2.65625vw, var(--fs-medium)) !important }
body .sb-tabs .tab { font-size: clamp(calc(var(--fs-medium) * 0.75), 2.65625vw, var(--fs-medium)) !important }
/* 3.6.10: tab labels are controls, not titles. At the Medium title size "Grow connections" split mid-word in the
   vertical lists (TAB-02/12/14/18) and the tab rows wrapped (TAB-06/19). Looks 05 and 15 are display tabs and keep it. */
body:not(.cc-look-pre-3-6-10) .sb-tabs .tab:not(.t5 .tab, .t15 .tab) { font-size: var(--fs-lead) !important; overflow-wrap: normal; }
/* 3.6.10: on a dark band the soft tint (Branding Fifth) that panels, bands and cards paint turns into the same faint light
   tint as the surface, so the white text the band gives them stays readable (TAB-13 printed white on a light tint). */
body:not(.cc-look-pre-3-6-10) .sb-blk.sb-blk.sb-tabs:not(.sb-edge).sb-dark { --pb-tint: color-mix(in srgb, var(--color-white) 8%, transparent); }