/* Aperture Research Works | controlled 12 Oct 2026 navy + contrast overlay.
   Source artwork and logo unchanged; the logo retains its own colour spectrum.
   Written-enquiry and genuine external-provider icons retain their functional identity.
*/
:root{
 --ink:#13263A;--navy:#123A63;--blue:#2154A3;--teal:#123A63;
 --green:#123A63;--muted:#4A5B6C;--paper:#FFFFFF;
 --soft:#F4F7FB;--wash:#F4F7FB;--mist:#F4F7FB;
 --line:#C9D4E0;--baminiline:#C9D4E0;
}
html{color-scheme:light}
body{color:#13263A;background-color:#fff}
a:not(.btn):not(.whatsapp-fab){text-underline-offset:3px}
:focus-visible{outline:3px solid #2154A3;outline-offset:3px}
/* Prior bright-green primary actions are replaced by navy. */
a.btn:not(.secondary):not(.light),button.btn:not(.secondary):not(.light),
button[type="submit"].btn,.floating-matter,.action-primary,.primary-action{
 background:#123A63!important;color:#FFFFFF!important;border-color:#123A63!important;
}
a.btn:not(.secondary):not(.light):hover,button.btn:not(.secondary):not(.light):hover,
.floating-matter:hover,.action-primary:hover{background:#0E2F50!important;border-color:#0E2F50!important}
a.btn.secondary,button.btn.secondary,a.btn.outline{background:#fff!important;color:#123A63!important;border:1px solid #123A63!important}
a.btn.secondary:hover,button.btn.secondary:hover,a.btn.outline:hover{background:#F4F7FB!important;color:#123A63!important}
/* Explicitly restore dark text INSIDE light panels nested in dark sections.
   The original selectors `.cta p` and `.dark p` accidentally coloured these nearly white. */
.cta,.dark,.research-difference,.ba-readiness-card{background-color:#123A63;color:#FFFFFF}
.cta>div>h2,.cta h2:not(.contactbox h2),.dark>div>h2,.research-difference h2,.ba-readiness-card h2{color:#FFFFFF}
.cta>.wrap>p,.cta>.shell>p,.cta .lead,.dark>.shell>p,.dark .shell>h2,
.research-difference>.shell>p,.ba-readiness-card>p{color:#EAF1F8}
.cta .contactbox,.dark .card,.dark .practical-example,.dark .example-compact,
.dark .example-card,.dark .light-panel,.dark .panel,.dark .surface,
.cta .contactbox,.ba-readiness-card .card,.cta .form-card{background:#FFFFFF;color:#13263A}
.cta .contactbox :is(p,small,span,li,label,h2,h3,h4,.tiny,.note,.help,.form-note),
.dark :is(.practical-example,.example-compact,.example-card,.card,.light-panel,.panel,.surface) :is(p,small,span,li,label,h2,h3,h4,div),
.cta .form-card :is(p,small,span,li,label,h2,h3,h4){color:#13263A!important}
.cta .contactbox :is(p.tiny,p.note,.tiny,.note,.muted,.hint,.small),
.dark :is(.practical-example,.example-compact,.example-card,.card,.light-panel,.panel,.surface) :is(p:not(.title),.muted,.hint,.small){color:#4A5B6C!important}
.cta .contactbox a,.dark :is(.practical-example,.example-compact,.example-card,.card,.light-panel,.panel,.surface) a{color:#164B81!important}
.cta .contactbox :is(h2,h3),.dark .practical-example :is(h2,h3),.dark .example-compact :is(h2,h3){color:#13263A!important}
/* All light cards and form controls must remain legible. */
:where(.card,.contactbox,.ba-factbox,.ba-step,.ba-tile,.ba-resource,.form-card,.quote-card,.product-card,.practical-example,.example-compact){color:#13263A}
:where(.card,.contactbox,.ba-factbox,.ba-step,.ba-tile,.ba-resource,.form-card,.quote-card,.product-card,.practical-example,.example-compact) :is(p,li,small,.muted,.tiny,.description,.note){color:#4A5B6C}
:where(.card,.contactbox,.ba-factbox,.ba-step,.ba-tile,.ba-resource,.form-card,.quote-card,.product-card,.practical-example,.example-compact) :is(h1,h2,h3,h4,strong,label){color:#13263A}
.contactbox :is(input,textarea,select),input:not([type="checkbox"]):not([type="radio"]),textarea,select{
 background:#FFFFFF;color:#13263A;border-color:#AABBCB;
}
input::placeholder,textarea::placeholder{color:#566879!important;opacity:1}
:where(.contactbox,.form-card,.card) .tiny,:where(.contactbox,.form-card,.card) .helper-text{color:#4A5B6C!important}
/* Channel cards, forms and the full BA mini-site share one navy tone. */
.kicker,.eyebrow,.ba-eyebrow,.ba-tile .ba-tag,.ba-context{color:#123A63}
.check li:before,.stage:before{color:#123A63}
.card.accent,.mini,.benefit,.difference-context{border-color:#123A63}
.ba-step-num,.tag,.ba-small-pills a{background:#EAF1F8;color:#123A63}
.ba-canvas,.ba-contents,.section.soft{background:#F4F7FB}
.ba-mini-band .ba-context,.ba-mini-band nav a,.ba-crumbs a,
.ba-contents a,.ba-resource a,.ba-seller-return a,.ba-family-jumplinks a,.ba-stage-link{color:#123A63}
.ba-readiness-card{background:#123A63}
.ba-readiness-card h2,.ba-readiness-card h3,.ba-readiness-card p,.ba-readiness-card a{color:#fff!important}
.complete-navigation a:hover,.complete-navigation a[aria-current="page"]{background:#EAF1F8!important;color:#123A63!important}
.complete-navigation a.menu-home{background:#EAF1F8!important;color:#123A63!important}
/* Do not tint images or brand wordmarks. */
.brand img,.logo img,.wordmark{filter:none;object-fit:contain}
/* Contrast for dark sections with links and footers */
.dark a:not(.btn):not(.practical-example a),.cta a:not(.btn):not(.contactbox a),
.research-difference a:not(.btn),.ba-readiness-card a{color:#F4F7FB}
@media(max-width:760px){.contactbox,.practical-example,.example-compact{min-width:0}
 .contactbox :is(p,small),.practical-example :is(p,small){overflow-wrap:anywhere}}
@media print{.cta,.dark{background:#fff!important;color:#13263A!important}}