/* BBAW single blog post – "Split cover" template (variant A). Loaded only on blog posts. */
.bbaw-post-wrap{padding:0!important;background:#f8fbff}
.bbaw-post{--ink:#0F2830;--teal:#014751;--accent:#F26B3A;--accent-text:#D9531E;--slate:#4a6169;--line:rgba(15,40,48,.12);--r:16px;color:var(--ink);font-size:16px;line-height:1.5}
.bbaw-post .k{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)!important;line-height:1.4}
.bbaw-post .meta{font-size:14px;color:var(--slate)}

/* The body must not be a scroll container, otherwise the sticky table of contents cannot stick (clip still hides side overflow) */
body:has(.bbaw-post){overflow:visible!important;overflow-x:clip!important}

/* Split cover */
.bbaw-post .a-head{display:grid;grid-template-columns:1fr 1fr;min-height:560px}
.bbaw-post .a-l{container-type:inline-size;background:radial-gradient(ellipse at 85% 50%,#1f6570 0%,var(--teal) 40%,var(--ink) 100%);color:#f8fbff;padding:72px 48px 64px 4%;display:flex;flex-direction:column;justify-content:center;align-items:flex-end;text-align:right;position:relative;overflow:hidden}
.bbaw-post .a-l:after{content:"";position:absolute;z-index:0;width:380px;height:380px;right:-190px;top:50%;transform:translateY(-50%);background:radial-gradient(circle,rgba(255,230,215,.9) 0 3%,rgba(242,107,58,.5) 14%,rgba(242,107,58,0) 62%);pointer-events:none}
.bbaw-post .a-ttl{position:relative;z-index:2;width:60cqw;max-width:100%}
.bbaw-post .a-ttl .k{position:absolute;right:0;bottom:100%;margin-bottom:14px;white-space:nowrap}
.bbaw-post .a-l h1{position:relative;color:#f8fbff;font-size:clamp(36px,7.8cqw,56px);line-height:1.05;letter-spacing:-.02em;margin:0;padding:0;width:100%;font-weight:700;hyphens:manual;-webkit-hyphens:manual;overflow-wrap:break-word;text-wrap:balance}
.bbaw-post .a-l h1.long{font-size:clamp(30px,6cqw,44px)}
.bbaw-post .a-r{container-type:inline-size;background:#eef3f6;padding:72px 6% 64px 48px;display:flex;flex-direction:column;justify-content:center}
.bbaw-post .a-ex{position:relative;width:60cqw;max-width:100%}
.bbaw-post .a-r p.lead{font-size:22px;line-height:1.4;font-weight:400;color:var(--teal);margin:0;padding:0}
.bbaw-post .a-ex .meta{position:absolute;left:0;top:100%;margin:16px 0 0;padding:0;white-space:nowrap}

/* Featured image + credit */
.bbaw-post .a-fig{width:min(992px,88%);margin:-40px auto 0;position:relative;z-index:2}
.bbaw-post .a-img{border-radius:var(--r);overflow:hidden;aspect-ratio:21/9;background:#dfe6ec;box-shadow:0 28px 56px -28px rgba(15,40,48,.45),0 2px 6px rgba(15,40,48,.06)}
.bbaw-post .a-img img{display:block;width:100%!important;height:100%!important;max-width:none;object-fit:cover;margin:0}
.bbaw-post .a-credit{margin:8px 0 0;text-align:right;font-size:13px;line-height:1.4;color:var(--slate)}

/* Body: table of contents + article */
.bbaw-post .a-body{display:grid;grid-template-columns:240px minmax(0,680px);gap:72px;justify-content:center;padding:56px 6% 0}
.bbaw-post .a-body.no-toc{grid-template-columns:minmax(0,680px)}
.bbaw-post .toc{position:sticky;top:120px;align-self:start;font-size:14px;background:#fff;border-radius:var(--r);box-shadow:0 0 0 1px var(--line);padding:22px 22px 10px}
.bbaw-post .toc b{display:block;margin-bottom:12px;color:var(--ink)}
.bbaw-post .toc .bar{height:4px;border-radius:4px;background:#e3eaed;margin:0 0 12px;overflow:hidden}
.bbaw-post .toc .bar i{display:block;height:100%;width:0;background:var(--accent);transition:width .1s linear}
.bbaw-post .toc a{display:flex;gap:10px;padding:8px 0;border-top:1px solid var(--line);color:var(--slate);text-decoration:none;line-height:1.35;transition:color .2s}
.bbaw-post .toc a span{color:var(--accent-text);font-weight:600}
.bbaw-post .toc a:hover,.bbaw-post .toc a.on{color:var(--teal)}
.bbaw-post .toc a.on{font-weight:600}
.bbaw-post .toc a.on span{color:var(--accent)}

/* Article rules (automatic from normal content) */
.bbaw-post .art{counter-reset:sec;min-width:0}
.bbaw-post .art h2{counter-increment:sec;color:var(--teal);font-size:40px;line-height:1.1;letter-spacing:-.01em;margin:1.2em 0 .4em;padding:0;scroll-margin-top:120px}
.bbaw-post .a-body:not(.no-toc) .art h2:before{content:counter(sec,decimal-leading-zero);display:block;font-size:12px;font-weight:600;letter-spacing:.14em;line-height:1.4;color:var(--accent-text);margin-bottom:10px}
.bbaw-post .art > h2:first-child,.bbaw-post .art .wpb_wrapper > h2:first-child{margin-top:0}
.bbaw-post .art p{margin:0 0 1em;padding:0}
.bbaw-post .art ul,.bbaw-post .art ol{margin:0 0 1em;padding-left:1.2em}
.bbaw-post .art li{margin:.25em 0}
.bbaw-post .art h3{font-size:24px;line-height:1.25;margin:1.33em 0 .5em;padding:0}
.bbaw-post .art img{max-width:100%;height:auto;border-radius:var(--r)}
.bbaw-post .art table{width:100%;border-collapse:collapse;margin:24px 0 32px;font-size:14px;border-radius:var(--r);overflow:hidden;box-shadow:0 0 0 1px var(--line)}
.bbaw-post .art th{text-align:left;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--slate);background:#eef3f6;padding:12px 16px}
.bbaw-post .art td{padding:12px 16px;border-top:1px solid var(--line)}
.bbaw-post .art .callout{position:relative;margin:32px 0;padding:28px 28px 24px;border-radius:var(--r);background:var(--teal);color:#f8fbff}
.bbaw-post .art .callout h4{margin:0 0 8px;padding:0;font-size:20px;color:#fff}
.bbaw-post .art .callout p{margin:0;color:#d6e6e8}
.bbaw-post .art .callout a:not(.nectar-button){color:var(--accent)}
.bbaw-post .art .callout .k{display:block;margin-bottom:10px}

/* Spacing comes only from the text elements (p 1em, H2 48px above / 16px below):
   WPBakery's wrapper margins, flex gaps and empty spacer dividers are removed inside the article. */
.bbaw-post .art :is(.wpb_text_column,.wpb_content_element,.nectar-split-heading,.wpb_raw_code,.wpb_raw_html){margin-top:0!important;margin-bottom:0!important}
.bbaw-post .art .wpb_wrapper{display:block!important;gap:0!important}
.bbaw-post .art :is(.wpb_row,.row_col_wrap_12,.row_col_wrap_12_inner,.wpb_column,.vc_column-inner){min-height:0!important;height:auto!important}
.bbaw-post .art :is(.row_col_wrap_12,.row_col_wrap_12_inner){display:block!important}
.bbaw-post .art .divider-wrap:not(:has(.divider-border,.divider-small-border)){display:none!important}
.bbaw-post .art :is(.wpb_text_column,.wpb_raw_code) + :is(.wpb_text_column,.wpb_raw_code,.wpb_row){margin-top:1em!important}
.bbaw-post .art h2{margin-top:48px!important;margin-bottom:16px!important}

/* Unnumbered sub-title (an H1 inside the content) */
.bbaw-post .art h2[data-bbaw-sub]{counter-increment:none;color:var(--ink)}
.bbaw-post .a-body .art h2[data-bbaw-sub]:before{content:none}

/* WPBakery rows inside the text column: columns are stacked, cards get the standard radius */
.bbaw-post .art .vc_row,.bbaw-post .art .wpb_row{margin-left:0!important;margin-right:0!important}
.bbaw-post .art .wpb_column{width:100%!important;margin-left:0!important;margin-right:0!important;float:none!important}
.bbaw-post .art .full-width-content,.bbaw-post .art .full-width-section{width:auto!important;margin-left:0!important;margin-right:0!important;left:auto!important;transform:none!important}
.bbaw-post .art .row-bg-wrap,.bbaw-post .art .row-bg-wrap .inner-wrap,.bbaw-post .art .row-bg{width:100%!important;left:0!important;margin-left:0!important;transform:none!important}
/* Older posts: coloured row backgrounds are dropped so every post reads as one calm text column */
.bbaw-post .art .wpb_row{padding-top:0!important;padding-bottom:0!important;margin-bottom:0!important}
.bbaw-post .art .wpb_row:not(.inner_row){--row-bg-color:transparent;background:none!important}
.bbaw-post .art .wpb_row.inner_row[class*="vc_custom_"]{border-radius:var(--r);overflow:hidden;margin:24px 0!important}
.bbaw-post .art .wpb_row:not(.inner_row) > .row-bg-wrap{display:none!important}
.bbaw-post .art .wpb_row :is(p,li,span,strong,em,h3,h5,h6):not(.callout *,.bbaw-callout *,.k,.nectar-button *,h2 *,.bbaw-text-light *,.bbaw-surface-teal *){color:var(--ink)!important}
.bbaw-post .art .wpb_row h2:not([data-bbaw-sub]){color:var(--teal)!important}
.bbaw-post .art .wpb_row h2[data-bbaw-sub],.bbaw-post .art .wpb_row h4:not(.callout *,.bbaw-callout *){color:var(--ink)!important}
.bbaw-post .art .wpb_column:not(.bbaw-card) > .vc_column-inner > .column-bg-overlay-wrap{display:none!important}
/* Photo columns (image as column background, no text) keep a visible height when stacked */
.bbaw-post .art .wpb_column:has(.column-image-bg):not(:has(.wpb_wrapper > *)){min-height:320px!important;margin:24px 0!important;border-radius:var(--r);overflow:hidden}
.bbaw-post .art .wpb_column:has(.column-image-bg) .column-image-bg-wrap{border-radius:var(--r);overflow:hidden}
.bbaw-post .art .row_col_wrap_12,.bbaw-post .art .row_col_wrap_12_inner{width:auto!important;margin:0!important}
.bbaw-post .art .wpb_column > .vc_column-inner{padding-left:0!important;padding-right:0!important}
.bbaw-post .art .wpb_column{padding:0!important}
.bbaw-post .art .wpb_column:not(.bbaw-card) > .vc_column-inner{padding-top:0!important;padding-bottom:0!important}
.bbaw-post .art .wpb_column.bbaw-card{margin:16px 0 32px!important}
.bbaw-post .art .wpb_column.bbaw-card > .vc_column-inner{border-radius:var(--r);overflow:hidden;padding:28px!important}
.bbaw-post .art .wpb_column.bbaw-card .column-bg-overlay-wrap,.bbaw-post .art .wpb_column.bbaw-card .column-bg-overlay{border-radius:var(--r)}
.bbaw-post .art pre{background:#fff;border-radius:12px;padding:20px 22px;margin:0;font-size:13px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere;max-height:560px;overflow:auto;box-shadow:0 0 0 1px var(--line)}
.bbaw-post .art pre code{background:none!important;padding:0!important;font-size:inherit;white-space:inherit;box-shadow:none!important}
/* A card holding an H4 becomes the teal callout itself */
.bbaw-post .art .wpb_column.bbaw-callout > .vc_column-inner,.bbaw-post .art .wpb_column.bbaw-callout .column-bg-overlay{background:var(--teal)!important;opacity:1!important}
.bbaw-post .art .wpb_column.bbaw-callout :is(h4,p,strong,span):not(.k,.nectar-button *){color:#f8fbff!important}
.bbaw-post .art .wpb_column.bbaw-callout h4{font-size:20px;margin:0 0 8px;padding:0}
.bbaw-post .art .wpb_column.bbaw-callout .k{display:block;margin-bottom:10px}

/* H4 = lead heading (ink); empty headings are hidden */
.bbaw-post .art h4{font-size:20px;line-height:1.35;font-weight:600;color:var(--ink);margin:1.2em 0 .5em;padding:0}
.bbaw-post .art :is(h2,h3,h4,h5,h6):empty{display:none}
.bbaw-post .art h5{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)!important;margin:0 0 .6em}

/* Wide tables scroll sideways instead of being cut off */
.bbaw-post .art div:has(> table),.bbaw-post .art .wpb_text_column:has(> table){overflow-x:auto!important;-webkit-overflow-scrolling:touch}

/* Buttons: two styles only.
   Primary = filled accent, darker accent on hover. Secondary = outline, no fill. */
.bbaw-post :is(.nectar-button,.bbaw-copy-btn,.endcard a){display:inline-flex!important;align-items:center;justify-content:center;gap:8px;font-family:inherit!important;font-size:14px!important;font-weight:600!important;line-height:1.2!important;letter-spacing:0!important;text-transform:none!important;padding:12px 22px!important;border-radius:999px!important;border:2px solid var(--accent)!important;background:var(--accent)!important;color:#fff!important;box-shadow:none!important;transform:none!important;text-decoration:none!important;cursor:pointer;transition:background-color .2s,border-color .2s,color .2s!important;min-width:0!important;height:auto!important;opacity:1!important}
.bbaw-post :is(.nectar-button,.bbaw-copy-btn,.endcard a) :is(span,i,svg){color:inherit!important;fill:currentColor;position:static!important;transform:none!important;opacity:1!important;font-size:inherit;line-height:inherit;padding:0!important;margin:0!important;left:auto!important;top:auto!important}
.bbaw-post .nectar-button:before,.bbaw-post .nectar-button:after,.bbaw-post .nectar-button i:last-child:not(:first-child){display:none!important}
/* Hover only where a pointer exists: on touch screens :hover sticks after a tap and would leave the button in the darker colour */
@media(hover:hover){.bbaw-post :is(.nectar-button,.bbaw-copy-btn,.endcard a):hover{background:var(--accent-text)!important;border-color:var(--accent-text)!important;color:#fff!important}}
.bbaw-post .nectar-button:is(.see-through,.see-through-2,.see-through-3,.see-through-extra-color-gradient-1,.see-through-extra-color-gradient-2){background:transparent!important;border-color:var(--ink)!important;color:var(--ink)!important}
.bbaw-post .nectar-button:is(.see-through,.see-through-2,.see-through-3,.see-through-extra-color-gradient-1,.see-through-extra-color-gradient-2):hover{background:transparent!important;border-color:var(--accent-text)!important;color:var(--accent-text)!important}
.bbaw-post :is(.callout,.bbaw-callout) .nectar-button:is(.see-through,.see-through-2,.see-through-3){border-color:#f8fbff!important;color:#f8fbff!important}
.bbaw-post :is(.callout,.bbaw-callout) .nectar-button:is(.see-through,.see-through-2,.see-through-3):hover{border-color:var(--accent)!important;color:var(--accent)!important}

/* Author card */
.bbaw-post .endcard{margin:56px 0 0;padding:28px;border-radius:var(--r);background:#fff;box-shadow:0 0 0 1px var(--line);display:flex;gap:18px;align-items:center}
.bbaw-post .endcard img{width:64px;height:64px;border-radius:50%;object-fit:cover;flex:0 0 64px}
.bbaw-post .endcard b{display:block;color:var(--ink)}
.bbaw-post .endcard span{font-size:14px;color:var(--slate)}
.bbaw-post .endcard a{margin-left:auto;font-weight:600;font-size:14px;padding:10px 16px;border-radius:999px;background:var(--teal);color:#fff!important;text-decoration:none;white-space:nowrap}
.bbaw-post .endcard a:hover{background:var(--ink)}

/* Further reading */
.bbaw-post .related{max-width:992px;margin:0 auto;padding:72px 0 96px}
.bbaw-post .related h2{color:var(--teal);font-size:40px;line-height:1.1;margin:0 0 24px;padding:0}
.bbaw-post .rel{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.bbaw-post .rel a{display:block;border-radius:var(--r);overflow:hidden;background:#fff;box-shadow:0 14px 28px -16px rgba(15,40,48,.3);color:var(--ink);text-decoration:none}
.bbaw-post .rel a i{display:block;aspect-ratio:16/9;background:linear-gradient(135deg,#dfe6ec,#9fb6bc);overflow:hidden}
.bbaw-post .rel a i img{display:block;width:100%;height:100%;object-fit:cover;border-radius:0}
.bbaw-post .rel p{margin:0;padding:16px 18px 20px;font-weight:700;line-height:1.35;transition:color .2s}
.bbaw-post .rel a:hover p{color:var(--teal)}
.bbaw-post .rel small{display:block;font-weight:600;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-text);margin-bottom:6px}
.bbaw-post .bbaw-comments{max-width:992px;margin:0 auto;padding:0 0 72px}

@media(max-width:1060px){.bbaw-post .related{padding:56px 6% 72px}.bbaw-post .bbaw-comments{padding:0 6% 56px}}
@media(max-width:900px){
.bbaw-post .a-head{grid-template-columns:1fr;min-height:0}
.bbaw-post .a-l{align-items:flex-start;text-align:left;min-height:340px;padding:48px 6%}
.bbaw-post .a-l:after{right:-160px;top:auto;bottom:-200px;transform:none}
.bbaw-post .a-ttl,.bbaw-post .a-ex{width:100%}
.bbaw-post .a-ttl .k{position:static;display:block;margin-bottom:14px}
.bbaw-post .a-l h1{font-size:38px}
.bbaw-post .a-l h1.long{font-size:32px}
.bbaw-post .a-r{padding:32px 6%}
.bbaw-post .a-ex .meta{position:static;white-space:normal}
.bbaw-post .a-fig{width:auto;margin:24px 6% 0}
.bbaw-post .a-body{grid-template-columns:1fr;gap:0;padding-top:32px}
.bbaw-post .toc{display:none}
}
@media(max-width:690px){.bbaw-post .art h2,.bbaw-post .related h2{font-size:30px}.bbaw-post .rel{grid-template-columns:1fr}.bbaw-post .endcard{flex-wrap:wrap}.bbaw-post .endcard a{margin-left:0}}

/* Side card (e.g. toolkit download) next to the intro text: card column carries .bbaw-side */
.bbaw-post .art .wpb_column.bbaw-card img{display:block;width:100%;height:auto;margin:0 0 12px;border-radius:8px}
.bbaw-post .art .wpb_column.bbaw-card small{font-size:13px}
@media(min-width:700px){
.bbaw-post .art .row_col_wrap_12_inner:has(> .wpb_column.bbaw-side){display:flex!important;align-items:flex-start;gap:32px}
.bbaw-post .art .row_col_wrap_12_inner:has(> .wpb_column.bbaw-side) > .wpb_column{flex:1 1 0!important;width:auto!important;min-width:0}
.bbaw-post .art .row_col_wrap_12_inner:has(> .wpb_column.bbaw-side) > .wpb_column.bbaw-side{flex:0 0 240px!important;width:240px!important;margin-top:4px!important}
}

/* Download band: the soft teal gradient of the cover panel instead of a flat fill */
.bbaw-post .art .wpb_column.bbaw-callout.bbaw-band > .vc_column-inner{background:radial-gradient(ellipse at 100% 0%,#1f6570 0%,var(--teal) 45%,var(--ink) 100%)!important}
.bbaw-post .art .wpb_column.bbaw-callout.bbaw-band .column-bg-overlay{background:none!important}

/* Side card polish: drop the clearfix pseudo-elements (they become flex items), lift the cover, calmer type */
.bbaw-post .art .row_col_wrap_12_inner:has(> .wpb_column.bbaw-side)::before,.bbaw-post .art .row_col_wrap_12_inner:has(> .wpb_column.bbaw-side)::after{display:none!important}
.bbaw-post .art .wpb_column.bbaw-side > .vc_column-inner{padding:20px!important}
.bbaw-post .art .wpb_column.bbaw-side img{box-shadow:0 8px 20px rgba(15,40,48,.18);margin:12px 0 16px}
.bbaw-post .art .wpb_column.bbaw-side strong{display:block;font-size:15px;line-height:1.3;margin-bottom:6px}
.bbaw-post .art .wpb_column.bbaw-side .wpb_text_column p,.bbaw-post .art .wpb_column.bbaw-side .wpb_text_column{font-size:14px;line-height:1.5}
.bbaw-post .art .wpb_column.bbaw-side .nectar-button{width:100%;text-align:center;box-sizing:border-box;margin-top:12px!important}