/* Compare the same stages; reading order remains stage-by-stage on mobile. */
.case-story>.case-savings{border-top:0;padding-top:12px;margin-top:24px;margin-bottom:32px}
.case-story>.case-savings .savings-comparison{margin-top:18px}
.case-problem{padding-top:24px;border-top:1px solid #cedbd3}
.workflow-comparison{margin:30px 0;color:#033327}.workflow-title{font-size:23px;margin:0 0 24px;line-height:1.6}
.compare-route{margin:28px 0}.compare-route>h4{font-size:18px;line-height:1.7;margin:0 0 16px}
.compare-grid{display:grid;grid-template-columns:64px repeat(var(--steps),minmax(0,1fr));gap:16px 22px;align-items:stretch}
.compare-side{margin:0;display:flex;align-items:center;font-size:15px;font-weight:700;grid-column:1}.before-side{grid-row:1;color:#666b61}.after-side{grid-row:2;color:#176348}
.compare-step{grid-column:var(--col);grid-row:var(--row);border:1px solid #d7dbcf;border-radius:5px;background:#f4f1e9;padding:18px;min-width:0;position:relative}
.compare-step:not(.step-last):after{content:'→';position:absolute;right:-21px;top:50%;font-size:21px;color:#4b7765;line-height:1}
.compare-owner{display:flex;gap:10px;align-items:center;margin-bottom:12px;font-size:16px}.compare-owner svg{width:38px;height:38px;flex-shrink:0}
.compare-step h5{font-size:18px;line-height:1.65;margin:0 0 8px;text-wrap:pretty}.compare-step p{font-size:16px;line-height:1.8;color:#38574a;margin:0}
.compare-ai{background:#e6f1da;border-color:#aac9a6;border-top:3px solid #176348}.compare-ai .compare-owner{color:#0b513b}
.compare-system{background:#edf3f1;border-color:#bdcfc5;border-top:3px solid #689c89}
.compare-end{display:flex;align-items:center;gap:12px;font-size:16px;font-weight:600;line-height:1.8;padding:14px 18px;background:#f3f5ef;border-bottom:1px solid #cbd8cc;margin:16px 0 0}.compare-end span{color:#176348}
.case-calculation{padding-top:12px;border-top:1px solid #cedbd3;margin-bottom:20px}
@media(max-width:1100px){.compare-grid{gap:14px 18px;grid-template-columns:54px repeat(var(--steps),minmax(0,1fr))}.compare-step{padding:15px 12px}.compare-step:not(.step-last):after{right:-18px;font-size:18px}}
@media(max-width:900px){
.compare-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 14px}.compare-side{grid-row:1;padding:10px 12px;background:#e9e4d9;justify-content:center;border-radius:4px}.before-side{grid-column:1}.after-side{grid-column:2;background:#dcebdc}
.compare-step{grid-column:var(--mobile-col);grid-row:var(--mobile-row);padding:16px 14px}.compare-step:not(.step-last):after{content:'↓';right:calc(50% - 8px);top:auto;bottom:-24px;font-size:20px}
}
@media(max-width:700px){
/* Keep the requested order even when stacked. */
.case-story .savings-comparison{grid-template-columns:1fr;gap:10px}.case-story .comparison-metric,.case-story .comparison-rate,.case-story .comparison-metric.after{grid-column:1;grid-row:auto}.case-story .comparison-metric{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px}.case-story .comparison-metric>p{margin:0;flex-shrink:0}.case-story .comparison-rate{padding:14px}.case-story .comparison-time{justify-content:flex-end}
.workflow-title{font-size:21px}.compare-grid{gap:26px 10px}.compare-step{padding:14px 10px}.compare-owner{gap:7px}.compare-owner svg{width:32px;height:32px}.compare-step h5{font-size:17px}.compare-step p{font-size:16px;line-height:1.8;overflow-wrap:anywhere}.compare-route{margin:26px 0}.compare-end{padding:12px}.workflow-comparison .role-footnote{font-size:16px}
}

/* Three parts: time, process, and the change in the original problem. */
.case-impact{display:grid;grid-template-columns:1fr 1fr;gap:24px;border-top:1px solid #cedbd3;padding-top:26px;margin:30px 0}
.case-impact .case-problem{margin:0;padding:18px;border:0;background:#f4f1e9;border-radius:4px;font-size:16px;line-height:1.9}
.case-impact .case-problem b{display:block;margin-bottom:12px}
.case-impact .story-outcome{display:block;margin:0;padding:18px;border-radius:4px}
.case-impact .outcome-label{margin-bottom:12px}
.case-story>.case-savings{margin-bottom:28px}
@media(max-width:700px){.case-impact{grid-template-columns:1fr;gap:14px;margin-bottom:24px}}

/* Emphasize estimated reduction equally on desktop and mobile. */
.case-story .comparison-rate{background:#033327;color:#b2ed86;border-radius:5px;padding:22px 14px;align-self:stretch;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}
.case-story .comparison-rate p{color:#fff;margin:0;font-size:15px}
.case-story .comparison-rate strong{color:#b2ed86;font-size:64px;line-height:1.15}
.case-story .comparison-rate>span{color:#fff;margin:0;font-size:15px}
@media(max-width:700px){.case-story .comparison-rate{padding:16px 12px}.case-story .comparison-rate strong{font-size:52px}}