/* Accent: one brand blue everywhere, matching buttons, plain FAQ rows.
   Version A (blue): --acc #2F5BEA, white button text. Version B (globe): --acc #6E8BFF, navy button text. */
:root{--acc:#C9CFFB;--acc-h:#2A3BC4;--acc-ink:#FFFFFF}

/* Every blue-ish accent variable points at the one accent */
:root{--blue:var(--acc);--blue-2:var(--acc);--blue-xl:var(--acc);--blue-l:color-mix(in srgb,var(--acc) 12%,transparent);
  --sky:var(--acc);--sky-2:var(--acc-h);--orange:var(--acc);--blush:var(--acc);--sage:var(--acc)}
section:not(.hx):not(.mf-band):not(.ab-quote):not(.close):not(#beyond):not(.page-head):not(.ab-hero):not(.nf){--blue-2:var(--acc);--blue-xl:var(--acc)}
.match4 li i,.mf-rows .ic1{background:var(--acc)}
.mf-rows .ic1{background:var(--navy)}
.hv-tags span.ap{color:var(--acc)}
.pc.dark .pn{color:var(--acc)}
.ft-nav sup,.top nav sup,.ft-live{color:var(--acc)}

/* Buttons: the accent, same everywhere (hero, nav, sections, footer) */
.btn:not(.ghost):not(.line){background:var(--btn,var(--acc))!important;border-color:var(--btn,var(--acc))!important;color:var(--acc-ink)!important}
.btn:not(.ghost):not(.line):hover{background:var(--btn-h,var(--acc-h))!important;border-color:var(--btn-h,var(--acc-h))!important;color:var(--acc-ink)!important}
.btn:not(.ghost):not(.line) .arr,.btn:not(.ghost):not(.line) span{color:inherit}

/* FAQ page and the home Q&A: plain ruled rows, no boxes */
.faq details,.faq-layout details{background:transparent!important;border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;box-shadow:none!important;margin:0!important}
.faq details:first-of-type,.faq-layout .faq details:first-of-type,.faq-layout h2 + details,.faq-layout h2 + .faq details:first-child{border-top:1px solid var(--line)!important}
.faq details summary,.faq-layout details summary{padding-left:0!important;padding-right:0!important}
.faq details p,.faq-layout details p{padding-left:0!important;padding-right:0!important}

.brand .wm{display:inline-block}
.ft-live,.chip.ok{color:#FFFFFF}
/* Remaining hard-coded blues now follow the accent */
section:not(.hx):not(.mf-band):not(.ab-quote):not(.close):not(#beyond):not(.page-head):not(.ab-hero):not(.nf) em{color:var(--acc)}
.ft-logo path{fill:var(--acc)}
.mf-rows a:hover{color:var(--acc)}
/* E (default): Compounding brand blue from the TikTok and carousel templates. #3448E6 on white and on every button; #C9CFFB (blue-xl) for accents on navy */
.acc-e{--btn:#3448E6;--btn-h:#2A3BC4}
.acc-e section:not(.hx):not(.mf-band):not(.ab-quote):not(.close):not(#beyond):not(.page-head):not(.ab-hero):not(.nf){--acc:#3448E6}
html:not([class*=acc-]){--btn:#3448E6;--btn-h:#2A3BC4}
html:not([class*=acc-]) section:not(.hx):not(.mf-band):not(.ab-quote):not(.close):not(#beyond):not(.page-head):not(.ab-hero):not(.nf){--acc:#3448E6}
/* E: marks stay the full brand blue, even on navy (the template's "mark" colour) */
.acc-e .mf-art,html:not([class*=acc-]) .mf-art{--orange:#3448E6}
.acc-e .ft-logo path,html:not([class*=acc-]) .ft-logo path{fill:#3448E6}
/* E: navy cards inside white sections use the pale blue too */
.acc-e .fam-out,.acc-e .commit,.acc-e .privacy,.acc-e .l-side,.acc-e .eq-c.eq-r,.acc-e .pc.dark,.acc-e .b-card,.acc-e .m-card,.acc-e .plan.feat,.acc-e .calc-out,.acc-e .card.dark,.acc-e .mt-score,html:not([class*=acc-]) .fam-out,html:not([class*=acc-]) .commit,html:not([class*=acc-]) .privacy,html:not([class*=acc-]) .l-side,html:not([class*=acc-]) .eq-c.eq-r,html:not([class*=acc-]) .pc.dark,html:not([class*=acc-]) .b-card,html:not([class*=acc-]) .m-card,html:not([class*=acc-]) .plan.feat,html:not([class*=acc-]) .calc-out,html:not([class*=acc-]) .card.dark,html:not([class*=acc-]) .mt-score{--acc:#C9CFFB;--blue-2:#C9CFFB;--blue-xl:#C9CFFB}