/* Warm sustainability landing hero; scoped to this page only. */
.page-hero.sustainability-hero { background:#f3f5ec; color:#294b3c; }
.page-hero.sustainability-hero::before { opacity:.12; }
.sustainability-hero .page-hero-art { opacity:1; }
.sustainability-hero .page-hero-art::after { background:linear-gradient(90deg,#f3f5ec 0%,rgba(243,245,236,.94) 25%,rgba(243,245,236,.62) 55%,rgba(243,245,236,.18) 100%); }
.page-hero.sustainability-hero h1 { color:#294b3c; }
.page-hero.sustainability-hero h1 span { color:#56714e; }
.page-hero.sustainability-hero p,.sustainability-hero .crumbs,.sustainability-hero .crumbs a { color:#45614f; }
.page-hero.sustainability-hero .kicker { color:#56714e; }
.sustainability-hero .page-note { background:rgba(255,252,242,.82); border-color:rgba(100,121,91,.25); box-shadow:0 12px 36px rgba(64,83,52,.06); }
.sustainability-hero .page-note b { color:#294b3c; }
.sustainability-hero .page-note span { color:#45614f; }
@media(max-width:760px){
  .sustainability-hero .page-hero-art { opacity:.4; }
  .sustainability-hero .page-hero-art::after { background:linear-gradient(90deg,#f3f5ec,rgba(243,245,236,.86) 65%,rgba(243,245,236,.6)); }
}

/* Sustainability is the only navigation item using the warm ESG palette. */
.nav > li:has(> a.active[href="/esg/esg.asp"]) {
  background: #edf1e5;
  box-shadow: inset 0 -3px #56714e;
}
.nav > li > a.active[href="/esg/esg.asp"] {
  color: #294b3c;
}
.nav > li:has(> a.active[href="/esg/esg.asp"]):hover,
.nav > li:has(> a.active[href="/esg/esg.asp"]):focus-within {
  background: #e2ead7;
}

/* Standalone ESG visual identity, limited to sustainability and its articles. */
body:has(.sustainability-hero),body:has(.esg-detail-hero) {
  --esg-surface:#f7f8f2; --esg-soft:#edf1e5; --esg-accent:#56714e;
  --esg-text:#294b3c; --esg-border:#d7dfce;
  background:var(--esg-surface);
}
body:has(.esg-detail-hero[data-esg-theme="social"]) {
  --esg-surface:#fffbf5; --esg-soft:#fff0e1; --esg-accent:#94501b;
  --esg-text:#654936; --esg-border:#ead9c7;
}
body:has(.esg-detail-hero[data-esg-theme="governance"]) {
  --esg-surface:#f7fafd; --esg-soft:#e8f2fc; --esg-accent:#386994;
  --esg-text:#285681; --esg-border:#d4e2ee;
}
body:is(:has(.sustainability-hero),:has(.esg-detail-hero)) main {
  --navy:var(--esg-text); --line:var(--esg-border); --muted:#627064;
  color:var(--esg-text); background:var(--esg-surface);
}
body:has(.sustainability-hero) main .eyebrow {color:var(--esg-accent)}
body:has(.sustainability-hero) main .paper {background:#edf1e7}
body:has(.sustainability-hero) main .card {background:#fffefb;border-color:var(--esg-border)}
body:has(.sustainability-hero) main .card-icon {background:#e6eddf;color:#56714e}
body:has(.sustainability-hero) .esg-card {border-top:4px solid #56714e;background:#f0f4e9}
body:has(.sustainability-hero) .esg-card:nth-child(2) {border-top-color:#ac7444;background:#fff4e8}
body:has(.sustainability-hero) .esg-card:nth-child(3) {border-top-color:#386994;background:#eef5fc}
body:has(.sustainability-hero) .esg-card:nth-child(2) h3 {color:#654936}
body:has(.sustainability-hero) .esg-card:nth-child(3) h3 {color:#285681}
body:has(.sustainability-hero) .esg-letter {color:#dce6d5}
body:has(.sustainability-hero) .esg-card:nth-child(2) .esg-letter {color:#f2ddc5}
body:has(.sustainability-hero) .esg-card:nth-child(3) .esg-letter {color:#dce9f6}
body:has(.sustainability-hero) .esg-update-row {background:#fffefb}
body:has(.sustainability-hero) .esg-update-row:hover {background:#edf1e5}
body:has(.sustainability-hero) .esg-update-type[data-category="愛護地球"] {background:#e6eddf;color:#45643e}
body:has(.sustainability-hero) .solution-pagination button {color:#45643e;border-color:#cbd7c2;background:#fffefb}
body:has(.sustainability-hero) .solution-pagination button.is-active {background:#56714e;color:#fff;border-color:#56714e}
body:has(.sustainability-hero) .solution-pagination button:disabled {color:#939b90;background:#eff1eb}
body:has(.sustainability-hero) .cta {background:#294b3c;color:#fffef5}
body:has(.sustainability-hero) .cta h2,body:has(.sustainability-hero) .cta h2 span {color:#f0e9cd}
body:has(.sustainability-hero) .cta .btn-primary {background:#e7e4c9;color:#294b3c;border-color:#e7e4c9}
body:is(:has(.sustainability-hero),:has(.esg-detail-hero)) .footer {background:#edf0e7;color:#45614f;border-color:#d7dfce}
body:is(:has(.sustainability-hero),:has(.esg-detail-hero)) .footer a,
body:is(:has(.sustainability-hero),:has(.esg-detail-hero)) .footer button {color:#45614f}
body:is(:has(.sustainability-hero),:has(.esg-detail-hero)) .back-to-top {background:var(--esg-accent)}

/* Warm, category-specific ESG article headers. */
.arrival-detail-intro.esg-detail-hero { --esg-base:#f3f5ec; --esg-tint:#dce6d5; --esg-ink:#294b3c; --esg-rgb:243,245,236; background:linear-gradient(110deg,var(--esg-base),var(--esg-tint)); color:var(--esg-ink); }
.arrival-detail-intro.esg-detail-hero[data-esg-theme="social"] { --esg-base:#fff4e8; --esg-tint:#f2ddc5; --esg-ink:#654936; --esg-rgb:255,244,232; }
.arrival-detail-intro.esg-detail-hero[data-esg-theme="governance"] { --esg-base:#eef5fc; --esg-tint:#dce9f6; --esg-ink:#285681; --esg-rgb:238,245,252; }
.esg-detail-hero::before { display:none; }
.esg-detail-hero .page-hero-art { opacity:1; }
.esg-detail-hero .page-hero-art::after { background:linear-gradient(90deg,var(--esg-base) 0%,rgba(var(--esg-rgb),.96) 30%,rgba(var(--esg-rgb),.88) 52%,rgba(var(--esg-rgb),.34) 80%,rgba(var(--esg-rgb),.12) 100%); }
.arrival-detail-intro.esg-detail-hero h1,.esg-detail-hero nav,.esg-detail-hero nav a,.esg-detail-hero .eyebrow,.esg-detail-hero .arrival-detail-lead { color:var(--esg-ink); }
.esg-detail-hero h1 { max-width:72%; }
[data-news-detail] .esg-detail-hero h1 { max-width:72%; }
@media(max-width:760px) {
 .esg-detail-hero .page-hero-art { left:8%; opacity:.38; }
 .esg-detail-hero .page-hero-art::after { background:linear-gradient(90deg,var(--esg-base),rgba(var(--esg-rgb),.86) 65%,rgba(var(--esg-rgb),.68)); }
 [data-news-detail] .esg-detail-hero h1,.esg-detail-hero h1 { max-width:100%; }
}

/* Carry each ESG category palette through the article, beyond its banner. */
body:has(.esg-detail-hero) .arrival-detail-article {color:#414b43}
body:has(.esg-detail-hero) .arrival-detail-article :is(h2,h3,h4,a) {color:var(--esg-text)}
body:has(.esg-detail-hero) .arrival-detail-article :is(th,blockquote) {background:var(--esg-soft);color:var(--esg-text);border-color:var(--esg-border)}
body:has(.esg-detail-hero) .arrival-detail-section .btn {background:var(--esg-soft);color:var(--esg-text);border-color:var(--esg-border)}
body:has(.esg-detail-hero) .arrival-detail-section a:focus-visible {outline-color:var(--esg-accent)}

/* ASP uses a pseudo-element rather than the Sites artwork div. */
.page-hero.sustainability-hero::after {
 opacity:1;
 background-image:linear-gradient(90deg,#f3f5ec 0%,rgba(243,245,236,.94) 25%,rgba(243,245,236,.62) 55%,rgba(243,245,236,.18) 100%),var(--aeneas-page-hero-image);
}
.arrival-detail-intro.esg-detail-hero::after {
 opacity:1;
 background-image:linear-gradient(90deg,var(--esg-base) 0%,rgba(var(--esg-rgb),.96) 30%,rgba(var(--esg-rgb),.88) 52%,rgba(var(--esg-rgb),.34) 80%,rgba(var(--esg-rgb),.12) 100%),var(--aeneas-article-hero-image);
}
@media(max-width:760px){
 .page-hero.sustainability-hero::after{opacity:.4;background-image:linear-gradient(90deg,#f3f5ec,rgba(243,245,236,.86) 65%,rgba(243,245,236,.6)),var(--aeneas-page-hero-image)}
 .arrival-detail-intro.esg-detail-hero::after{opacity:.38;background-image:linear-gradient(90deg,var(--esg-base),rgba(var(--esg-rgb),.86) 65%,rgba(var(--esg-rgb),.68)),var(--aeneas-article-hero-image)}
}