/* Material guide: scoped to the CO2 service page. */
.co2-expertise,.co2-materials,.co2-safety{border-top:1px solid #c8cdd0}
.co2-expertise h2,.co2-materials h2,.co2-safety h2,.co2-material-cta h2{font-size:clamp(2rem,4.5vw,3.7rem);line-height:1.15;max-width:1000px;margin:24px 0}
.co2-expertise .work-area{margin-top:38px;max-width:800px;gap:20px;flex-wrap:wrap}
.co2-expertise .work-area span{font-size:1rem;line-height:1.6;max-width:410px}
.co2-materials .detail-lead{max-width:850px}
.material-legend{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0 18px}
.material-legend span{font-size:1rem;line-height:1.4;padding:8px 14px;border:1px solid #b2c4cf;border-radius:4px;background:#f1f5f7;color:#163e58}
.co2-materials .material-note{font-size:1rem;line-height:1.65;color:#51575b;max-width:900px}
.material-families{margin-top:35px;border-bottom:1px solid #c8cdd0}
.material-family{border-top:1px solid #c8cdd0}
.material-family summary{display:flex;align-items:center;gap:22px;padding:26px 0;cursor:pointer;list-style:none}
.material-family summary::-webkit-details-marker{display:none}
.material-family summary:focus-visible{outline:3px solid #007baa;outline-offset:4px}
.material-family summary:hover h3{color:var(--brand-deep)}
.material-family h3{font-size:clamp(1.25rem,2.4vw,1.8rem);line-height:1.3;font-weight:500;margin:0;flex:1;min-width:0}
.family-number{font-size:1rem;color:#51575b;font-variant-numeric:tabular-nums}
.family-toggle{height:22px;width:22px;position:relative;flex:0 0 22px}
.family-toggle:before,.family-toggle:after{content:"";position:absolute;background:var(--brand-deep);left:2px;right:2px;top:10px;height:2px}
.family-toggle:after{transform:rotate(90deg)}
.material-family[open] .family-toggle:after{transform:rotate(0deg)}
.material-body{padding:0 0 30px 42px;max-width:1020px}
.material-body table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:1rem;line-height:1.5;margin-bottom:22px}
.material-body th,.material-body td{padding:13px 16px;text-align:left;vertical-align:top;border-bottom:1px solid #d9e0e4;overflow-wrap:anywhere}
.material-body thead th{background:#f1f5f7;color:#163e58;font-weight:600}
.material-body th:first-child{width:56%}
.material-body tbody th{font-weight:400}
.material-body td{color:#163e58}
.material-body p{font-size:1rem;line-height:1.65;margin:16px 0 0}
.co2-safety{background:#f1f5f7}
.co2-safety p,.co2-safety li{font-size:1.0625rem;line-height:1.65;max-width:900px}
.co2-safety ul{padding-left:24px;margin:24px 0}
.co2-safety li{margin:8px 0}
.co2-material-cta blockquote{font-size:clamp(1.3rem,2.5vw,1.9rem);line-height:1.5;max-width:850px;margin:32px 0;padding:0 0 0 24px;border-left:3px solid #fff}
.co2-material-cta .button{white-space:normal}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:600px){.material-family summary{gap:12px;padding:22px 0}.material-body{padding-left:0}.material-body th,.material-body td{padding:12px 8px}.material-body th:first-child{width:53%}.co2-material-cta blockquote{padding-left:16px}.co2-expertise .work-area{display:block}.co2-expertise .work-area span{display:block;margin-top:12px}}
@media print{.material-family:not([open]) .material-body{display:block}.material-family summary{break-after:avoid}.material-body tr{break-inside:avoid}}

.material-index{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0;font-size:1rem}
.material-index a{border:1px solid #b2c4cf;padding:10px 16px;color:#163e58;border-radius:4px}
.material-index a:hover{background:#f1f5f7;border-color:#00658d}
.material-family{scroll-margin-top:35px}
.co2-questions{border-top:1px solid #c8cdd0}
.co2-questions h2{margin-bottom:30px}
.co2-questions details{border-bottom:1px solid #c8cdd0;padding:20px 0;max-width:1000px}
.co2-questions summary{font-size:1.125rem;cursor:pointer;font-weight:600}
.co2-questions p{font-size:1rem;max-width:900px;line-height:1.65}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}