/* A visual reading path; complete evidence remains in the expandable table. */
.eco-section{background:var(--cream);color:var(--green);border-top:0;padding-top:85px;padding-bottom:75px;overflow:hidden;position:relative}
.eco-heading{align-items:center;margin-bottom:28px;gap:50px}
.eco-heading h2{font-size:clamp(42px,4.8vw,72px);max-width:850px}
.eco-heading .eyebrow{margin-bottom:22px}
.eco-litre-sticker{flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;width:138px;height:138px;background:var(--red);color:var(--cream);border:7px double var(--cream);border-radius:50%;box-shadow:0 0 0 2px var(--red);transform:rotate(9deg);font:9px/1.6 var(--mono);letter-spacing:.08em;margin:0 25px 0 0}
.eco-litre-sticker strong{font-family:var(--display);font-size:48px;font-weight:900;line-height:1.1;letter-spacing:-.06em}
.eco-intro{max-width:630px;font-size:17px;line-height:1.65;margin-bottom:30px}
.eco-explorer{border:2px solid var(--green);border-radius:5px;background:var(--green);overflow:hidden}
.eco-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:2px solid var(--green);gap:0;background:var(--cream)}
.eco-tabs button{min-height:64px;padding:15px 20px;display:flex;align-items:center;justify-content:center;gap:20px;font-size:15px;border-radius:0;position:relative;color:var(--green);font-weight:700}
.eco-tabs button+button{border-left:1px solid var(--green)}
.eco-tabs button span:first-child{font:11px var(--mono);opacity:.7}
.eco-tabs button[aria-selected="true"]{background:var(--turquoise);color:var(--green)}
.eco-tabs button[aria-selected="true"]:after{content:"";width:6px;height:6px;background:currentColor;transform:rotate(45deg);margin-left:8px}
.eco-tabs button:hover{background:#d4e6d8}
.eco-tabs button[aria-selected="true"]:hover{background:var(--turquoise)}
.eco-tabs button:focus-visible{outline:3px solid var(--red);outline-offset:-6px}
.eco-panel{display:grid;grid-template-columns:1.05fr 1fr;gap:20px;min-height:390px;padding:30px 6% 36px 3.5%;align-items:center;color:var(--cream)}
.eco-picture{position:relative;align-self:center;text-align:center;transform:rotate(-3deg)}
.eco-picture img{width:100%;max-width:470px;margin:0 auto}
.eco-picture-caption{display:inline-block;padding:9px 15px;margin-top:-8px;background:var(--turquoise);color:var(--green);font:9px/1.5 var(--mono);letter-spacing:.08em;transform:rotate(3deg);border:2px solid var(--green)}
.eco-result{min-width:0;padding:10px 0}
.eco-result-category{font:11px var(--mono);text-transform:uppercase;letter-spacing:.14em;margin:0 0 14px;opacity:.85}
.eco-number{display:block;font:900 clamp(72px,8.2vw,125px)/1 var(--display);letter-spacing:-.07em;margin:0 0 12px}
.eco-result h3{font-size:clamp(22px,2.4vw,34px);line-height:1.13;letter-spacing:-.025em;font-weight:700;max-width:430px;margin-bottom:20px}
.eco-context{font-size:12px;line-height:1.7;max-width:400px;margin-bottom:12px}
.eco-study-link{font:10px var(--mono);text-decoration:underline;text-underline-offset:4px;display:inline-block;padding:4px 0}
.eco-scope{font-size:12px;line-height:1.7;margin:22px 0 26px;max-width:1000px}
.eco-scope strong{font-weight:700}
.eco-calculations{border-top:1px solid rgba(33,68,62,.4);border-bottom:1px solid rgba(33,68,62,.4)}
.eco-calculations>summary{cursor:pointer;list-style:none;min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:15px;font-weight:700;padding:18px 3px}
.eco-calculations>summary::-webkit-details-marker{display:none}
.eco-detail-plus{font:26px var(--mono);transition:transform .2s}
.eco-calculations[open] .eco-detail-plus{transform:rotate(45deg)}
.eco-calculations-body{padding:12px 0 25px}
.eco-calculations .impact-number-notes{font-size:12px}
.eco-calculations .impact-table caption{padding-top:0}
.eco-after{display:grid;grid-template-columns:1fr 1.15fr;gap:9%;align-items:center;margin:64px 0 44px}
.eco-after-art{position:relative;transform:rotate(-4deg);max-width:430px;justify-self:center;width:100%;padding:10px 0}
.eco-after-art>img{width:100%;height:auto}
.eco-mini-sticker{position:absolute;right:0;top:0;display:flex;align-items:center;justify-content:center;width:108px;height:108px;font:11px/1.6 var(--mono);text-align:center;color:var(--cream);background:var(--red);clip-path:polygon(50% 0,64% 14%,85% 15%,86% 36%,100% 50%,86% 64%,85% 85%,64% 86%,50% 100%,36% 86%,15% 85%,14% 64%,0 50%,14% 36%,15% 15%,36% 14%);transform:rotate(15deg)}
.eco-after-copy>.eyebrow{font-size:10px;margin-bottom:15px}
.eco-after-copy h3{font-size:clamp(30px,3.2vw,48px);font-family:var(--display);font-weight:900;line-height:1.1;letter-spacing:-.05em;margin:0 0 24px}
.eco-steps{list-style:none;margin:0;padding:0}
.eco-steps li{display:flex;gap:17px;align-items:flex-start;margin-bottom:13px}
.eco-steps li>span{flex-shrink:0;width:28px;height:28px;border-radius:50%;border:1px solid var(--green);display:flex;align-items:center;justify-content:center;font:9px var(--mono)}
.eco-steps p{margin:2px 0 0;font-size:14px;line-height:1.55}
.eco-steps a,.eco-disposal-note a{text-decoration:underline;text-underline-offset:3px}
.eco-disposal-note{font-size:11px;line-height:1.6;margin:19px 0 0}
.eco-section .impact-sources{border-top:1px solid rgba(33,68,62,.4);background:none;margin-top:0}
.eco-section .impact-sources>summary{font-size:14px}
@media(max-width:1000px){.eco-panel{padding:25px 4% 30px 2%;gap:15px}.eco-number{font-size:88px}.eco-result h3{font-size:27px}.eco-litre-sticker{margin-right:0}.eco-tabs button{font-size:14px;gap:15px}.eco-after{gap:5%}.eco-mini-sticker{width:90px;height:90px;font-size:9px}}
@media(max-width:700px){
 .eco-section{padding:62px 6% 45px}.eco-heading{display:flex;align-items:center;gap:15px;margin-bottom:20px}.eco-heading h2{font-size:clamp(31px,8vw,43px)}.eco-heading .eyebrow{font-size:8px;letter-spacing:.05em;margin-bottom:18px;max-width:190px}.eco-litre-sticker{width:78px;height:78px;border-width:5px;font-size:6px;letter-spacing:.04em;margin-top:20px}.eco-litre-sticker strong{font-size:31px}.eco-intro{font-size:14px;margin-bottom:25px}
 .eco-tabs button{font-size:11px;padding:14px 5px;min-height:55px;gap:5px;flex-direction:column}.eco-tabs button span:first-child{font-size:8px}.eco-tabs button[aria-selected="true"]:after{display:none}.eco-panel{grid-template-columns:1fr;gap:22px;padding:21px 23px 30px;min-height:650px;align-content:start}.eco-picture{width:100%;max-width:310px;justify-self:center}.eco-picture img{max-height:210px;object-fit:contain}.eco-picture-caption{font-size:7px;padding:7px 10px;margin-top:-10px}.eco-result{padding:0}.eco-result-category{font-size:9px;margin-bottom:8px}.eco-number{font-size:82px;margin-bottom:14px;letter-spacing:-.07em}.eco-result h3{font-size:26px;max-width:300px;margin-bottom:17px}.eco-context{font-size:11px;line-height:1.65}.eco-study-link{font-size:9px}.eco-scope{font-size:11px;margin-top:18px;line-height:1.7}
 .eco-calculations>summary{font-size:13px;min-height:62px}.eco-calculations .impact-table th{font-size:11px}.eco-calculations-body{padding-bottom:18px}.eco-after{grid-template-columns:1fr;margin:40px 0 32px;gap:16px}.eco-after-art{max-width:280px}.eco-mini-sticker{width:86px;height:86px;font-size:9px;right:-3%;top:10px}.eco-after-copy h3{font-size:34px;max-width:340px}.eco-steps p{font-size:13px}.eco-after-copy>.eyebrow{font-size:9px}.eco-section .impact-sources>summary{font-size:13px}
}
@media(prefers-reduced-motion:reduce){.eco-detail-plus{transition:none}}
@media(max-width:700px){
 .eco-section .eco-heading{display:grid;grid-template-columns:1fr auto;gap:18px 15px;align-items:center}
 .eco-heading>div:first-child{display:contents}
 .eco-heading .eyebrow{grid-column:1;grid-row:1;margin:0;font-size:9px;max-width:200px}
 .eco-heading h2{grid-column:1/-1;grid-row:2}
 .eco-litre-sticker{grid-column:2;grid-row:1;width:66px;height:66px;margin:0;font-size:5px}
 .eco-litre-sticker strong{font-size:26px}
 .eco-panel{min-height:575px}
 .eco-picture img{max-height:170px}
}