.procurement-section{background:#eef2ed}
.procurement-demo{border:1px solid #c4cfc6;border-radius:5px;background:#fff;overflow:hidden}
.procurement-banner{background:#1c2c30;color:#cfe0dd;display:flex;justify-content:space-between;gap:20px;padding:18px 24px;font-size:12px;letter-spacing:1px}
.procurement-banner span:last-child{color:#98b2ac;letter-spacing:.4px}
.procurement-inputs{display:grid;grid-template-columns:1fr 1fr .9fr;gap:35px;padding:30px;border-bottom:1px solid #dce3dc}
.procurement-inputs label{margin:0;font-size:14px;color:#617267}
.procurement-inputs output{font-size:21px;color:#22392e;display:block;font-weight:550;margin:5px 0}
.procurement-inputs input{display:block;width:100%;margin:17px 0 0;accent-color:#395b3f;height:8px;cursor:pointer}
.confirmed-volume{border-left:1px solid #d6dfd5;padding-left:28px;display:flex;flex-direction:column;justify-content:center}
.confirmed-volume span{font-size:12px;letter-spacing:1px;color:#6a7a6e}.confirmed-volume strong{font-size:27px;font-weight:500;color:#293d2d}.confirmed-volume small{font-size:12px;color:#7b877a}
.risk-metrics{display:grid;grid-template-columns:repeat(3,1fr);background:#f6f7f2;border-bottom:1px solid #dce3dc}
.risk-metrics>div{padding:24px 30px;border-right:1px solid #dce3dc}.risk-metrics>div:last-child{border:0}
.risk-metrics span{font-size:12px;color:#7d7155;letter-spacing:1px}.risk-metrics strong{display:block;font-family:Manrope,sans-serif;font-size:35px;letter-spacing:-1.5px;font-weight:500;color:#5a4528;margin-top:8px;font-variant-numeric:tabular-nums}.risk-metrics small{font-size:20px}
.procurement-body{display:grid;grid-template-columns:.85fr 1.15fr}
.procurement-evidence{padding:35px;border-right:1px solid #dce3dc}.procurement-evidence .eyebrow{font-size:12px;color:#637867}
.procurement-evidence h3{font-size:30px;line-height:1.25;margin:17px 0}.procurement-evidence>p{font-size:15px;color:#6a7669;line-height:1.75}
.evidence-chain{margin:25px 0}.evidence-chain>div{display:flex;gap:15px;align-items:flex-start;padding:16px 0;border-bottom:1px solid #e4eae2}
.evidence-chain>div>span{font-size:12px;color:#879781;padding-top:3px}.evidence-chain b{font-weight:500;font-size:14px}.evidence-chain small{display:block;font-size:12px;color:#82907b;margin-top:3px}
.procurement-evidence .evidence-note{font-size:12px;color:#7c8777;line-height:1.7}
.procurement-plan{padding:28px;min-width:0}.plan-switch{display:flex;padding:4px;background:#edf2ea;border-radius:4px;gap:4px}
.plan-switch button{flex:1;padding:10px 8px;background:transparent;font-size:13px;border-radius:3px;color:#667b5e}.plan-switch button[aria-pressed=true]{background:#263d32;color:#e6f6df}
.plan-state{margin:25px 0 22px}.plan-state>span{font-size:12px;color:#60784f;letter-spacing:.8px}.plan-state h3{font-size:25px;margin-top:10px;line-height:1.25}
.supplier-table-wrap{overflow-x:auto}.supplier-table{border-collapse:collapse;width:100%;text-align:left}.supplier-table caption{text-align:left;color:#7a8875;font-size:12px;margin-bottom:8px}.supplier-table th{font-weight:500;font-size:12px;color:#718568;padding:10px 8px;border-bottom:1px solid #cfdaca}.supplier-table td{padding:13px 8px;font-size:13px;border-bottom:1px solid #e0e7dc;color:#344b2e;white-space:nowrap}.supplier-table td:first-child{white-space:normal}
.plan-numbers{margin:18px 0}.plan-numbers>div{display:flex;justify-content:space-between;gap:16px;padding:9px 0;font-size:13px;color:#75846c}.plan-numbers strong{font-size:16px;font-weight:500;color:#2e4828;white-space:nowrap;font-variant-numeric:tabular-nums}.plan-numbers .plan-net{background:#eaf5df;padding:14px;margin:8px -2px 0;border-radius:3px;color:#405c31;align-items:center}.plan-net strong{font-size:25px}
.plan-explanation{font-size:12px;color:#7c8875;line-height:1.75;margin:17px 0 20px}.procurement-plan>.dark-button{width:100%;font-size:14px}
#procurement-draft{margin-top:20px;padding:18px;background:#f0f5e9;border-left:3px solid #91b46e}#procurement-draft strong{font-size:14px;font-weight:500}#procurement-draft p{font-size:13px;margin:10px 0;color:#516249}#procurement-draft small{font-size:12px;color:#708066;display:block}
.procurement-footnote{padding:22px 30px;border-top:1px solid #dce3dc;background:#f9faf6;display:grid;grid-template-columns:.85fr 1.15fr;gap:35px}.procurement-footnote b{font-size:14px;font-weight:500}.procurement-footnote span{font-size:12px;color:#7b8874;line-height:1.75}
@media(max-width:1000px){.procurement-body{grid-template-columns:1fr 1.2fr}.procurement-evidence{padding:25px}.procurement-plan{padding:23px}.procurement-inputs{padding:25px;gap:25px}.plan-switch button{font-size:12px}.supplier-table td{font-size:12px;padding:10px 5px}.plan-net strong{font-size:21px}.procurement-evidence h3{font-size:26px}}
@media(max-width:760px){.procurement-body{grid-template-columns:1fr}.procurement-evidence{border-right:0;border-bottom:1px solid #dce3dc}.procurement-inputs{grid-template-columns:1fr 1fr;gap:25px}.confirmed-volume{grid-column:1/-1;border-left:0;border-top:1px solid #dce3dc;padding:16px 0 0}.confirmed-volume strong{font-size:23px}.procurement-banner{flex-direction:column;gap:5px;font-size:11px}.risk-metrics>div{padding:20px 15px}.risk-metrics span{font-size:10px;letter-spacing:.4px}.risk-metrics strong{font-size:27px;letter-spacing:-1px}.procurement-footnote{grid-template-columns:1fr;gap:12px;padding:22px}.procurement-plan{padding:24px}.procurement-evidence h3{font-size:28px}.plan-net strong{font-size:26px}}
@media(max-width:400px){.risk-metrics strong{font-size:23px}.risk-metrics>div{padding:17px 11px}.procurement-inputs{padding:22px;gap:20px}.procurement-inputs label{font-size:13px}.procurement-plan{padding:20px}.plan-numbers .plan-net{gap:12px}.plan-net strong{font-size:23px}.supplier-table th{padding:10px 4px;font-size:11px}.plan-switch button{font-size:12px}}
