/* Local icon palette. Existing content, card geometry and shared icon artwork are retained. */
.why-colourful-icons{--why-icon-ink:#2e66a5;--why-icon-tint:#e7effc;--why-icon-ring:#c8d9ef}
.why-colourful-icons :is(.why-initiative,.why-finance-card,.why-institution,.why-pillar,.why-sector,.why-action,.why-highlights>li,.why-programme-links>a,.why-native-infographic>div>span):nth-child(6n+2){--why-icon-ink:#24745b;--why-icon-tint:#e2f2e9;--why-icon-ring:#c3e1d0}
.why-colourful-icons :is(.why-initiative,.why-finance-card,.why-institution,.why-pillar,.why-sector,.why-action,.why-highlights>li,.why-programme-links>a,.why-native-infographic>div>span):nth-child(6n+3){--why-icon-ink:#975b1f;--why-icon-tint:#fff0db;--why-icon-ring:#eed5af}
.why-colourful-icons :is(.why-initiative,.why-finance-card,.why-institution,.why-pillar,.why-sector,.why-action,.why-highlights>li,.why-programme-links>a,.why-native-infographic>div>span):nth-child(6n+4){--why-icon-ink:#7953a0;--why-icon-tint:#f0e7fa;--why-icon-ring:#ddcdee}
.why-colourful-icons :is(.why-initiative,.why-finance-card,.why-institution,.why-pillar,.why-sector,.why-action,.why-highlights>li,.why-programme-links>a,.why-native-infographic>div>span):nth-child(6n+5){--why-icon-ink:#1b7483;--why-icon-tint:#e2f3f6;--why-icon-ring:#bfdee5}
.why-colourful-icons :is(.why-initiative,.why-finance-card,.why-institution,.why-pillar,.why-sector,.why-action,.why-highlights>li,.why-programme-links>a,.why-native-infographic>div>span):nth-child(6n+6){--why-icon-ink:#a7486c;--why-icon-tint:#fbe7ef;--why-icon-ring:#ecc9d7}
html:not([data-contrast=true]) .why-up-page.why-colourful-icons .why-icon{background:var(--why-icon-tint);color:var(--why-icon-ink);border:1px solid var(--why-icon-ring);box-shadow:0 3px 9px #284c7108}
html:not([data-contrast=true]) .why-up-page.why-colourful-icons :is(.why-icon,.why-inline-icon)>svg{color:var(--why-icon-ink);stroke-width:2.2}
.why-colourful-icons .why-inline-icon{display:inline-grid;place-items:center;width:32px;height:32px;flex:0 0 32px;border-radius:9px}
html:not([data-contrast=true]) .why-up-page.why-colourful-icons .why-inline-icon{background:var(--why-icon-tint);color:var(--why-icon-ink);border:1px solid var(--why-icon-ring)}
.why-colourful-icons .why-inline-icon>svg{display:block;width:21px;height:21px;flex-shrink:0}
.why-colourful-icons .why-highlights .why-inline-icon{width:36px;height:36px;flex-basis:36px;border-radius:10px}
.why-colourful-icons .why-programme-links>a{grid-template-columns:36px minmax(0,1fr) 12px}
.why-colourful-icons .why-programme-links .why-inline-icon{width:36px;height:36px;flex-basis:36px;border-radius:10px}
.why-colourful-icons .why-native-infographic .why-inline-icon{width:32px;height:32px;flex-basis:32px}
.why-colourful-icons .why-native-infographic .why-inline-icon>svg{width:21px;height:21px}
html[data-contrast=true] .why-colourful-icons .why-inline-icon{background:#000!important;color:#ffeb3b!important;border:1px solid #ffeb3b!important}
html[data-contrast=true] .why-colourful-icons :is(.why-icon,.why-inline-icon)>svg{color:#ffeb3b!important}
@media(prefers-reduced-motion:reduce){.why-colourful-icons :is(.why-icon,.why-inline-icon){animation:none!important;transition:none!important}}