/* Sustainability only: homepage palette, compact chapters and explicit surfaces. */
html:has(#main.sustainability-premium), body:has(#main.sustainability-premium) { overflow-x: clip !important; overflow-y: visible !important; }
html body #main#main#main.sustainability-premium {
    --sn-ink: #23382b; --sn-copy: #4f6054; --sn-olive: #7a9439;
    --sn-olive-dark: #526d24; --sn-pale: #eef3dc; --sn-warm: #f5f2ea;
    background: #f7f9ef !important; color: var(--sn-ink) !important;
}
html body #main#main#main.sustainability-premium .container:not(.sn-hero__inner,.sn-intro__layout) { width: min(1280px,calc(100% - 80px)) !important; max-width: 1280px; margin-inline: auto !important; }
html body #main#main#main.sustainability-premium :is(.sn-section-nav,.sn-orbit-section,.sn-statements,.sn-impact-dashboard,.sn-trustrow,.sn-final) :is(h1,h2,h3,p,span,strong,a,button,dt,dd,em) { -webkit-text-fill-color: currentColor !important; text-shadow: none !important; }
html body #main#main#main.sustainability-premium :is(.sn-section-nav,.sn-orbit-section,.sn-statements,.sn-impact-dashboard,.sn-trustrow,.sn-final) :is(h1,h2,h3) { color: var(--sn-ink) !important; letter-spacing: -.035em !important; line-height: 1.12 !important; text-wrap: balance; }
html body #main#main#main.sustainability-premium :is(.sn-section-nav,.sn-orbit-section,.sn-statements,.sn-impact-dashboard,.sn-trustrow,.sn-final) h1 { font-size: clamp(38px,4.8vw,66px) !important; max-width: 16ch; margin: 20px 0 24px !important; }
html body #main#main#main.sustainability-premium :is(.sn-section-nav,.sn-orbit-section,.sn-statements,.sn-impact-dashboard,.sn-trustrow,.sn-final) h2 { font-size: clamp(30px,3.5vw,46px) !important; max-width: 24ch; margin: 16px 0 22px; }
html body #main#main#main.sustainability-premium :is(.sn-section-nav,.sn-orbit-section,.sn-statements,.sn-impact-dashboard,.sn-trustrow,.sn-final) h3 { font-size: 22px !important; letter-spacing: -.02em !important; }
html body #main#main#main.sustainability-premium :is(.sn-section-nav,.sn-orbit-section,.sn-statements,.sn-impact-dashboard,.sn-trustrow,.sn-final) :is(p,li,dd) { color: var(--sn-copy) !important; font-size: 16px; line-height: 1.7 !important; }
html body #main#main#main.sustainability-premium :is(.sn-section-nav,.sn-orbit-section,.sn-statements,.sn-impact-dashboard,.sn-trustrow,.sn-final) em { color: #526d24 !important; font-style: normal; }
html body #main#main#main.sustainability-premium :is(.sn-section-nav,.sn-orbit-section,.sn-statements,.sn-impact-dashboard,.sn-trustrow,.sn-final) :is(.sn-kicker,.sn-statement>.container>span) { color: #526d24 !important; font-size: 11px !important; line-height: 1.5; letter-spacing: .13em; font-weight: 750; }
html body #main#main#main.sustainability-premium :is(section,article[id]) { scroll-margin-top: 150px; }
html body #main#main#main.sustainability-premium :is(a,button):focus-visible { outline: 3px solid #526d24 !important; outline-offset: 4px; }
html body #main#main#main.sustainability-premium :is(.sn-section-nav,.sn-orbit-section,.sn-statements,.sn-impact-dashboard,.sn-trustrow,.sn-final) a { color: #526d24; }
html body #main#main#main.sustainability-premium :is(.sn-section-nav,.sn-orbit-section,.sn-statements,.sn-impact-dashboard,.sn-trustrow,.sn-final) .sn-actions { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 28px; }
html body #main#main#main.sustainability-premium :is(.sn-section-nav,.sn-orbit-section,.sn-statements,.sn-impact-dashboard,.sn-trustrow,.sn-final) .sn-button { min-height: 52px; padding: 15px 22px !important; border: 1px solid #526d24 !important; border-radius: 8px !important; background: #526d24 !important; color: #fff !important; font-size: 14px; font-weight: 750; gap: 14px; text-decoration: none; }
html body #main#main#main.sustainability-premium :is(.sn-section-nav,.sn-orbit-section,.sn-statements,.sn-impact-dashboard,.sn-trustrow,.sn-final) .sn-button span { color: inherit !important; }
html body #main#main#main.sustainability-premium :is(.sn-section-nav,.sn-orbit-section,.sn-statements,.sn-impact-dashboard,.sn-trustrow,.sn-final) .sn-button--quiet { background: transparent !important; color: #405b21 !important; border-color: #aebd8b !important; box-shadow: none !important; }
html body #main#main#main.sustainability-premium .sn-section-nav { position: sticky; top: 82px; z-index: 15; background: rgba(255,255,255,.97); border-block: 1px solid #dde5cd; }
html body #main#main#main.sustainability-premium .sn-section-nav>.container { display: flex; justify-content: space-between; overflow-x: auto; gap: 12px; }
html body #main#main#main.sustainability-premium .sn-section-nav a { flex-shrink: 0; white-space: nowrap; padding: 20px 8px; color: #4f6054 !important; font-size: 12px; font-weight: 750; text-decoration: none; border-bottom: 2px solid transparent; }
html body #main#main#main.sustainability-premium .sn-section-nav a:is(:hover,.is-active) { border-color: #7a9439; color: #405b21 !important; }
html body #main#main#main.sustainability-premium :is(.sn-orbit-section,.sn-impact-dashboard) { padding: 64px 0 !important; }
html body #main#main#main.sustainability-premium .sn-orbit-section { background: #eef3dc !important; }
html body #main#main#main.sustainability-premium .sn-orbit-layout { grid-template-columns: .8fr 1.2fr; gap: 64px; }
html body #main#main#main.sustainability-premium .sn-orbit { width: min(100%,390px); margin-inline: auto; }
html body #main#main#main.sustainability-premium .sn-orbit__center { color: #23382b !important; }
html body #main#main#main.sustainability-premium .sn-orbit__node { color: #405b21 !important; background: #fff !important; }
html body #main#main#main.sustainability-premium .sn-orbit__node.is-active { color: #fff !important; background: #526d24 !important; }
html body #main#main#main.sustainability-premium .sn-orbit-tabs { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; border: 0; }
html body #main#main#main.sustainability-premium .sn-orbit-tabs button { min-height: 62px; padding: 14px; gap: 10px; font-size: 13px; border: 1px solid #cbd8af; border-radius: 8px; background: rgba(255,255,255,.7); color: #405b21 !important; }
html body #main#main#main.sustainability-premium .sn-orbit-tabs button span { color: inherit !important; white-space: nowrap; flex: 0 0 20px; }
html body #main#main#main.sustainability-premium .sn-orbit-tabs button.is-active { background: #526d24 !important; color: #fff !important; border-color: #526d24; }
html body #main#main#main.sustainability-premium .sn-orbit-tabs button::after { display: none; }
html body #main#main#main.sustainability-premium .sn-orbit-panel { margin-top: 18px; padding: 26px; border: 1px solid #d5debf; border-radius: 14px; background: #fff !important; }
html body #main#main#main.sustainability-premium .sn-orbit-panel[hidden] { display: none !important; }
html body #main#main#main.sustainability-premium .sn-orbit-panel h3 { font-size: 28px !important; margin: 12px 0; }
html body #main#main#main.sustainability-premium .sn-orbit-panel__cue { color: #526d24 !important; font-size: 14px; font-weight: 750; }
html body #main#main#main.sustainability-premium .sn-statements { padding: 0 !important; background: #f5f2ea !important; }
html body #main#main#main.sustainability-premium .sn-statement { min-height: 350px !important; padding: 46px 0 !important; background: #eef3dc !important; overflow: hidden; isolation: isolate; }
html body #main#main#main.sustainability-premium .sn-statement::before { display: none !important; }
html body #main#main#main.sustainability-premium .sn-statement::after { content: ''; display: block !important; position: absolute; inset: 0 0 0 55%; z-index: -1; background: var(--sn-chapter-image) center/cover; }
html body #main#main#main.sustainability-premium .sn-statement>.container { padding: 0 51% 0 0 !important; }
html body #main#main#main.sustainability-premium .sn-statement h2 br { display: initial; }
html body #main#main#main.sustainability-premium .sn-statement h2 { font-size: clamp(30px,3.3vw,44px) !important; }
html body #main#main#main.sustainability-premium .sn-statement p { max-width: 55ch; font-size: 15px; }
html body #main#main#main.sustainability-premium .sn-statement--chemistry { --sn-chapter-image: url('/assets/images/sustainability/leaf-bg.jpg'); }
html body #main#main#main.sustainability-premium .sn-statement--water { --sn-chapter-image: url('/assets/images/hd-refresh-2026/water-wastewater-hd.webp'); }
html body #main#main#main.sustainability-premium .sn-statement--manufacturing { --sn-chapter-image: url('/assets/images/company/manufacturing-2026/manufacturing-hero-authentic.webp'); }
html body #main#main#main.sustainability-premium .sn-statement--esg { --sn-chapter-image: url('/assets/images/company/certifications-2026/compliance-review-hero.webp'); }
html body #main#main#main.sustainability-premium .sn-statement--certifications { --sn-chapter-image: url('/assets/images/company/quality-assurance.jpg'); }
html body #main#main#main.sustainability-premium .sn-statement--impact { --sn-chapter-image: url('/assets/images/industries-hd/water-treatment-hero.png'); }
html body #main#main#main.sustainability-premium .sn-detail { padding: 40px 0 60px !important; background: #f5f2ea !important; }
html body #main#main#main.sustainability-premium .sn-detail__grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; background: transparent !important; border: 0; overflow: visible; }
html body #main#main#main.sustainability-premium .sn-detail__block { padding: 26px !important; min-height: 0 !important; border: 1px solid #e0e4d5 !important; border-radius: 12px; background: #fff !important; }
html body #main#main#main.sustainability-premium .sn-detail__block h3 { margin: 0 0 14px; padding: 0; }
html body #main#main#main.sustainability-premium .sn-detail__block h3::before { display: none; }
html body #main#main#main.sustainability-premium .sn-detail__block strong { color: #23382b !important; }
html body #main#main#main.sustainability-premium .sn-detail__block--proof { grid-column: 1/-1; }
html body #main#main#main.sustainability-premium .sn-detail__links a { color: #526d24 !important; font-size: 13px; line-height: 1.6; }
html body #main#main#main.sustainability-premium .sn-certification-card img { display: block; width: 150px; height: 95px; object-fit: contain; object-position: left center; margin-bottom: 20px; }
html body #main#main#main.sustainability-premium .sn-certification-card>a { font-size: 14px; font-weight: 750; }
html body #main#main#main.sustainability-premium .sn-detail__note { grid-column: 1/-1; padding: 16px 0 !important; margin: 0; background: transparent !important; }
html body #main#main#main.sustainability-premium .sn-impact-dashboard { background: #eef3dc !important; }
html body #main#main#main.sustainability-premium .sn-impact-dashboard__intro { gap: 60px; align-items: center; }
html body #main#main#main.sustainability-premium .sn-impact-dashboard__metrics { display: grid; grid-template-columns: repeat(4,1fr); gap: 16px; border: 0; margin-top: 32px; }
html body #main#main#main.sustainability-premium .sn-impact-dashboard__metrics>div { padding: 24px; border: 1px solid #d5debf; border-radius: 12px; background: #fff; }
html body #main#main#main.sustainability-premium .sn-impact-dashboard__metrics dt { color: #526d24 !important; font-size: 46px; line-height: 1.1; min-height: 58px; }
html body #main#main#main.sustainability-premium .sn-impact-dashboard__metrics dt.sn-metric-qualitative { font-size: 25px; max-width: 7ch; }
html body #main#main#main.sustainability-premium .sn-impact-dashboard__metrics dd { margin: 12px 0 0; }
html body #main#main#main.sustainability-premium .sn-impact-dashboard__metrics dd strong { display: block; color: #23382b !important; font-size: 15px; }
html body #main#main#main.sustainability-premium .sn-impact-dashboard__metrics dd span { display: block; margin-top: 10px; color: #4f6054 !important; font-size: 13px; }
html body #main#main#main.sustainability-premium .sn-impact-dashboard__note { margin-top: 24px; padding: 24px; border: 1px solid #d5debf; border-radius: 12px; background: rgba(255,255,255,.55); font-size: 14px; }
html body #main#main#main.sustainability-premium .sn-trustrow { padding: 28px 0 !important; background: #f7f9ef !important; }
html body #main#main#main.sustainability-premium .sn-trustrow :is(span,p,a) { color: #405b21 !important; }
html body #main#main#main.sustainability-premium .sn-final { padding: clamp(64px,8vw,110px) 0 !important; background: linear-gradient(115deg,#8ca04f,#7a9439) !important; text-align: center; }
html body #main#main#main.sustainability-premium .sn-final :is(h2,p,span) { color: #18271c !important; }
html body #main#main#main.sustainability-premium .sn-final h2 { max-width: 24ch; font-size: clamp(34px,4.2vw,56px) !important; margin: 18px auto 22px !important; }
html body #main#main#main.sustainability-premium .sn-final p { max-width: 60ch; margin-inline: auto; }
html body #main#main#main.sustainability-premium .sn-final .sn-actions { justify-content: center; }
html body #main#main#main.sustainability-premium .sn-final .sn-button--light { background: #fff !important; border-color: #fff !important; color: #23382b !important; }
html body #main#main#main.sustainability-premium .sn-final .sn-button--quiet { color: #18271c !important; border-color: #526d24 !important; }
@media(max-width:1000px) {
    html body #main#main#main.sustainability-premium .container:not(.sn-hero__inner,.sn-intro__layout) { width: calc(100% - 48px) !important; }
    html body #main#main#main.sustainability-premium .sn-orbit-layout { gap: 30px; grid-template-columns: .7fr 1.3fr; }
    html body #main#main#main.sustainability-premium .sn-impact-dashboard__metrics { grid-template-columns: 1fr 1fr; }
}
@media(max-width:760px) {
    html body #main#main#main.sustainability-premium .container:not(.sn-hero__inner,.sn-intro__layout) { width: calc(100% - 36px) !important; }
    html body #main#main#main.sustainability-premium .sn-section-nav { top: 70px; }
    html body #main#main#main.sustainability-premium .sn-section-nav a { padding: 17px 4px; }
    html body #main#main#main.sustainability-premium :is(.sn-orbit-section,.sn-impact-dashboard) { padding: 42px 0 !important; }
    html body #main#main#main.sustainability-premium .sn-orbit { width: 100%; padding-inline: 0; }
    html body #main#main#main.sustainability-premium .sn-orbit__node { width: 42px; height: 42px; flex-shrink: 0; }
    html body #main#main#main.sustainability-premium .sn-orbit-tabs button { font-size: 12px; padding: 12px; }
    html body #main#main#main.sustainability-premium .sn-statement { padding: 250px 0 32px !important; }
    html body #main#main#main.sustainability-premium .sn-statement::after { inset: 0 0 auto; height: 220px; }
    html body #main#main#main.sustainability-premium .sn-statement>.container { padding: 0 !important; }
    html body #main#main#main.sustainability-premium .sn-detail__grid { grid-template-columns: 1fr; }
    html body #main#main#main.sustainability-premium .sn-impact-dashboard__metrics { gap: 12px; }
    html body #main#main#main.sustainability-premium .sn-impact-dashboard__metrics>div { padding: 18px; }
    html body #main#main#main.sustainability-premium .sn-final .sn-actions { flex-direction: column; align-items: center; }
}
@media(prefers-reduced-motion:reduce) { html body #main#main#main.sustainability-premium * { animation: none !important; transition: none !important; scroll-behavior: auto !important; } }


/* The original hero and Forward Loop introduction deliberately retain their existing styles. */
html body #main#main#main.sustainability-premium .sn-pillars-heading { display:grid; grid-template-columns:1.2fr 1fr; gap:48px; align-items:end; margin-bottom:36px; }
html body #main#main#main.sustainability-premium .sn-orbit-tabs button:nth-child(n) { grid-area:auto !important; }
@media(max-width:760px) {
 html body #main#main#main.sustainability-premium :is(.sn-pillars-heading,.sn-orbit-layout,.sn-impact-dashboard__intro) { grid-template-columns:1fr; gap:24px; }
 html body #main#main#main.sustainability-premium .sn-orbit { display:block!important; width:min(100%,320px); height:auto; aspect-ratio:1; padding:0; }
 html body #main#main#main.sustainability-premium .sn-orbit svg { display:block!important; }
 html body #main#main#main.sustainability-premium .sn-orbit__center { display:grid!important; }
 html body #main#main#main.sustainability-premium .sn-orbit__node { position:absolute; width:42px; height:42px; bottom:auto; right:auto; }
 html body #main#main#main.sustainability-premium .sn-orbit__node--one { top:calc(12% - 21px); left:calc(50% - 21px); }
 html body #main#main#main.sustainability-premium .sn-orbit__node--two { top:calc(31% - 21px); left:calc(83% - 21px); }
 html body #main#main#main.sustainability-premium .sn-orbit__node--three { top:calc(69% - 21px); left:calc(83% - 21px); }
 html body #main#main#main.sustainability-premium .sn-orbit__node--four { top:calc(88% - 21px); left:calc(50% - 21px); }
 html body #main#main#main.sustainability-premium .sn-orbit__node--five { top:calc(69% - 21px); left:calc(17% - 21px); }
 html body #main#main#main.sustainability-premium .sn-orbit__node--six { top:calc(31% - 21px); left:calc(17% - 21px); }
}