.workflow-story{--scene-ink:#315ac1;--scene-soft:#eaf0ff}
.workflow-story>ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;list-style:none;padding:0;margin:24px 0;counter-reset:workflow}
.workflow-story>ol>li{position:relative;min-width:0;display:flex;flex-direction:column;align-items:flex-start;padding:18px 22px 22px;margin:0;border:1px solid #dce4f2;border-radius:18px;background:linear-gradient(155deg,#fff 55%,#f5f8ff);box-shadow:0 5px 20px #23429106}
.workflow-story>ol>li:nth-child(3n+2){--scene-ink:#16837e;--scene-soft:#e5f5f1}
.workflow-story>ol>li:nth-child(3n){--scene-ink:#8059ad;--scene-soft:#f1ebfa}
.workflow-story .workflow-scene{width:100%;height:148px;display:block;align-self:center;margin:0 0 12px}
.workflow-number{font-size:12px;font-weight:700;color:var(--scene-ink);line-height:1.8;background:var(--scene-soft);padding:3px 11px;border-radius:20px}
.workflow-story h3{font-size:17px;line-height:1.9;margin:10px 0 5px;color:var(--text,#172b4d)}
.workflow-explanation{font-size:14px;line-height:2;margin:0;color:var(--muted,#52617a)}
.workflow-output{font-size:13px;line-height:1.9;border-top:1px solid #e1e7f0;padding-top:12px;margin:16px 0 0;width:100%;color:var(--scene-ink)}
.workflow-output span{font-weight:700;margin-inline-end:8px}
.workflow-story>ol>li:not(:last-child)::after{content:'↓';font-size:18px;position:absolute;bottom:-25px;inset-inline-start:24px;color:#7c91b8;z-index:1}
.workflow-full{border-top:1px solid var(--line,#dce4f2);padding-top:12px}
.workflow-full>ol{padding-inline-start:24px;font-size:14px;line-height:1.9}
.workflow-full li{margin-block:10px}
@media(min-width:1100px){.workflow-story>ol{gap:28px}.workflow-story .workflow-scene{height:160px}}
@media(max-width:600px){.workflow-story>ol{grid-template-columns:1fr;gap:24px}.workflow-story>ol>li{padding:16px 18px 20px}.workflow-story .workflow-scene{height:140px}.workflow-story h3{font-size:16px}}
@media print{.workflow-story>ol>li{break-inside:avoid;box-shadow:none}.workflow-story .workflow-scene{height:100px}}

@media(min-width:601px){.workflow-story>ol>li::after{display:none}}