/* Measured Nellara green, neutral, mint and gold palette, shared by every version. Keep each layout intact. */
body:is(.v1,.v2,.v3,.chooser){
  --brand-green:#00673c;--deep-green:#00673c;--heritage-teal:#00673c;
  --spice-red:#00673c;--saffron:#d9a642;--ivory:#f4f1ec;
  --sage:#e1f6ec;--sand:#f4f1ec;--charcoal:#333333;
  --paper:#fff;--ink:#333333;--accent:#00673c;--on-accent:#fff;
  --soft:#f4f1ec;--line:#d6e5dc;
  color-scheme:light;background:var(--paper);color:var(--ink)
}
html:has(body:is(.v1,.v2,.v3,.chooser)){scrollbar-color:#00673c #fff}
.v2 h1,.v2 h2,.v2 h3,.v2 .brand{color:var(--deep-green)}
.v2 .site-header{background:var(--paper);color:var(--charcoal);border-color:var(--line)}
.v2 .site-header:after{content:"";position:absolute;inset:auto 0 0;height:3px;background:linear-gradient(90deg,var(--saffron),var(--brand-green),var(--saffron));pointer-events:none}
.v2 .button{background:var(--deep-green);color:#fff}
.v2 .button:hover{background:var(--heritage-teal);color:#fff}
.v2 .dropdown,.v2 .mobile-nav{background:var(--paper);color:var(--charcoal);border-color:var(--line);box-shadow:0 15px 35px #00673c18}
.v2 .dropdown a:hover,.v2 .mobile-nav a:hover{background:var(--sage);color:var(--deep-green)}
.v2 .menu-toggle,.v2 .breadcrumb{color:var(--deep-green)}
.v2 .chapter-nav a[aria-current=location],.v2 .chapter-nav a:hover{background:var(--sage);color:var(--deep-green);border-color:var(--brand-green)}
.v2 .category-rail{background:var(--ivory)}
.v2 .category-rail a:hover,.v2 .filter.active,.v2 .filter:hover{background:var(--deep-green);color:#fff;border-color:var(--deep-green)}
.v2 .brand-chapter{background:var(--sage)}
.v2 .chapter-guides{background:var(--sand);color:var(--charcoal)}
.v2 .chapter-guides a:hover{color:var(--deep-green)}
.v2 .chapter-guides h3{color:var(--deep-green)}
.v2 .offering-detail-grid>a,.v2 .related-grid>a,.v2 .insight-card{background:var(--ivory);color:var(--charcoal);border-color:var(--line)}
.v2 .offering-detail-grid>a:hover,.v2 .related-grid>a:hover{background:var(--sage);color:var(--deep-green)}
.v2 .page-hero{background:var(--ivory);color:var(--charcoal)}
.v2 .detail-layout aside,.v2 .enquiry-form,.v2 .faq-section{background:var(--ivory);color:var(--charcoal)}
.v2 .brief-band{background:var(--sage);color:var(--charcoal)}
.v2 .brief-band .button{background:var(--deep-green);color:#fff}
.v2 .brief-band .button:hover{background:var(--heritage-teal);color:#fff}
.v2 footer{background:var(--ivory);color:var(--charcoal);border-color:var(--line)}
.v2 .footer-top{border-color:var(--line)}
.v2 .footer-top .button{background:var(--saffron);color:var(--charcoal)}
.v2 .footer-top .button:hover{background:var(--deep-green);color:#fff}
.v2 .footer-grid h3,.v2 .footer-bottom{color:var(--deep-green)}
.v2 .floating-wa{background:var(--deep-green);color:#fff;box-shadow:0 5px 18px #00673c25}
.v2 .social-marks>span{background:#fff;border-color:var(--line)}
.v2 .social-marks [aria-label=Instagram]{color:#b83470}
.v2 .social-marks [aria-label=Facebook]{color:#1877f2}
.v2 .social-marks [aria-label=LinkedIn]{color:#0a66c2}
body.chooser{background:var(--ivory);color:var(--deep-green)}
.chooser .choice{background:var(--ivory);color:var(--deep-green);border-bottom:3px solid var(--brand-green)}
.chooser .choice-2{background:var(--sage);border-color:var(--heritage-teal)}
.chooser .choice-3{background:var(--sand);border-color:var(--saffron)}

/* Match the live reference's surface roles and metallic gold controls. */
body:is(.v1,.v2,.v3,.chooser){--gold-gradient:linear-gradient(90deg,#d9a642 0%,#ffe7a4 33%,#fede8f 65%,#f8cc69 100%);--gold-hero:linear-gradient(90deg,#cfa22e 0%,#e6d680 33%,#f2c85e 65%,#d9a842 100%)}
:is(.v1,.v2,.v3) .button{background:var(--gold-gradient);color:var(--charcoal)}
:is(.v1,.v2,.v3) .button:hover{background:var(--deep-green);color:#fff}
:is(.v1,.v2,.v3) .header-inner>.button{background:var(--deep-green);color:#fff}
:is(.v1,.v2,.v3) .header-inner>.button:hover{background:var(--gold-gradient);color:var(--charcoal)}
:is(.v1,.v2,.v3) .site-header:after{background:var(--gold-gradient)}
.reference-hero .button{background:var(--gold-hero);color:var(--charcoal)}
.reference-hero .button:hover{background:#fff;color:var(--deep-green)}
.reference-services{background:#fff;border-color:transparent}
.reference-service-card{background:var(--ivory);border-color:var(--deep-green)}
.reference-brand{background:#fff}
.reference-feature-card{background:var(--ivory)}
.reference-guides>a,.reference-guides>a:nth-child(2),.reference-guides>a:nth-child(3){background:var(--deep-green);color:#fff;border-color:var(--saffron)}
.reference-guides h3,.reference-guides .reference-eyebrow,.reference-guides .text-link{color:#fff}
.v2 .chapter-guides{background:var(--deep-green);color:#fff}
.v2 .chapter-guides h3,.v2 .chapter-guides a:hover{color:#fff}
.v2 .brief-band{background:var(--sage)}
.v2 .brief-band .button{background:var(--gold-gradient);color:var(--charcoal)}
.v2 .brief-band .button:hover{background:var(--deep-green);color:#fff}
body.chooser{background:#fff}

/* The background band spans the viewport; only its content gets side padding.
   Removing the inherited 1350px cap fixes the blank strip on wide monitors. */
:is(.v1,.v2,.v3) footer{width:100%;max-width:none;padding:0 0 25px;margin:0;background:var(--sage);color:var(--charcoal);border:0;position:relative}
:is(.v1,.v2,.v3) footer:before,:is(.v1,.v2,.v3) footer:after{display:none}
:is(.v1,.v2,.v3) .footer-top{width:100%;max-width:none;margin:0 0 0;padding:65px max(5%,calc((100% - 1170px)/2));background:var(--deep-green);color:#fff;border:0;box-sizing:border-box}
:is(.v1,.v2,.v3) .footer-top h2{color:#fff}
:is(.v1,.v2,.v3) .footer-top .button{background:var(--gold-gradient);color:var(--charcoal)}
:is(.v1,.v2,.v3) .footer-top .button:hover{background:#fff;color:var(--deep-green)}
:is(.v1,.v2,.v3) .footer-grid{width:min(1170px,90%);max-width:none;margin:0 auto;padding:55px 0 40px}
:is(.v1,.v2,.v3) .footer-bottom{width:min(1170px,90%);max-width:none;margin:0 auto;padding:22px 0 65px;border-color:var(--line)}
:is(.v1,.v2,.v3) .footer-bottom a:hover{color:var(--deep-green)}
@media(max-width:767px){
  :is(.v1,.v2,.v3) .footer-top{padding:42px 24px}
  :is(.v1,.v2,.v3) .footer-grid{padding:40px 0 32px}
  :is(.v1,.v2,.v3) .footer-bottom{padding-bottom:55px}
}