/* Quiet control surfaces with the report's coloured, textured edges. */
html body .button,html body .nav-download,html body main .sdg-pillar-links a {
 --control-border:linear-gradient(120deg,#F36B23,#FEE800,#4CB748);
 border:2px solid transparent!important;
 background:linear-gradient(white,white) padding-box,url('blobs/brand/grain-fine.svg') border-box,var(--control-border) border-box!important;
 background-size:auto,64px 64px,100% 100%!important;
 color:#202b25!important;
 text-shadow:none;
 opacity:1;
 transition:transform .2s ease,box-shadow .2s ease;
}
html body main[data-pillar] .button,html body main .sdg-pillar-links a[data-pillar] {
 --control-border:linear-gradient(120deg,var(--pillar-base),var(--pillar-light));
}
html body .button:hover,html body .nav-download:hover,html body main .sdg-pillar-links a:hover {
 color:#202b25!important;
 box-shadow:0 5px 15px #202b2514;
 transform:translateY(-2px);
 text-decoration:none;
}
html body .button.button-primary,html body .nav-download {
 background:linear-gradient(115deg,#D82428 0%,#D82428 65%,#F26B23 100%)!important;
 color:white!important;
 border-color:transparent!important;
}
html body .button.button-primary:hover,html body .nav-download:hover,html body .nav-download:focus-visible {
 background:linear-gradient(115deg,#D82428 0%,#D82428 80%,#F26B23 100%)!important;
 color:white!important;
}
html body main[data-pillar] .button.button-primary {
 background:linear-gradient(115deg,#D82428 0%,#D82428 65%,#F26B23 100%)!important;
 color:white!important;
}
html body .button:disabled {
 background:#edf0ed!important;color:#536057!important;border-color:#cdd5cd!important;
 opacity:1;box-shadow:none;transform:none;cursor:not-allowed;
}
html body .button:focus-visible,html body .nav-download:focus-visible,html body main .sdg-pillar-links a:focus-visible {
 outline:3px solid #202b25;outline-offset:4px;
}
html body main .sdg-pillar-links a>span,html body main .card-arrow,html body main .feature-card h3 span {
 background:white!important;color:#202b25!important;border:1px solid #ced7cf;
}
@media(prefers-reduced-motion:reduce){html body .button,html body .nav-download,html body main .sdg-pillar-links a{transition:none}}

/* Header typography follows the report's button typography. */
html body .site-header nav#site-nav,
html body .site-header nav#site-nav a,
html body .site-header nav#site-nav summary,
html body .site-header .menu-toggle{
 font-family:var(--body-font);font-size:.85rem;font-weight:600;line-height:1.4;
}
html body .site-header nav#site-nav .nav-download{
 display:inline-flex;align-items:center;justify-content:space-between;gap:24px;
 padding:16px 23px!important;min-height:48px;border-radius:30px;
}
html body .site-header .nav-download span{font-size:1.1rem;line-height:1}
@media(max-width:600px){
 html body .site-header nav#site-nav,
 html body .site-header nav#site-nav a,
 html body .site-header nav#site-nav summary,
 html body .site-header .menu-toggle{font-size:.76rem}
 html body .site-header nav#site-nav .nav-download{padding:14px 17px!important;gap:12px}
}

/* Homepage impact action: solid brand-orange outline. */
html body .hero .button[href="#our-impact"],
html body .hero .button[href="#our-impact"]:hover,
html body .hero .button[href="#our-impact"]:focus-visible{
 background:#fff!important;
 border-color:#F26B23!important;
 color:#202b25!important;
}

/* Consistent solid outline for secondary actions throughout the report. */
html body .button:not(.button-primary):not(:disabled),
html body .button:not(.button-primary):not(:disabled):hover,
html body .button:not(.button-primary):not(:disabled):focus-visible,
html body main .sdg-pillar-links a,
html body main .sdg-pillar-links a:hover,
html body main .sdg-pillar-links a:focus-visible{
 background:#fff!important;
 border:2px solid #F26B23!important;
 color:#202b25!important;
}