.eco-story{margin:22px 0 16px;padding:20px;border:1px solid #416052;border-radius:18px;background:linear-gradient(120deg,#1b302f,#192532);overflow:hidden;color:#f6f9fb}
.eco-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}.eco-heading strong{font-size:1.3rem;letter-spacing:-.4px}.eco-pause{width:36px;height:36px;flex-shrink:0;border:1px solid #567065;border-radius:50%;background:transparent;color:#b1e1c6;cursor:pointer}.eco-pause:focus-visible{outline:2px solid #e5c64e;outline-offset:3px}
.eco-panels{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center}.eco-panels>div{min-width:0}.eco-forest{display:flex;align-items:center;gap:12px}.eco-tree{width:48px;flex-shrink:0;color:#729489;transition:color 1s,filter 1s}.eco-tree svg{display:block;width:100%;height:66px}.eco-label{display:block;font-size:.875rem;font-weight:800;letter-spacing:.4px;color:#c5d8d9;line-height:1.5}.eco-checks{list-style:none;padding:0;margin:9px 0 0;font-size:1rem;line-height:1.65}.eco-checks li{color:#b1c4bd;transition:color .65s}.eco-checks li:before{content:'○';display:inline-block;width:19px}.eco-carbon{border-left:1px solid #3b514e;padding-left:20px}.eco-status{margin-top:12px;font-size:1rem;color:#e0eceb;line-height:1.5}.eco-note{display:block;margin-top:18px;color:#b5c8cc;font-size:.875rem;line-height:1.5}
.eco-grade-scale{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:3px;position:relative;margin:14px 0 8px;padding-bottom:13px}.eco-grade-scale span{display:grid;place-items:center;height:40px;font-size:1.125rem;font-weight:850;color:#102329;border-radius:4px;background:#41b984}.eco-grade-scale span:nth-child(2){background:#92cc66}.eco-grade-scale span:nth-child(3){background:#d8d555}.eco-grade-scale span:nth-child(4){background:#efb84e}.eco-grade-scale span:nth-child(5){background:#ee8e52}.eco-grade-scale span:nth-child(6){background:#e36661}.eco-grade-marker{position:absolute;left:0;bottom:0;width:calc(100% / 6);text-align:center;transition:transform 1s ease;color:#fff}.eco-grade-marker:after{content:'▲';font-size:12px}.eco-grade-key{display:flex;justify-content:space-between;gap:12px;color:#c5d8d9;font-size:.875rem;line-height:1.4}.eco-grade-key span:last-child{text-align:right}
.eco-story[data-phase="1"] .eco-tree,.eco-story[data-phase="2"] .eco-tree,.eco-story[data-phase="3"] .eco-tree{color:#a9e5bd;filter:drop-shadow(0 0 9px #6dbb8428)}
.eco-story[data-phase="1"] .eco-checks li:first-child,.eco-story[data-phase="2"] .eco-checks li:nth-child(-n+2),.eco-story[data-phase="3"] .eco-checks li{color:#b7e8c9}
.eco-story[data-phase="1"] .eco-checks li:first-child:before,.eco-story[data-phase="2"] .eco-checks li:nth-child(-n+2):before,.eco-story[data-phase="3"] .eco-checks li:before{content:'✓'}
#responsible-sourcing .compliance-flow .cf{font-size:.875rem;line-height:1.5}#responsible-sourcing .compliance-flow .cf b{font-size:1rem;margin-bottom:5px}
@media(min-width:901px) and (max-width:1250px),(max-width:580px){.eco-panels{grid-template-columns:1fr;gap:16px}.eco-carbon{border-left:0;border-top:1px solid #3b514e;padding:16px 0 0}}
@media(max-width:520px){.eco-story{padding:16px}.eco-heading strong{font-size:1.2rem}.eco-tree{width:44px}#responsible-sourcing .compliance-flow{display:flex;flex-direction:column;gap:14px}}
@media(prefers-reduced-motion:reduce){.eco-story *{transition:none!important}.eco-grade-marker{display:none}}
#responsible-sourcing .resp-intro>.section-title{font-size:clamp(2.25rem,3.7vw,3.5rem);line-height:1.06}
#responsible-sourcing .resp-intro>.section-copy{font-size:1rem;line-height:1.6;margin-bottom:20px}
@media(min-width:901px){
  #responsible-sourcing .resp-layout{align-items:stretch}
  #responsible-sourcing .resp-intro{position:static;display:flex;flex-direction:column;min-width:0}
  #responsible-sourcing .eco-story{margin-top:auto;margin-bottom:0}
  #responsible-sourcing .resp-layout>div:last-child{display:flex;flex-direction:column;min-width:0}
  #responsible-sourcing .factory-esg{flex:1}
}