/* ACR-687: James approved the supplied visual system across Advisy's website.
   Brand names/logos, existing artwork and OnCue's authentic app surfaces remain.
   Font faces are supplied by sub-nexus-brand.css, loaded immediately before this. */
:root{
 --nexus-ink:#071d2b;
 --nexus-cyan:#35b9e4;
 --nexus-blue:#2180b8;
 --nexus-action:#14638f;
 --nexus-cloud:#f4f8fb;
 --nexus-steel:#536a7a;
 --nexus-white:#fff;
 --nexus-line:rgba(7,29,43,.14);
 --nexus-muted-on-dark:#c2d0d9;
 --nexus-raised:color-mix(in srgb,var(--nexus-ink) 94%,white);
 --display:'Nexus Manrope',Arial,sans-serif;
 --body:'Nexus Inter',Arial,sans-serif;
 --ink:var(--nexus-ink);
 --navy:var(--nexus-ink);
 --raised:var(--nexus-raised);
 --cyan:var(--nexus-cyan);
 --paper:var(--nexus-cloud);
 --muted:var(--nexus-steel);
 --line:var(--nexus-line);
 --hv-canvas:var(--nexus-ink);
 --hv-raised:var(--nexus-raised);
 --hv-cyan:var(--nexus-cyan);
 --hv-cyan-ink:var(--nexus-action);
 --hv-paper:var(--nexus-cloud);
 --hv-ice:var(--nexus-cloud);
 --hv-muted:var(--nexus-steel);
 --hv-muted-dark:var(--nexus-muted-on-dark);
 --hv-line:var(--nexus-line);
}
body.a,body.a .masthead,.home-footer{background:var(--ink)}
.hv-support{color:rgba(244,248,251,.92);text-shadow:0 1px 2px rgba(7,29,43,.55),0 0 24px rgba(7,29,43,.45)}/* 14 Sep: hero support lines over photographic plates read as Cloud at 92% with a soft ink shadow; Mist stays for supporting text on flat Ink */
.hv-hero h1,.hv-sec h2{font-weight:600}
.hv-sec>.hv-wrap>h2{font-size:clamp(32px,3.4vw,48px);line-height:1.2}
.hv-sub{font-size:18px;line-height:1.625}
.hv-masthead-sub .hv-media:after{background:linear-gradient(180deg,rgba(7,29,43,.92) 0%,rgba(7,29,43,.66) 34%,rgba(7,29,43,.34) 58%,rgba(7,29,43,.1) 76%,rgba(7,29,43,.72) 100%)}
.hv-masthead:not(.hv-masthead-sub) .hv-media:after{background:linear-gradient(180deg,rgba(7,29,43,.92) 0%,rgba(7,29,43,.55) 38%,rgba(7,29,43,0) 70%,rgba(7,29,43,.6) 100%)}
/* Shared actions use the high-contrast blue; pale cyan is an accent. */
body.a .cta,body.a .nav .cta,body.a .hv-hero .cta,body.a .hv-dark .cta{background:var(--nexus-action);color:white}
body.a .cta i,body.a .nav .cta i,body.a .hv-hero .cta i,body.a .hv-dark .cta i{background:white;color:var(--nexus-action)}
body.a .cta:hover{background:var(--ink)}
.hv-light .text-link,.hv-paper .text-link,.hv-light .hv-lab,.hv-paper .hv-lab{color:var(--nexus-action)}
.hv-dark .text-link,.hv-hero .text-link{color:white}
a:focus-visible,button:focus-visible,summary:focus-visible{outline-color:var(--nexus-action)}
.hv-dark :is(a,button,summary):focus-visible,.masthead :is(a,button,summary):focus-visible,.home-footer a:focus-visible{outline-color:var(--nexus-cyan)}
.home-footer,.preview-footer{color:var(--nexus-muted-on-dark)}
.home-footer nav{color:white}
.home-footer .footer-top p{color:white}
.home-footer nav>div>span,.home-footer .preview-footer{font-size:12px}
.nav-solutions .solutions-menu,.mobile-menu[open] .menu-links{background:var(--paper);color:var(--ink)}
.nav-solutions .solutions-menu a>span{color:var(--muted);font-size:12px}
.nav-solutions .solutions-menu a:hover{background:color-mix(in srgb,var(--paper) 85%,var(--cyan))}
.home-footer nav span{color:var(--nexus-muted-on-dark)}
/* Homepage product introductions share the site system; product artwork is intact. */
.hp-overview-section{background:var(--nexus-cloud)}
.hp-overview-head .hp-product-promise{color:var(--ink)}
.hp-overview-head p:not(.hp-product-promise){color:var(--muted)}
.hp-overview-head h3,.hp-overview-link{color:var(--nexus-action)}
.hp-overview-link{border-color:var(--nexus-action)}
/* Supporting pages already consume the shared variables. Their few fixed brand
   labels are aligned here without changing their component geometry. */
.sv-ch-n,.sv-track .hv-lab,.sv-surface .hv-lab,.sv-record .hv-lab{color:var(--nexus-action)}
.sv-chapters button[aria-selected=true] .sv-ch-n{color:var(--nexus-cyan)}
.sv-stages .sv-doc{color:var(--ink)}
.sv-stages .sv-doc-head span,.sv-stages .sv-doc-num{color:var(--muted)}
.sv-method :is(.sv-ch-n,.sv-ch-big,.sv-ch-line){color:var(--nexus-muted-on-dark)}
.sv-method .sv-chapters button[aria-selected=true] .sv-ch-n{color:var(--cyan)}
.sv-method .sv-chapters button[aria-selected=true] .sv-ch-big{color:white}
.sv-commercial{background:var(--paper)}
.sv-ct-formcol input,.sv-ct-formcol textarea{border-color:var(--line)}
.sv-ct-formcol input:focus,.sv-ct-formcol textarea:focus{border-color:var(--nexus-action);box-shadow:0 0 0 3px color-mix(in srgb,var(--cyan) 30%,transparent)}
.sv-ct-policy a{color:var(--nexus-action)}
.sv-ed a,.sv-byline a{color:var(--nexus-action)}
.ac-message p,.ac-email p,.sv-draft p{color:var(--ink)}
/* Vision retains its current sections; this changes their shared brand styling. */
.vs-mission-grid article{border-color:var(--cyan)}
.vs-mission-grid p,.vs-product p,.vs-horizon-body p,.vs-principles p,.vs-context-copy,.vs-example-note{color:var(--muted)}
.vs-department-frame,.vs-learning-art{background:var(--paper)}
.vs-context{background:linear-gradient(160deg,var(--paper),white)}
.vs-context-items span,.vs-learning-art p{color:var(--ink)}
.vs-context-label,.vs-product-id b,.vs-capabilities,.vs-learning-label,.vs-learning-art b{color:var(--nexus-action)}
.vs-capabilities span+span::before,.vs-learning-art>span{color:var(--muted)}
.vs-department-base{background:var(--ink)}
.vs-department-base p span{color:var(--nexus-muted-on-dark)}
.vs-product .text-link{color:var(--nexus-action)!important}
@media(max-width:600px){.hv-support,.hv-sub{font-size:16px;line-height:1.625}}
/* 13 Sep 2026 (James: the footer looked a different colour): the closing book plate was rendered before the brand pass on a bluer near-black; letting the page navy show through wherever the plate is darker puts its bed on Nexus Ink and keeps the book and its cyan edge. */
.hv-book{background:var(--hv-canvas);isolation:isolate}
.hv-book img{mix-blend-mode:lighten}