/* Sustainability page styles */
.measure{max-width:68ch}
.btn{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 22px;border-radius:10px;font:600 16px/1 Inter,system-ui,sans-serif;text-decoration:none;border:1.5px solid transparent;transition:background 160ms cubic-bezier(.22,.61,.36,1),transform 160ms;cursor:pointer}
.btn-s{border-color:#1E4238;color:#1E4238;background:transparent}
.btn-s:hover{background:#EEF3E6}
.ic{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;flex:none;background:#1E4238;color:#DCE8A8;transition:box-shadow 320ms}
.i56{width:56px;height:56px}
.i72{width:72px;height:72px}
.card{background:#fff;border:1px solid #E1E2D8;border-radius:14px;transition:transform 320ms cubic-bezier(.22,.61,.36,1),box-shadow 320ms}
.card:hover{transform:translateY(-2px);box-shadow:0 1px 2px rgba(20,39,35,.05),0 12px 32px rgba(20,39,35,.07)}
.tag{display:inline-flex;align-items:center;gap:6px;padding:0 10px;min-height:24px;border-radius:999px;font-size:12px;font-weight:600;letter-spacing:.02em;white-space:nowrap}
.t-cert{background:#1E4238;color:#DCE8A8}
.t-int{background:#EEF3E6;color:#1E4238;border:1px solid #d3dec6}
.t-plan{background:#F6F5E3;color:#6E5228;border:1px solid #B18B52}
.t-req{background:#fff;color:#1E4238;border:1px solid #1E4238}
.hdr{position:sticky;top:0;z-index:20;background:#F7F6F2;box-shadow:0 1px 0 #E1E2D8;color:#142723}
.nav .menu a.on::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;border-radius:2px;background:#1E4238}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:#1E4238}
.logo span{font-family:"Source Serif 4",Georgia,serif;font-weight:600;font-size:21px}
.progress i{display:block;height:2px;width:8%;background:#1E4238}
.layout{display:flex;flex-wrap:wrap;gap:56px;align-items:flex-start}
.rail{flex:0 0 200px;position:sticky;top:110px}
.rail ol{list-style:none;margin:0;padding:0 0 0 18px;border-left:1.5px solid #E1E2D8;display:flex;flex-direction:column;gap:4px}
.rail a{display:block;padding:8px 0;font-size:14px;text-decoration:none;color:rgba(20,39,35,.72);position:relative}
.rail a.on{color:#1E4238;font-weight:600}
.rail a.on::before{content:"";position:absolute;left:-20px;top:8px;bottom:8px;width:2.5px;border-radius:2px;background:#1E4238}
.content{flex:999 1 560px;min-width:0;display:flex;flex-direction:column}
.chap{padding:72px 0;border-top:1px solid #E1E2D8;display:flex;flex-direction:column;gap:28px;scroll-margin-top:100px}
.chap:first-child{border-top:0;padding-top:0}
.row{display:flex;gap:14px;align-items:flex-start}
.g2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.g3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.fchip{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:999px;border:1px solid #E1E2D8;background:#fff;font:500 15px Inter,system-ui,sans-serif;color:#1E4238;cursor:pointer;transition:background 160ms}
.fchip:hover{background:#EEF3E6}
.fchip:focus-visible,.stage button:focus-visible{outline:2px solid #1E4238;outline-offset:2px}
.fchip.on{background:#1E4238;color:#F7F6F2;border-color:#1E4238}
.cbadge{width:56px;height:56px;border-radius:50%;background:#1E4238;color:#DCE8A8;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;flex:none}
.cdl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 16px;margin:0;font-size:14px}
.cdl dt{color:rgba(20,39,35,.72)}
.cdl dd{margin:0;font-weight:500}
.stages{list-style:none;margin:0;padding:0 0 0 36px;position:relative;display:flex;flex-direction:column;gap:10px}
.stages::before{content:"";position:absolute;left:11px;top:16px;bottom:16px;width:2px;background:#718D70;opacity:.6}
.stage{position:relative}
.stage .dot{position:absolute;left:-36px;top:16px;width:24px;height:24px;border-radius:50%;background:#1E4238;box-shadow:0 0 0 4px #EEF3E6;color:#DCE8A8;font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center}
.stage button{width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:56px;padding:12px 18px;background:#fff;border:1px solid #E1E2D8;border-radius:12px;font:600 16px Inter,system-ui,sans-serif;color:#142723;text-align:left;cursor:pointer}
.stage button svg{width:16px;height:16px;fill:none;stroke:#1E4238;stroke-width:2;stroke-linecap:round;flex:none}
.imp{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 16px;margin:0;font-size:14px;border-top:1px solid #E1E2D8;padding-top:14px}
.imp dt{color:rgba(20,39,35,.72)}
.imp dd{margin:0}
.mchips{display:none;gap:8px;overflow-x:auto;padding-top:20px}
.mchips a{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:999px;border:1px solid #E1E2D8;background:#fff;font-size:14px;text-decoration:none;white-space:nowrap;color:#1E4238}
@media (max-width:900px){
.h1{font-size:32px}.h2{font-size:26px}.h3{font-size:18px}body{font-size:16px}
.nav .menu{display:none}.mbtn{display:inline-flex;align-items:center;margin-left:auto}
.rail{display:none}.mchips{display:flex}
.g2,.g3,.split{grid-template-columns:minmax(0,1fr) !important}
.ftgrid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
}
@media (max-width:600px){.wrap{padding:0 16px}.ftgrid{grid-template-columns:minmax(0,1fr) !important}}