/* Dark information boxes (Kristian, 4 Nov 2026): big boxes and bands that were Light Blue are Charcoal now.
   Solid Light Blue is kept for buttons and accents people should click. Text, buttons and lines inside each
   box are flipped below. Rules use :is(main#main, main) so they outrank the site-taste fills on every page. */
html body :is(main#main, main) :is(.ar-q, .art-news__box, .bi-subscribe__sheet, .bk-book__card, .bl-ba-sec, .blt-card--tint, .cx-end__ask, .pf-route-band, .ft-group--tint, .hp-founder, .hp-how, .hp8-ask, .hpv3-start, .ip-tool, .rg-section--tint, .seo-closing, .seo-section--field > .seo-shell, .tr-day-band, .ty__first, .v3-band--tint, .bl-refresh .bl-sheet, .tr-page .tr-section--tint, .st-page .fs-close-cta, .pj-close) {
  background-color: #232A31 !important;
  border-color: transparent !important;
  color: #FAFAF8;
}

/* Generated from a crawl of every page (4 Nov 2026): text, buttons, lines and inputs inside the dark boxes. */
html body :is(main#main, main) .seo-section--field > .seo-shell > .seo-section__head > div > .h-display { color: #FAFAF8 !important; }
html body :is(main#main, main) .seo-section--field > .seo-shell > .seo-section__head > .seo-section__lead { color: rgba(250, 250, 248, 0.72) !important; }
html body :is(main#main, main) .seo-section--field > .seo-shell > .seo-section__head > .seo-section__lead > a { color: #AFC4DD !important; }
html body :is(main#main, main) .seo-section--field > .seo-shell > .seo-grid > .seo-card { border-color: rgba(250, 250, 248, 0.16) !important; }
html body :is(main#main, main) .seo-section--field > .seo-shell > .seo-prose > ol > li { color: rgba(250, 250, 248, 0.72) !important; }
html body :is(main#main, main) .seo-section--field > .seo-shell > .seo-prose > ol > li > strong { color: rgba(250, 250, 248, 0.72) !important; }
html body :is(main#main, main) .seo-section--field > .seo-shell > .seo-prose > .seo-card__title { color: #FAFAF8 !important; }
html body :is(main#main, main) .seo-section--field > .seo-shell > .seo-prose > ul > li { color: rgba(250, 250, 248, 0.72) !important; }
html body :is(main#main, main) .seo-section--field > .seo-shell > .seo-prose > ul > li > strong { color: rgba(250, 250, 248, 0.72) !important; }
html body :is(main#main, main) .seo-section--field > .seo-shell > .seo-prose > ul > li > a { color: #AFC4DD !important; }
html body :is(main#main, main) .bl-ba-sec > .bl-ba > .bl-ba__h { color: #FAFAF8 !important; }
html body :is(main#main, main) .bl-ba-sec > .bl-ba > .bl-ba__lead { color: rgba(250, 250, 248, 0.72) !important; }
html body :is(main#main, main) .bl-ba-sec > .bl-ba > .bl-ba__grid > .bl-ba__col--after { background-color: #E5E5E2 !important; border-color: #E5E5E2 !important; color: #232A31 !important; }
html body :is(main#main, main) .ar-q > .ar-q__n { color: rgba(250, 250, 248, 0.72) !important; }
html body :is(main#main, main) .ar-q > .ar-q__h { color: #FAFAF8 !important; }
html body :is(main#main, main) .ar-q > .ar-note { color: rgba(250, 250, 248, 0.72) !important; }
html body :is(main#main, main) .tr-day-band > .tr-day-band__intro > .fs-h2 { color: #FAFAF8 !important; }
html body :is(main#main, main) .tr-day-band > .tr-day-band__intro > .tr-wk__lead { color: rgba(250, 250, 248, 0.72) !important; }
html body :is(main#main, main) .tr-day-band > .tr-tl > .tr-tl__item::after { background-color: #AFC4DD !important; }
html body :is(main#main, main) .tr-day-band > .tr-tl > .tr-tl__item > .tr-tl__time { color: rgba(250, 250, 248, 0.72) !important; }
html body :is(main#main, main) .tr-day-band > .tr-tl > .tr-tl__item > div > .tr-tl__head { color: #FAFAF8 !important; }
html body :is(main#main, main) .tr-day-band > .tr-tl > .tr-tl__item > div > .tr-tl__text { color: rgba(250, 250, 248, 0.72) !important; }
html body :is(main#main, main) .tr-day-band > .tr-tl > .tr-tl__item > .tr-tl__dot { border-color: rgba(250, 250, 248, 0.16) !important; }
html body :is(main#main, main) .tr-day-band > .tr-tl > .tr-tl__item > .tr-tl__brk { color: rgba(250, 250, 248, 0.72) !important; }
html body :is(main#main, main) .tr-day-band > .tr-tl > .tr-tl__item > .tr-tl__brk { border-color: rgba(250, 250, 248, 0.16) !important; }
html body :is(main#main, main) .bk-book__card > .bk-book__h { color: #FAFAF8 !important; }
html body :is(main#main, main) .bk-book__card > .bk-book__fallback { color: rgba(250, 250, 248, 0.72) !important; }
html body :is(main#main, main) .bk-book__card > .bk-book__fallback > a { color: #AFC4DD !important; }
html body :is(main#main, main) .bk-book__card > .bk-book__price { color: rgba(250, 250, 248, 0.72) !important; }
html body :is(main#main, main) .bk-book__card > .bk-intro > .bk-book__h { color: #FAFAF8 !important; }
html body :is(main#main, main) .bk-book__card > .bk-intro > .bk-intro__lead { color: rgba(250, 250, 248, 0.72) !important; }
html body :is(main#main, main) .bk-book__card > .bk-intro > .bk-intro__ticks > li { color: rgba(250, 250, 248, 0.72) !important; }
html body :is(main#main, main) .bk-book__card > .bk-intro > .bk-intro__ticks > li > strong { color: rgba(250, 250, 248, 0.72) !important; }
html body :is(main#main, main) .bk-book__card > .bk-ask > .bk-ask__h { color: #FAFAF8 !important; }
html body :is(main#main, main) .cx-end__ask > .cx-end__asklab { color: rgba(250, 250, 248, 0.72) !important; }
html body :is(main#main, main) .cx-end__ask > .cx-end__p { color: rgba(250, 250, 248, 0.72) !important; }
html body :is(main#main, main) .cx-end__ask > .cx-end__row > input { background-color: #FAFAF8 !important; color: #232A31 !important; border-color: #FAFAF8 !important; }
html body :is(main#main, main) .v3-band--tint > .v3-wrap > .v3-head > .v3-h2 { color: #FAFAF8 !important; }
html body :is(main#main, main) .v3-band--tint > .v3-wrap > .v3-head > .v3-lead { color: rgba(250, 250, 248, 0.72) !important; }
html body :is(main#main, main) .v3-band--tint > .v3-wrap > .cm > .cm-part > .cm-part__h { color: rgba(250, 250, 248, 0.72) !important; }
html body :is(main#main, main) .v3-band--tint > .v3-wrap > .cm > .cm-part > .cm-sum { color: rgba(250, 250, 248, 0.72) !important; }
html body :is(main#main, main) .v3-band--tint > .v3-wrap > .cm > .cm-part > .cm-sum > b { color: rgba(250, 250, 248, 0.72) !important; }
html body :is(main#main, main) .v3-band--tint > .v3-wrap > .cm > .cm-part > .cm-part__h > .cm-legend > span { color: rgba(250, 250, 248, 0.72) !important; }
html body :is(main#main, main) .v3-band--tint > .v3-wrap > .v3-build__cols > div > .v3-h3 { color: #FAFAF8 !important; }
html body :is(main#main, main) .v3-band--tint > .v3-wrap > .v3-build__cols > div > .v3-list > li { color: rgba(250, 250, 248, 0.72) !important; }
html body :is(main#main, main) .v3-band--tint > .v3-wrap > .cm > .cm-part > .cm-tally > .cm-tally__set > span { color: rgba(250, 250, 248, 0.72) !important; }
html body :is(main#main, main) .v3-band--tint > .v3-wrap > .cm > .cm-part > .cm-tally > .cm-tally__set > span > b { color: rgba(250, 250, 248, 0.72) !important; }
html body :is(main#main, main) .v3-band--tint > .v3-wrap > .cs2-stack { border-color: rgba(250, 250, 248, 0.16) !important; }
html body :is(main#main, main) .v3-band--tint > .v3-wrap > .cs2-stack > .cs2-stack__h { color: #FAFAF8 !important; }
html body :is(main#main, main) .v3-band--tint > .v3-wrap > .cs2-stack > p { color: rgba(250, 250, 248, 0.72) !important; }
html body :is(main#main, main) .v3-band--tint > .v3-wrap > .cs2-stack > .cs2-tools__rail > .cs2-tools__track > .cs2-tools__set > .cs2-tools__item > span { color: rgba(250, 250, 248, 0.72) !important; }
html body :is(main#main, main) .v3-band--tint > .v3-wrap > .cs2-stack > .cs2-tools__rail > .cs2-tools__track > .cs2-tools__set > .cs2-tools__again > .cs2-tools__item > span { color: rgba(250, 250, 248, 0.72) !important; }
html body :is(main#main, main) .v3-band--tint > .cm > .cm-part > .cm-part__h { color: rgba(250, 250, 248, 0.72) !important; }
html body :is(main#main, main) .v3-band--tint > .cm > .cm-part > .cm-sum { color: rgba(250, 250, 248, 0.72) !important; }
html body :is(main#main, main) .v3-band--tint > .cm > .cm-part > .cm-sum > b { color: rgba(250, 250, 248, 0.72) !important; }
html body :is(main#main, main) .v3-band--tint > .cm > .cm-part > .cm-part__h > .cm-legend > span { color: rgba(250, 250, 248, 0.72) !important; }
html body :is(main#main, main) .v3-band--tint > .cm > .cm-part > .cm-tally > .cm-tally__set > span { color: rgba(250, 250, 248, 0.72) !important; }
html body :is(main#main, main) .v3-band--tint > .cm > .cm-part > .cm-tally > .cm-tally__set > span > b { color: rgba(250, 250, 248, 0.72) !important; }
html body :is(main#main, main) .pf-route-band > .fs-wrap > .fs-h2 { color: #FAFAF8 !important; }
html body :is(main#main, main) .pf-route-band > .fs-wrap > .pf-route > .pf-step > .pf-step__stage { color: rgba(250, 250, 248, 0.72) !important; }
html body :is(main#main, main) .pf-route-band > .fs-wrap > .pf-route > .pf-step > .pf-step__h { color: #FAFAF8 !important; }
html body :is(main#main, main) .pf-route-band > .fs-wrap > .pf-route > .pf-step > .pf-step__b { color: rgba(250, 250, 248, 0.72) !important; }
html body :is(main#main, main) .pf-route-band > .fs-wrap > .pf-route > .pf-step > .pf-step__link { color: #AFC4DD !important; }
html body :is(main#main, main) .seo-section--field > .seo-shell > .seo-prose > p { color: rgba(250, 250, 248, 0.72) !important; }
html body :is(main#main, main) .seo-section--field > .seo-shell > .seo-prose > p > a { color: #AFC4DD !important; }
html body :is(main#main, main) .ty__first > .ty__first-h { color: #FAFAF8 !important; }
html body :is(main#main, main) .ty__first > p { color: rgba(250, 250, 248, 0.72) !important; }
html body :is(main#main, main) .rg-section--tint > .rg-wrap > .rg-diff > .blt-card > h3 { color: #FAFAF8 !important; }
html body :is(main#main, main) .rg-section--tint > .rg-wrap > .rg-diff > .blt-card > p { color: rgba(250, 250, 248, 0.72) !important; }
html body :is(main#main, main) .blt-card--tint > .rg-next__k { color: rgba(250, 250, 248, 0.72) !important; }
html body :is(main#main, main) .blt-card--tint > .blt-hint { color: rgba(250, 250, 248, 0.72) !important; }
html body :is(main#main, main) .blt-card--tint > .blt-btn { color: #AFC4DD !important; }
html body :is(main#main, main) .ft-group--tint > .ft-wrap > .ft-group__head > h2 { color: #FAFAF8 !important; }
html body :is(main#main, main) .ft-group--tint > .ft-wrap > .ft-group__head > p { color: rgba(250, 250, 248, 0.72) !important; }
html body :is(main#main, main) .ip-tool > .ip-wrap > .ip-h2 { color: #FAFAF8 !important; }
html body :is(main#main, main) .ip-tool > .ip-wrap > .ip-intro-line { color: rgba(250, 250, 248, 0.72) !important; }
html body :is(main#main, main) .bk-book__card > .tb-list > li { color: rgba(250, 250, 248, 0.72) !important; }
html body :is(main#main, main) .bk-book__card > .bk-form > div > input { background-color: #FAFAF8 !important; color: #232A31 !important; border-color: #FAFAF8 !important; }
html body :is(main#main, main) .bk-book__card > .bk-form > .tb-pick > .tb-legend { color: rgba(250, 250, 248, 0.72) !important; }
html body :is(main#main, main) .bk-book__card > .bk-form > .tb-pick > .tb-opt { border-color: rgba(250, 250, 248, 0.16) !important; }
html body :is(main#main, main) .bk-book__card > .bk-form > .tb-people > .bk-form__f > label { color: rgba(250, 250, 248, 0.72) !important; }
html body :is(main#main, main) .bk-book__card > .bk-form > .tb-people > .bk-form__f > input { background-color: #FAFAF8 !important; color: #232A31 !important; border-color: #FAFAF8 !important; }
html body :is(main#main, main) .bk-book__card > .bk-form > .tb-people > .tb-note { color: rgba(250, 250, 248, 0.72) !important; }
html body :is(main#main, main) .bk-book__card > .bk-form > .tb-people > .tb-note > a { color: #AFC4DD !important; }
html body :is(main#main, main) .bk-book__card > .bk-form > .tb-sum { background-color: #E5E5E2 !important; border-color: #E5E5E2 !important; color: #232A31 !important; }
html body :is(main#main, main) .bk-book__card > .bk-form > .tb-legend { color: rgba(250, 250, 248, 0.72) !important; }
html body :is(main#main, main) .bk-book__card > .bk-form > .bk-form__grid > .bk-form__f > label { color: rgba(250, 250, 248, 0.72) !important; }
html body :is(main#main, main) .bk-book__card > .bk-form > .bk-form__grid > .bk-form__f > input { background-color: #FAFAF8 !important; color: #232A31 !important; border-color: #FAFAF8 !important; }
html body :is(main#main, main) .bk-book__card > .bk-form > .bk-form__grid > .bk-form__f > label > .bk-form__opt { color: rgba(250, 250, 248, 0.72) !important; }
html body :is(main#main, main) .bk-book__card > .bk-form > .bk-form__f > label { color: rgba(250, 250, 248, 0.72) !important; }
html body :is(main#main, main) .bk-book__card > .bk-form > .bk-form__f > select { background-color: #FAFAF8 !important; color: #232A31 !important; border-color: #FAFAF8 !important; }
html body :is(main#main, main) .bk-book__card > .bk-form > .bk-form__f > .tb-note { color: rgba(250, 250, 248, 0.72) !important; }
html body :is(main#main, main) .bk-book__card > .bk-form > .tb-tick > span { color: rgba(250, 250, 248, 0.72) !important; }
html body :is(main#main, main) .bk-book__card > .bk-form > .tb-tick > span > a { color: #AFC4DD !important; }
html body :is(main#main, main) .bk-book__card > .bk-form > .tb-after { color: rgba(250, 250, 248, 0.72) !important; }
html body :is(main#main, main) .art-news__box > .art-news__h { color: #FAFAF8 !important; }
html body :is(main#main, main) .art-news__box > .art-news__b { color: rgba(250, 250, 248, 0.72) !important; }
html body :is(main#main, main) .art-news__box > .art-news__row > .art-news__f > .art-news__k { color: rgba(250, 250, 248, 0.72) !important; }
html body :is(main#main, main) .art-news__box > .art-news__row > .art-news__f > .art-news__in { background-color: #FAFAF8 !important; color: #232A31 !important; border-color: #FAFAF8 !important; }
html body :is(main#main, main) .bi-subscribe__sheet > .grid > div > .h-display { color: #FAFAF8 !important; }
html body :is(main#main, main) .bi-subscribe__sheet > .grid > div > .h-display > em { color: rgba(250, 250, 248, 0.72) !important; }
html body :is(main#main, main) .bi-subscribe__sheet > .grid > div > .mt-6 { color: rgba(250, 250, 248, 0.72) !important; }
html body :is(main#main, main) .seo-section--field > .seo-shell > .seo-prose > .article-scorecard > table > caption { color: #232A31 !important; }
html body :is(main#main, main) .bk-book__card > .bk-book__act > .fs-cta { background-color: #AFC4DD !important; border-color: #AFC4DD !important; color: #232A31 !important; }
html body :is(main#main, main) .bk-book__card > .bk-book__act > .fs-cta * { color: #232A31 !important; }
html body :is(main#main, main) .bk-book__card > .bk-book__act > .fs-cta:is(:focus-visible) { background-color: #FAFAF8 !important; border-color: #FAFAF8 !important; color: #232A31 !important; }@media (hover: hover) and (pointer: fine){html body :is(main#main, main) .bk-book__card > .bk-book__act > .fs-cta:is(:hover){ background-color: #FAFAF8 !important; border-color: #FAFAF8 !important; color: #232A31 !important; }}
html body :is(main#main, main) .bk-book__card > .bk-ask > .bk-ask__choices > .bk-ask__choice { background-color: #AFC4DD !important; border-color: #AFC4DD !important; color: #232A31 !important; }
html body :is(main#main, main) .bk-book__card > .bk-ask > .bk-ask__choices > .bk-ask__choice * { color: #232A31 !important; }
html body :is(main#main, main) .bk-book__card > .bk-ask > .bk-ask__choices > .bk-ask__choice:is(:focus-visible) { background-color: #FAFAF8 !important; border-color: #FAFAF8 !important; color: #232A31 !important; }@media (hover: hover) and (pointer: fine){html body :is(main#main, main) .bk-book__card > .bk-ask > .bk-ask__choices > .bk-ask__choice:is(:hover){ background-color: #FAFAF8 !important; border-color: #FAFAF8 !important; color: #232A31 !important; }}
html body :is(main#main, main) .cx-end__ask > .cx-end__row > .cx-end__askbtn { background-color: #AFC4DD !important; border-color: #AFC4DD !important; color: #232A31 !important; }
html body :is(main#main, main) .cx-end__ask > .cx-end__row > .cx-end__askbtn * { color: #232A31 !important; }
html body :is(main#main, main) .cx-end__ask > .cx-end__row > .cx-end__askbtn:is(:focus-visible) { background-color: #FAFAF8 !important; border-color: #FAFAF8 !important; color: #232A31 !important; }@media (hover: hover) and (pointer: fine){html body :is(main#main, main) .cx-end__ask > .cx-end__row > .cx-end__askbtn:is(:hover){ background-color: #FAFAF8 !important; border-color: #FAFAF8 !important; color: #232A31 !important; }}
html body :is(main#main, main) .ty__first > .hero-btn { background-color: #AFC4DD !important; border-color: #AFC4DD !important; color: #232A31 !important; }
html body :is(main#main, main) .ty__first > .hero-btn * { color: #232A31 !important; }
html body :is(main#main, main) .ty__first > .hero-btn:is(:focus-visible) { background-color: #FAFAF8 !important; border-color: #FAFAF8 !important; color: #232A31 !important; }@media (hover: hover) and (pointer: fine){html body :is(main#main, main) .ty__first > .hero-btn:is(:hover){ background-color: #FAFAF8 !important; border-color: #FAFAF8 !important; color: #232A31 !important; }}
html body :is(main#main, main) .blt-card--tint > .blt-btn { background-color: #AFC4DD !important; border-color: #AFC4DD !important; color: #232A31 !important; }
html body :is(main#main, main) .blt-card--tint > .blt-btn * { color: #232A31 !important; }
html body :is(main#main, main) .blt-card--tint > .blt-btn:is(:focus-visible) { background-color: #FAFAF8 !important; border-color: #FAFAF8 !important; color: #232A31 !important; }@media (hover: hover) and (pointer: fine){html body :is(main#main, main) .blt-card--tint > .blt-btn:is(:hover){ background-color: #FAFAF8 !important; border-color: #FAFAF8 !important; color: #232A31 !important; }}
html body :is(main#main, main) .bk-book__card > .bk-form > .fs-cta { background-color: #AFC4DD !important; border-color: #AFC4DD !important; color: #232A31 !important; }
html body :is(main#main, main) .bk-book__card > .bk-form > .fs-cta * { color: #232A31 !important; }
html body :is(main#main, main) .bk-book__card > .bk-form > .fs-cta:is(:focus-visible) { background-color: #FAFAF8 !important; border-color: #FAFAF8 !important; color: #232A31 !important; }@media (hover: hover) and (pointer: fine){html body :is(main#main, main) .bk-book__card > .bk-form > .fs-cta:is(:hover){ background-color: #FAFAF8 !important; border-color: #FAFAF8 !important; color: #232A31 !important; }}
html body :is(main#main, main) .art-news__box > .art-news__row > .art-news__btn { background-color: #AFC4DD !important; border-color: #AFC4DD !important; color: #232A31 !important; }
html body :is(main#main, main) .art-news__box > .art-news__row > .art-news__btn * { color: #232A31 !important; }
html body :is(main#main, main) .art-news__box > .art-news__row > .art-news__btn:is(:focus-visible) { background-color: #FAFAF8 !important; border-color: #FAFAF8 !important; color: #232A31 !important; }@media (hover: hover) and (pointer: fine){html body :is(main#main, main) .art-news__box > .art-news__row > .art-news__btn:is(:hover){ background-color: #FAFAF8 !important; border-color: #FAFAF8 !important; color: #232A31 !important; }}
html body :is(main#main, main) .bi-subscribe__sheet > .grid > .bi-subscribe__cta > .hero-btn { background-color: #AFC4DD !important; border-color: #AFC4DD !important; color: #232A31 !important; }
html body :is(main#main, main) .bi-subscribe__sheet > .grid > .bi-subscribe__cta > .hero-btn * { color: #232A31 !important; }
html body :is(main#main, main) .bi-subscribe__sheet > .grid > .bi-subscribe__cta > .hero-btn:is(:focus-visible) { background-color: #FAFAF8 !important; border-color: #FAFAF8 !important; color: #232A31 !important; }@media (hover: hover) and (pointer: fine){html body :is(main#main, main) .bi-subscribe__sheet > .grid > .bi-subscribe__cta > .hero-btn:is(:hover){ background-color: #FAFAF8 !important; border-color: #FAFAF8 !important; color: #232A31 !important; }}

/* The "before" column stays a light card with Charcoal text. */
html body :is(main#main, main) .bl-ba-sec .bl-ba__col--before, html body :is(main#main, main) .bl-ba-sec .bl-ba__col--before :is(.bl-ba__label, li) { color: #232A31 !important; }

/* Cards inside the dark boxes are Light Grey with Charcoal text (Kristian, 4 Nov 2026). */
html body :is(main#main, main) .bl-ba-sec > .bl-ba > .bl-ba__grid > .bl-ba__col--after :is(h1, h2, h3, h4, p, li, span, strong, b, em, dt, dd, figcaption, label, small, legend) { color: #232A31 !important; }
html body :is(main#main, main) .bl-ba-sec > .bl-ba > .bl-ba__grid > .bl-ba__col--after a:not([class*="btn"]):not([class*="cta"]) { color: #1B3A5B !important; }
html body :is(main#main, main) .bk-book__card > .bk-form > .tb-sum :is(h1, h2, h3, h4, p, li, span, strong, b, em, dt, dd, figcaption, label, small, legend) { color: #232A31 !important; }
html body :is(main#main, main) .bk-book__card > .bk-form > .tb-sum a:not([class*="btn"]):not([class*="cta"]) { color: #1B3A5B !important; }

/* Generated from a crawl of every page (4 Nov 2026): text, buttons, lines and inputs inside the dark boxes. */
html body :is(main#main, main) .bl-sheet > .fs-wrap > .fs-h2 { color: #FAFAF8 !important; }
html body :is(main#main, main) .bl-sheet > .fs-wrap > .ar-grid > .ar-item > h3 { color: #FAFAF8 !important; }
html body :is(main#main, main) .bl-sheet > .fs-wrap > .ar-grid > .ar-item > p { color: rgba(250, 250, 248, 0.72) !important; }
html body :is(main#main, main) .bl-sheet > .fs-wrap > .ar-grid > .ar-item > p > a { color: #AFC4DD !important; }
html body :is(main#main, main) .tr-section--tint > .fs-wrap > .tr-intro > .tr-h2-sans { color: #FAFAF8 !important; }
html body :is(main#main, main) .tr-section--tint > .fs-wrap > .tr-intro > .fs-lead { color: rgba(250, 250, 248, 0.72) !important; }
html body :is(main#main, main) .tr-section--tint > .fs-wrap > .tr-cycle > .tr-steps > .tr-step { background-color: #E5E5E2 !important; border-color: #E5E5E2 !important; color: #232A31 !important; }
html body :is(main#main, main) .tr-section--tint > .fs-wrap > .tr-cycle > .tr-steps > .tr-step :is(h1, h2, h3, h4, p, li, span, strong, b, em, dt, dd, figcaption, label, small, legend) { color: #232A31 !important; }
html body :is(main#main, main) .tr-section--tint > .fs-wrap > .tr-cycle > .tr-loop__cap { color: rgba(250, 250, 248, 0.72) !important; }
html body :is(main#main, main) .bl-sheet > .grid > .contact-form { border-color: rgba(250, 250, 248, 0.16) !important; }
html body :is(main#main, main) .bl-sheet > .fs-wrap > .iv-formats > .iv-format { border-color: rgba(250, 250, 248, 0.16) !important; }
html body :is(main#main, main) .bl-sheet > .fs-wrap > .iv-formats > .iv-format > strong { color: rgba(250, 250, 248, 0.72) !important; }
html body :is(main#main, main) .bl-sheet > .fs-wrap > .iv-formats > .iv-format > p { color: rgba(250, 250, 248, 0.72) !important; }
html body :is(main#main, main) .bl-sheet > .fs-wrap > div > .fs-h2 { color: #FAFAF8 !important; }
html body :is(main#main, main) .bl-sheet > .fs-wrap > div > .fs-body { color: rgba(250, 250, 248, 0.72) !important; }
html body :is(main#main, main) .bl-sheet > .fs-wrap > div > .bl-ghost { color: #AFC4DD !important; }
html body :is(main#main, main) .bl-sheet > .fs-wrap > div > .bl-ghost { border-color: rgba(250, 250, 248, 0.16) !important; }
html body :is(main#main, main) .bl-sheet > h3 { color: #FAFAF8 !important; }
html body :is(main#main, main) .bl-sheet > p { color: rgba(250, 250, 248, 0.72) !important; }
html body :is(main#main, main) .bl-sheet > .bl-ghost { color: #AFC4DD !important; }
html body :is(main#main, main) .bl-sheet > .bl-ghost { border-color: rgba(250, 250, 248, 0.16) !important; }
html body :is(main#main, main) .bl-sheet > .fs-wrap > .fs-body { color: rgba(250, 250, 248, 0.72) !important; }
/* Training cycle loop arrow on the dark band: Light Blue so it shows. */
html body :is(main#main, main) .tr-section--tint .tr-loop__line { border-color: #AFC4DD !important; }
html body :is(main#main, main) .tr-section--tint .tr-loop__line::after { border-bottom-color: #AFC4DD !important; }

/* Hero layout B on every page whose hero has a card (Kristian, 4 Nov 2026, matching the homepage):
   a bigger headline on the left, and the card floating with a Light Grey card offset behind it. No logo strip. */
html body :is(main#main, main) :is(.fs-section--hero:has(.bl-hero__media), .seo-hero:has(figure.shm, aside.seo-panel), .om-section:has(.omv-hero__doc), .ab-hero:has(figure.ab-sector), .ip-hero:has(figure.ip-sheet), .fs-section--hero:has(figure.iv-cast)) h1 {
  font-size: clamp(36px, 4.4vw, 64px) !important;
  line-height: 1.03 !important;
  letter-spacing: -0.02em;
}
html body :is(main#main, main) :is(.fs-section--hero .bl-hero__media > :is(figure, .fs-answer), .seo-hero figure.shm, .seo-hero aside.seo-panel, .omv-hero__doc .omv-doc__frame, .ab-hero figure.ab-sector, .ip-hero figure.ip-sheet, .fs-section--hero figure.iv-cast) {
  box-shadow: 18px 18px 0 0 #E5E5E2, 0 30px 60px -30px rgba(23, 49, 77, 0.55) !important;
  margin-bottom: 18px;
}
@media (max-width: 767px) {
  html body :is(main#main, main) :is(.fs-section--hero .bl-hero__media > :is(figure, .fs-answer), .seo-hero figure.shm, .seo-hero aside.seo-panel, .omv-hero__doc .omv-doc__frame, .ab-hero figure.ab-sector, .ip-hero figure.ip-sheet, .fs-section--hero figure.iv-cast) {
    box-shadow: 12px 12px 0 0 #E5E5E2, 0 24px 48px -28px rgba(23, 49, 77, 0.5) !important;
    margin-bottom: 12px;
  }
}

/* Codex design audit fixes (4 Nov 2026). Cards inside dark boxes: opaque Light Grey, Charcoal text. Solid Light Blue only on buttons and selected states. */
html body :is(main#main, main) :is(
  .contact-card, .contact-form, .ft-group--tint .ft-card, .ft-group--tint .ft-card__stage,
  .ip-tool .blt-card, .ip-sheet, .ip-app, .ip-step:not(.is-on),
  .seo-section--field .seo-card, .article-scorecard, .bl-ba__col--before, .details-card
) { background-color: #E5E5E2 !important; border-color: transparent !important; }
html body :is(main#main, main) :is(.contact-card, .contact-form, .ft-group--tint .ft-card, .ip-tool .blt-card, .ip-step:not(.is-on), .seo-section--field .seo-card, .article-scorecard, .bl-ba__col--before, .details-card) :is(h2, h3, h4, p, li, label, tbody th, td, caption, dt, dd):not(.fs-cta, .fs-cta *, [class*="btn"], [class*="btn"] *) { color: #232A31 !important; }
html body :is(main#main, main) :is(.contact-card__label, .contact-card .bl-alt, .ft-meta, .ip-intro, .ip-count, .blt-hint, .ip-step__n) { color: #232A31 !important; }
/* The picked contact topic is a dark button, so its text stays Off-White (pre-publish check, 5 Nov 2026). */
html body :is(main#main, main) .contact-form label.contact-pill:has(input:checked) { color: #FAFAF8 !important; }
html body :is(main#main, main) :is(.contact-card, .ft-group--tint .ft-card, .ip-tool .blt-card) a:not(.fs-cta, [class*="btn"]) , html body :is(main#main, main) :is(.ft-card__link, .blt-link) { color: #1B3A5B !important; }
html body :is(main#main, main) .contact-form :is(input, select, textarea) { background-color: #FAFAF8 !important; }
/* F13: focus ring visible on the dark bands */
html body :is(main#main, main) .ft-group--tint .ft-card:focus-within { outline: 3px solid #AFC4DD !important; outline-offset: 3px; }
/* F04, F14: information panels, not buttons */
html body :is(main#main, main) .st-tl__credit { background: #E5E5E2 !important; border-left: 0 !important; color: #232A31 !important; border-radius: 12px; padding: 14px 16px; }
html body :is(main#main, main) .st-tl__credit * { color: inherit !important; }
html body .blog-hero__note.blog-hero__note { background: #232A31 !important; color: #FAFAF8 !important; }
html body .blog-hero__note.blog-hero__note :not(a) { color: #FAFAF8 !important; }
html body .blog-hero__note.blog-hero__note a { color: #AFC4DD !important; }
/* F06, F15: static table rows and columns go Light Grey; buttons stay Light Blue */
html body:is(.cb-page, .pp-page) .tr-cmp tfoot .tr-cmp__how > * { background: #E5E5E2 !important; }
html body .pp-cmp tbody .pp-cmp__us, html body .pp-cmp tbody td:last-child, html body .pp-cmp tfoot td.pp-cmp__us { background: #E5E5E2 !important; }
html body:is(.cb-page, .pp-page) .tr-cmp .tr-cmp__grp > * { background: #E5E5E2 !important; color: #232A31 !important; }
/* F07: training closing button on Charcoal. Solid Light Blue (Kristian, 5 Nov 2026), highlighting Off-White on hover. */
html body :is(main#main, main) a.bl-ghost.tr-final__cta2 { color: #232A31 !important; background: #AFC4DD !important; border: 2px solid #AFC4DD !important; }
html body :is(main#main, main) a.bl-ghost.tr-final__cta2:is(:focus-visible) { color: #232A31 !important; background: #FAFAF8 !important; border-color: #FAFAF8 !important; }@media (hover: hover) and (pointer: fine){html body :is(main#main, main) a.bl-ghost.tr-final__cta2:is(:hover){ color: #232A31 !important; background: #FAFAF8 !important; border-color: #FAFAF8 !important; }}
html body :is(main#main, main) a.bl-ghost.tr-final__cta2:focus-visible { outline: 3px solid #FAFAF8 !important; outline-offset: 3px; }
/* F08: score page cookie link */
html body .sc-cookie a { color: #FAFAF8 !important; }
/* F19: team-decides key squares outlined so they show on Charcoal */
html body .cm-key--person, html body .cm-tally__set--person .cm-key { box-shadow: 0 0 0 1.5px #FAFAF8; }
/* F20: shared footer inset */
html body .footer-card { background-color: #E5E5E2 !important; }
html body :is(main#main, main) .ip-step.is-on .ip-step__n { color: #FAFAF8 !important; }
html body :is(main#main, main) .bk-book__card .bk-form__opt { color: rgba(250, 250, 248, 0.72) !important; }
html body .roi-pop a { color: #1B3A5B !important; }

/* Buyer worries, ranked, in the homepage card style (Kristian, 4 Nov 2026): two rows; the biggest worry wide in
   Charcoal, the third wide in Light Grey, each with outcome ticks; no box inside a card. Not links, so no blue hover. */
html body :is(main#main, main) .om-objs > .om-obj { display: flex; flex-direction: column; background: #E5E5E2 !important; border: 1px solid rgba(35, 42, 49, 0.14) !important; border-radius: 20px !important; padding: 28px !important; box-shadow: none !important; }
html body :is(main#main, main) .om-objs > .om-obj :is(.om-obj__q, .om-obj__a) { color: #232A31 !important; }
html body :is(main#main, main) .om-objs > .om-obj--lead { background: #232A31 !important; border-color: #232A31 !important; }
/* Lead objection card: same title size as the others, like the homepage cards (Kristian, 6 Nov 2026: "overbearing"). */
html body :is(main#main, main) .om-objs > .om-obj--lead .om-obj__q { color: #FAFAF8 !important; }
html body :is(main#main, main) .om-objs > :is(.om-obj--lead, .om-obj--wide) .om-obj__a { max-width: none; }
html body :is(main#main, main) .om-objs > .om-obj--lead .om-obj__a { color: #E5E5E2 !important; }
html body :is(main#main, main) .om-obj__ticks { list-style: none; margin: 20px 0 0; padding: 0; display: grid; gap: 10px; }
html body :is(main#main, main) .om-obj__ticks li { position: relative; padding-left: 28px; font: 400 17px/1.45 'Source Sans 3', system-ui, sans-serif; color: #232A31; }
html body :is(main#main, main) .om-obj__ticks li::before { content: ""; position: absolute; left: 0; top: 0.2em; width: 16px; height: 16px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.5 6.5 11.5 12.5 4.5' fill='none' stroke='%231B3A5B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / contain; }
html body :is(main#main, main) .om-obj--lead .om-obj__ticks li { color: #FAFAF8; }
html body :is(main#main, main) .om-obj--lead .om-obj__ticks li::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.5 6.5 11.5 12.5 4.5' fill='none' stroke='%23AFC4DD' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
@media (min-width: 900px) {
  html body :is(main#main, main) .om-objs { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 16px !important; }
  html body :is(main#main, main) .om-objs > :is(.om-obj--lead, .om-obj--wide) { grid-column: span 2; }
}/* Report previews (readiness and Feasibility heroes, Kristian, 5 Nov 2026): a darker offset block and a deeper
   soft shadow, the same on both pages, and the caption under the pager in Charcoal. */
html body :is(main#main, main) .omv-doc.omv-hero__doc .omv-doc__frame.omv-doc__frame { box-shadow: 18px 18px 0 0 rgba(35, 42, 49, 0.14), 0 34px 64px -26px rgba(35, 42, 49, 0.5) !important; }
@media (max-width: 767px) { html body :is(main#main, main) .omv-doc.omv-hero__doc .omv-doc__frame.omv-doc__frame { box-shadow: 12px 12px 0 0 rgba(35, 42, 49, 0.14), 0 26px 50px -24px rgba(35, 42, 49, 0.45) !important; } }
html body :is(main#main, main) .omv-hero__doc .omv-doc__cap { color: #232A31 !important; }