/* One implementation object, opened by the reader. All illustration is authored. */
.workflow-story{--ws-violet:#b9a7e6;--ws-amber:#e2b47a;--ws-teal:#76cfb6;--ws-line:#30333d;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.8fr);gap:clamp(40px,6vw,100px);position:relative;margin-top:22px;isolation:isolate}
.workflow-story .ws-visual{min-width:0;position:relative}
.workflow-story .ws-scene{position:sticky;top:32px;height:min(740px,calc(100svh - 48px));min-height:610px;display:flex;flex-direction:column;overflow:hidden}
.workflow-story .ws-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:20px 0 16px;border-bottom:1px solid #25272c;color:#9ca3ad;font-family:'IBM Plex Mono',monospace;font-size:10px;line-height:1.5;flex-shrink:0}
.workflow-story .ws-heading>span:first-child{display:flex;align-items:center;gap:9px}.workflow-story .ws-heading i{height:5px;width:5px;background:var(--ws-violet);display:inline-block}.workflow-story .ws-index{color:#c9ced7;white-space:nowrap}
.workflow-story .ws-canvas{position:relative;flex:1;min-height:0;width:100%;perspective:1300px}
.workflow-story .ws-connections{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.workflow-story .ws-spine{stroke:#25272f;stroke-width:1}.workflow-story .ws-spine-node{fill:#777283;stroke:#010102;stroke-width:5;paint-order:stroke}
.workflow-story .ws-thread{stroke-width:1.1;stroke:#b9a7e6;stroke-opacity:.65}.workflow-story .ws-thread-check{stroke:var(--ws-teal)}.workflow-story .ws-thread-feedback{stroke:var(--ws-amber)}
.workflow-story .ws-surface{position:absolute;background:#08090d;border:1px solid #3a3b46;box-shadow:0 14px 50px #0009;transform-origin:50% 50%;backface-visibility:hidden;will-change:transform,opacity}
.workflow-story .ws-requirement{left:8%;top:5%;width:85%;min-height:88px;display:flex;align-items:center;padding:17px 18px;gap:15px;border-color:#61566f;z-index:6;background:#101017}
.workflow-story .ws-requirement-mark{display:flex;width:32px;height:35px;border:1px solid #766c90;align-items:center;justify-content:center;font-family:'IBM Plex Mono',monospace;font-size:14px;color:#d9cdef;flex-shrink:0}
.workflow-story .ws-micro{font-family:'IBM Plex Mono',monospace;font-size:9px;line-height:1.5;letter-spacing:0;color:#a7acb7;display:block}.workflow-story .ws-record-id{color:#7e7d8c}.workflow-story .ws-requirement-copy{min-width:0}.workflow-story .ws-requirement-copy>p{font-size:clamp(12px,1.1vw,16px);line-height:1.4;letter-spacing:-.01em;color:#eeeef2;margin-top:6px}.workflow-story .ws-corner{font-size:20px;color:#a99bbf;margin-left:auto;align-self:flex-start;line-height:1}
.workflow-story .ws-context{left:7%;top:25%;width:86%;height:39%;min-height:190px;z-index:3;overflow:hidden}
.workflow-story .ws-card-head{padding:13px 15px;display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid #272a34;min-height:42px}.workflow-story .ws-card-label{font-family:'IBM Plex Mono',monospace;font-size:9px;line-height:1.4;letter-spacing:.02em;color:#c6c8d3}.workflow-story .ws-tag{font-family:'IBM Plex Mono',monospace;font-size:8px;line-height:1.5;border:1px solid #373b44;color:#b7bdc7;padding:2px 5px;white-space:nowrap}.workflow-story .ws-violet{color:#c4b7e5;border-color:#51475f}.workflow-story .ws-teal{color:var(--ws-teal);border-color:#32584d}
.workflow-story .ws-context-graph{height:calc(100% - 67px);width:100%;overflow:visible}.workflow-story .ws-graph-mesh{stroke:#5f5a73;stroke-width:.85;stroke-opacity:.6}.workflow-story .ws-graph-route{stroke:#c7bce1;stroke-width:1.6;stroke-linejoin:round}.workflow-story .ws-graph-nodes{fill:#ada1c5}.workflow-story .ws-graph-labels{fill:#c1bacf;font:11px Inter,Arial,sans-serif}.workflow-story .ws-graph-labels text{paint-order:stroke;stroke:#08090d;stroke-width:5;stroke-linejoin:round}.workflow-story .ws-graph-feedback{stroke:var(--ws-amber);stroke-width:1.5;fill:var(--ws-amber)}.workflow-story .ws-graph-feedback path{fill:none}.workflow-story .ws-graph-feedback text{stroke:none;font:10px 'IBM Plex Mono',monospace}.workflow-story .ws-context-foot{display:flex;justify-content:center;gap:16px;height:25px;font-size:8px;letter-spacing:.015em;font-family:'IBM Plex Mono',monospace;color:#8d889c;border-top:1px solid #22242e;align-items:center}.workflow-story .ws-context-foot span+span:before{content:'·';margin-right:16px;color:#5f5a70}
.workflow-story .ws-code{left:11%;top:47%;width:83%;min-height:199px;height:35%;z-index:4;overflow:hidden;background:#0c0d12;border-color:#4b4d57}.workflow-story .ws-code-file{display:flex;justify-content:space-between;gap:10px;font-family:'IBM Plex Mono',monospace;font-size:8px;color:#7d8592;padding:9px 15px 7px}.workflow-story .ws-code-original,.workflow-story .ws-code-revised{font-family:'IBM Plex Mono',monospace;font-size:clamp(9px,.84vw,12px);line-height:1.8;padding:4px 0 5px}.workflow-story .ws-code p{white-space:nowrap;letter-spacing:-.025em;padding-inline:15px}.workflow-story .ws-line-number{color:#646a7a;display:inline-block;width:26px;user-select:none}.workflow-story .ws-keyword{color:#c3acd9}.workflow-story .ws-string{color:#a5d0be}.workflow-story .ws-diff{background:#5fc8a40b;color:#d8eee6;border-left:2px solid #5fc8a4;padding-left:13px!important}.workflow-story .ws-diff .ws-line-number{color:#78bfa7}.workflow-story .ws-diff-amber{background:#dbb16c0c;border-left-color:#d5a76d}.workflow-story .ws-diff-amber .ws-line-number{color:#ddb276}.workflow-story .ws-code-footer{display:flex;justify-content:space-between;gap:10px;font-family:'IBM Plex Mono',monospace;font-size:8px;color:#7d8592;padding:9px 15px;border-top:1px solid #242831;line-height:1.4}.workflow-story .ws-code-status{color:#babdc8;white-space:nowrap}.workflow-story .ws-code-revised{position:absolute;top:79px;left:0;right:0;background:#0c0d12;opacity:0}
.workflow-story .ws-verification{left:15%;top:73%;width:80%;min-height:163px;z-index:5;background:#080e0e;border-color:#335449}.workflow-story .ws-verification .ws-card-head{border-bottom-color:#23352f}.workflow-story .ws-checks{display:grid;grid-template-columns:1fr 1fr;gap:7px 10px;padding:12px 14px 10px;font-size:10px;line-height:1.5;color:#c7d7d0}.workflow-story .ws-checks>span{display:flex;gap:6px;align-items:center;min-width:0}.workflow-story .ws-checks i{font-style:normal;font-size:10px;color:var(--ws-teal)}.workflow-story .ws-saved{border-top:1px solid #2b4138;margin:0 13px;padding:10px 0 11px;display:flex;gap:10px;align-items:center}.workflow-story .ws-saved-icon{font-family:'IBM Plex Mono',monospace;font-size:20px;line-height:1;color:var(--ws-teal)}.workflow-story .ws-saved .ws-micro{color:#88a092;font-size:8px}.workflow-story .ws-saved-result{font-size:12px;line-height:1.5;color:#e0ebe6;letter-spacing:-.01em;margin-top:2px}.workflow-story .ws-match{font-family:'IBM Plex Mono',monospace;font-size:8px;color:#97b6a7;margin-left:auto;white-space:nowrap}.workflow-story .ws-match i{font-style:normal;color:var(--ws-teal)}
.workflow-story .ws-feedback{left:28%;top:22%;width:68%;z-index:7;padding:12px 15px 14px;border-color:#71583b;background:#15110d}.workflow-story .ws-feedback-head{display:flex;justify-content:space-between;gap:10px}.workflow-story .ws-feedback .ws-micro{color:var(--ws-amber)}.workflow-story .ws-feedback-arrow{font-size:19px;line-height:1;color:var(--ws-amber)}.workflow-story .ws-feedback p{font-size:clamp(11px,1vw,14px);color:#e2ceb6;line-height:1.6;margin-top:5px}.workflow-story .ws-versions{position:absolute;left:13%;right:6%;top:42%;display:flex;gap:10px;align-items:center;font-family:'IBM Plex Mono',monospace;font-size:9px;line-height:1.5;z-index:7}.workflow-story .ws-versions>span:not(.ws-version-connector){display:flex;align-items:center;flex-wrap:wrap;gap:6px;color:#c0c2ca;background:#010102;padding:5px 0}.workflow-story .ws-versions i{display:inline-block;width:4px;height:4px;background:#787080}.workflow-story .ws-version-new i{background:var(--ws-amber)}.workflow-story .ws-versions em{font-size:8px;color:#797f8b;font-style:normal}.workflow-story .ws-version-connector{color:#71644e}
.workflow-story .ws-footer{margin-top:14px;padding:13px 0 10px;border-top:1px solid #25272c;display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;flex-shrink:0}.workflow-story .ws-phase-label{font-family:Inter,Arial,sans-serif;font-size:12px;line-height:1.5;color:#c7cbd3}.workflow-story .ws-illustrative{font-family:'IBM Plex Mono',monospace;font-size:8px;color:#858a96;line-height:1.5}
.workflow-story .ws-steps{padding:0 0 60px;min-width:0}.workflow-story .process-step{min-height:650px;min-height:max(570px,84svh);padding:60px 0 60px 28px;border-left-color:#292a33;scroll-margin-top:100px}.workflow-story .step-marker{top:calc(50% - 130px);width:5px;height:5px;background:#5e5c6c}.workflow-story .step-label{color:#a4a1b0;display:flex;align-items:center;gap:15px;font-size:12px;margin-bottom:24px}.workflow-story .step-label>span{font-family:'IBM Plex Mono',monospace;color:#696777;font-size:10px}.workflow-story .process-step h3{font-size:clamp(29px,2.55vw,40px);line-height:1.12;letter-spacing:-.035em;margin-bottom:23px;max-width:410px}.workflow-story .process-step>p:not(.step-label){font-size:14px;line-height:1.85;color:#a4abb6;max-width:355px}.workflow-story .ws-step-note{display:flex;gap:9px;align-items:flex-start;margin-top:24px;font-size:11px;line-height:1.65;color:#bab6c6;max-width:350px}.workflow-story .ws-note-mark{display:inline-block;width:4px;height:4px;background:#b7a3da;flex-shrink:0;margin-top:7px}.workflow-story .step-detail{font-family:'IBM Plex Mono',monospace;font-size:8px;line-height:1.7;gap:7px;color:#777f8d;margin-top:27px}.workflow-story .step-detail span+span::before{margin-right:7px;color:#535866}.workflow-story .process-step.is-active .step-marker{background:var(--ws-violet);box-shadow:0 0 16px #ad91db55}.workflow-story .process-step.is-active .step-label{color:#e0d9ed}.workflow-story .process-step[data-step="2"].is-active .step-marker{background:var(--ws-teal);box-shadow:0 0 16px #76cfb644}.workflow-story .process-step[data-step="3"].is-active .step-marker{background:var(--ws-amber);box-shadow:0 0 16px #e2b47a44}.workflow-story .process-step[data-step="3"] .ws-note-mark{background:var(--ws-amber)}.workflow-story .process-step[data-step="3"] .ws-step-note{color:#c8b79f}
/* The full object remains legible without JavaScript, motion or a sticky viewport. */
.workflow-story:not([data-animated="true"]){align-items:start}.workflow-story:not([data-animated="true"]) .ws-scene{position:relative;top:auto;height:auto;min-height:0;overflow:visible}.workflow-story:not([data-animated="true"]) .ws-canvas{display:flex;flex-direction:column;gap:14px;padding:22px 0;flex:auto}.workflow-story:not([data-animated="true"]) .ws-surface{position:relative;inset:auto;width:100%;height:auto;min-height:0;transform:none!important;opacity:1!important;box-shadow:none}.workflow-story:not([data-animated="true"]) .ws-context{order:1}.workflow-story:not([data-animated="true"]) .ws-context-graph{height:205px}.workflow-story:not([data-animated="true"]) .ws-code{order:2}.workflow-story:not([data-animated="true"]) .ws-verification{order:4}.workflow-story:not([data-animated="true"]) .ws-feedback{order:3}.workflow-story:not([data-animated="true"]) .ws-code-revised{position:relative;top:auto;opacity:1!important;border-top:1px solid #2b2831;margin-top:6px}.workflow-story:not([data-animated="true"]) .ws-versions{position:relative;inset:auto;order:5;opacity:1!important;flex-wrap:wrap}.workflow-story:not([data-animated="true"]) .ws-connections{display:none}.workflow-story:not([data-animated="true"]) .ws-gift-check{opacity:1!important}.workflow-story:not([data-animated="true"]) .ws-steps{padding-top:0}.workflow-story:not([data-animated="true"]) .process-step{min-height:355px;padding-block:50px}.workflow-story:not([data-animated="true"]) .step-marker{top:65px}
/* In the revision, retained versions sit under the unchanged requirement. */
.workflow-story[data-animated="true"] .ws-versions{top:19%}
.workflow-story[data-animated="true"] .ws-code{height:199px}
@media(min-width:1600px){.workflow-story .ws-code-original,.workflow-story .ws-code-revised{font-size:12px}.workflow-story .ws-requirement-copy>p{font-size:16px}}
@media(max-width:1199px) and (min-width:960px){.workflow-story{grid-template-columns:minmax(0,1.35fr) minmax(0,.9fr);gap:38px}.workflow-story .process-step{padding-left:22px}.workflow-story .process-step h3{font-size:30px}.workflow-story .process-step>p:not(.step-label){font-size:13px}.workflow-story .ws-code-original,.workflow-story .ws-code-revised{font-size:10px}.workflow-story .ws-checks{font-size:9px}.workflow-story .ws-code p{padding-inline:11px}.workflow-story .ws-diff{padding-left:9px!important}}
@media(max-width:959px) and (min-width:700px){.workflow-story{grid-template-columns:minmax(0,1.25fr) minmax(0,.85fr);gap:24px}.workflow-story .ws-scene{top:32px;min-height:560px;height:min(660px,calc(100svh - 52px))}.workflow-story .ws-heading{font-size:8px}.workflow-story .ws-requirement{padding:13px 11px;gap:10px;left:5%;width:91%;min-height:80px}.workflow-story .ws-requirement-mark{width:24px;height:29px;font-size:12px}.workflow-story .ws-micro{font-size:8px}.workflow-story .ws-record-id{display:none}.workflow-story .ws-requirement-copy>p{font-size:12px}.workflow-story .ws-context{left:3%;width:93%}.workflow-story .ws-card-head{padding:10px;min-height:37px}.workflow-story .ws-card-label{font-size:8px}.workflow-story .ws-tag{font-size:7px;padding:1px 4px}.workflow-story .ws-context-foot{font-size:7px;gap:8px}.workflow-story .ws-context-foot span+span:before{margin-right:8px}.workflow-story .ws-code{left:5%;width:92%;min-height:185px}.workflow-story .ws-code-original,.workflow-story .ws-code-revised{font-size:9px;letter-spacing:-.04em;line-height:1.9}.workflow-story .ws-code-file{font-size:7px;padding-inline:10px}.workflow-story .ws-code-file>span:last-child{display:none}.workflow-story .ws-code p{padding-inline:9px}.workflow-story .ws-line-number{width:20px}.workflow-story .ws-diff{padding-left:7px!important}.workflow-story .ws-code-footer{font-size:7px;padding:9px;gap:6px}.workflow-story .ws-change-scope{max-width:120px}.workflow-story .ws-code-revised{top:70px}.workflow-story .ws-verification{left:7%;width:91%;min-height:160px}.workflow-story .ws-checks{font-size:8px;gap:6px 5px;padding:11px 9px}.workflow-story .ws-saved{margin-inline:9px;gap:7px}.workflow-story .ws-saved-result{font-size:11px}.workflow-story .ws-match{font-size:7px}.workflow-story .ws-saved .ws-micro{font-size:7px}.workflow-story .ws-feedback{left:13%;width:85%;padding:11px}.workflow-story .ws-feedback p{font-size:11px}.workflow-story .ws-versions{left:7%;right:2%;font-size:8px;gap:7px}.workflow-story .ws-versions em{display:none}.workflow-story .ws-footer{gap:6px}.workflow-story .ws-phase-label{font-size:11px}.workflow-story .ws-illustrative{font-size:7px}.workflow-story .process-step{min-height:max(540px,80svh);padding-left:18px}.workflow-story .step-label{font-size:11px;gap:12px}.workflow-story .process-step h3{font-size:27px}.workflow-story .process-step>p:not(.step-label){font-size:12px;line-height:1.8}.workflow-story .ws-step-note{font-size:10px}.workflow-story .step-detail{font-size:7px}}
@media(max-width:699px){.workflow-story{display:flex;flex-direction:column;gap:0;margin-top:20px}.workflow-story .ws-visual{height:auto;margin:0}.workflow-story .ws-scene{position:relative;top:auto;height:auto;min-height:0;overflow:visible}.workflow-story .ws-heading{font-size:8px;padding-top:14px}.workflow-story .ws-canvas{display:flex;flex-direction:column;gap:12px;padding:20px 0 12px;flex:auto}.workflow-story .ws-surface{position:relative;inset:auto;width:100%;height:auto;min-height:0;transform:none!important;opacity:1!important;box-shadow:none}.workflow-story .ws-requirement{padding:15px 13px;gap:11px}.workflow-story .ws-requirement-copy>p{font-size:13px}.workflow-story .ws-requirement-mark{width:28px;height:32px}.workflow-story .ws-record-id{display:none}.workflow-story .ws-context{order:1}.workflow-story .ws-context-graph{height:175px}.workflow-story .ws-card-head{padding:12px}.workflow-story .ws-card-label{font-size:9px}.workflow-story .ws-context-foot{font-size:7px;gap:8px}.workflow-story .ws-context-foot span+span:before{margin-right:8px}.workflow-story .ws-code{order:2}.workflow-story .ws-code-original,.workflow-story .ws-code-revised{font-size:clamp(9px,2.65vw,12px);line-height:1.95}.workflow-story .ws-code p{padding-inline:10px}.workflow-story .ws-line-number{width:22px}.workflow-story .ws-diff{padding-left:8px!important}.workflow-story .ws-code-file{padding-inline:10px;font-size:8px}.workflow-story .ws-code-file>span:last-child{font-size:7px}.workflow-story .ws-code-footer{padding-inline:10px;font-size:7px}.workflow-story .ws-code-revised{position:relative;top:auto;opacity:1!important;border-top:1px solid #2b2831;margin-top:6px}.workflow-story .ws-feedback{order:3;padding:12px}.workflow-story .ws-feedback p{font-size:12px}.workflow-story .ws-verification{order:4}.workflow-story .ws-checks{font-size:10px;padding-inline:12px;gap:7px}.workflow-story .ws-saved{margin-inline:12px}.workflow-story .ws-saved-result{font-size:12px}.workflow-story .ws-versions{position:relative;inset:auto;order:5;opacity:1!important;flex-wrap:wrap;font-size:8px;gap:8px}.workflow-story .ws-versions em{font-size:7px}.workflow-story .ws-connections{display:none}.workflow-story .ws-gift-check{opacity:1!important}.workflow-story .ws-footer{margin-top:5px;gap:7px}.workflow-story .ws-phase-label{font-size:11px}.workflow-story .ws-illustrative{font-size:8px}.workflow-story .ws-steps{padding:14px 0 55px}.workflow-story .process-step,.workflow-story:not([data-animated="true"]) .process-step{min-height:0;padding:35px 0 35px 22px;scroll-margin-top:24px}.workflow-story .step-marker,.workflow-story:not([data-animated="true"]) .step-marker{top:43px}.workflow-story .step-label{font-size:11px;margin-bottom:18px}.workflow-story .process-step h3{font-size:31px;margin-bottom:19px;max-width:390px}.workflow-story .process-step>p:not(.step-label){font-size:13px;max-width:410px}.workflow-story .ws-step-note{font-size:11px;margin-top:20px}.workflow-story .step-detail{font-size:8px;margin-top:21px}}
@media(max-width:359px){.workflow-story .ws-heading{font-size:7px}.workflow-story .ws-code-original,.workflow-story .ws-code-revised{font-size:8.5px}.workflow-story .ws-code-file>span:last-child{display:none}.workflow-story .ws-checks{font-size:9px}.workflow-story .ws-record-id{display:none}.workflow-story .ws-version-new em{display:none}.workflow-story .ws-saved-result{font-size:11px}.workflow-story .ws-micro{font-size:8px}.workflow-story .ws-match{font-size:7px}.workflow-story .process-step h3{font-size:29px}}
@media(prefers-reduced-motion:reduce){.workflow-story .ws-scene{position:relative;top:auto}.workflow-story .ws-surface{will-change:auto}}
/* Feedback is work: reopen context, write a patch, rerun checks, then reveal a result. */
.workflow-story .ws-thread-revision{stroke:var(--ws-amber);stroke-width:1.2;opacity:0}
.workflow-story .ws-feedback-traveller{opacity:0}
.workflow-story .ws-code-version-label{display:block;font:8px/1.6 'IBM Plex Mono',monospace;color:#a39ba9;padding:1px 15px 7px;letter-spacing:.01em}
.workflow-story[data-animated="true"] .ws-code-version-label{display:none}
.workflow-story .ws-code-revised .ws-code-version-label{color:var(--ws-amber)}
.workflow-story .ws-patch-line{transform-origin:left center;will-change:clip-path}
.workflow-story .ws-outcome-pending{display:none}
.workflow-story .ws-check-state{display:none;font:7px/1.4 'IBM Plex Mono',monospace;color:#82bba7;font-style:normal;margin-left:auto}
.workflow-story .ws-iteration-rail{position:absolute;left:8%;right:4%;bottom:0;z-index:9;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;gap:10px;padding:12px 0 5px;margin:0;opacity:0;border-top:1px solid #36302a;background:#010102}
.workflow-story .ws-iteration-rail li{position:relative;font:8px/1.5 'IBM Plex Mono',monospace;color:#757784;padding-top:7px;white-space:nowrap}
.workflow-story .ws-iteration-rail li::before{content:'';position:absolute;left:0;right:0;top:0;height:2px;background:#29292f}
.workflow-story .ws-iteration-rail li>span{display:block;font-size:7px;line-height:1.6;color:#69656b}
.workflow-story .ws-iteration-rail li[data-state="active"]{color:#f1d7b8}.workflow-story .ws-iteration-rail li[data-state="active"]::before{background:var(--ws-amber);box-shadow:0 0 12px #e2b47a33}.workflow-story .ws-iteration-rail li[data-state="active"]>span{color:#d3a56d}
.workflow-story .ws-iteration-rail li[data-state="complete"]{color:#b6c6bd}.workflow-story .ws-iteration-rail li[data-state="complete"]::before{background:#527565}.workflow-story .ws-iteration-rail li[data-state="complete"]>span{color:#81a28e}
.workflow-story[data-animated="true"] .ws-context,.workflow-story[data-animated="true"] .ws-code,.workflow-story[data-animated="true"] .ws-verification{overflow:hidden}
.workflow-story[data-animated="true"][data-phase="iterate"] .ws-surface:not(.ws-requirement){left:8%;width:88%;min-height:0}
.workflow-story[data-animated="true"][data-phase="iterate"] .ws-feedback{padding:12px 15px 13px;z-index:8}
.workflow-story[data-animated="true"][data-phase="iterate"] .ws-feedback p{font-size:clamp(11px,.97vw,14px);line-height:1.55}
.workflow-story[data-animated="true"][data-phase="iterate"] .ws-versions{left:8%;right:4%;gap:9px;font-size:8px;line-height:1.4;white-space:nowrap;z-index:8}
.workflow-story[data-animated="true"][data-phase="iterate"] .ws-versions>span:not(.ws-version-connector){gap:5px;padding:3px 0;background:#010102}
.workflow-story[data-animated="true"][data-phase="iterate"] .ws-versions em{font-size:7px}
.workflow-story[data-animated="true"][data-phase="iterate"] .ws-context{border-color:#6a5740;background:#0e0d0e}
.workflow-story[data-animated="true"][data-phase="iterate"] .ws-context .ws-card-head{border-color:#42372c}
.workflow-story[data-animated="true"][data-phase="iterate"] .ws-context-status{color:var(--ws-amber);border-color:#665039}
.workflow-story[data-animated="true"][data-phase="iterate"] .ws-context-graph{height:calc(100% - 67px)}
.workflow-story[data-animated="true"][data-phase="iterate"] .ws-graph-nodes{fill:#d7b382}
.workflow-story[data-animated="true"][data-phase="iterate"] .ws-graph-mesh{stroke:#a68b65;stroke-opacity:.72}
.workflow-story[data-animated="true"][data-phase="iterate"] .ws-graph-route{stroke:#d6be96}
.workflow-story[data-animated="true"][data-phase="iterate"] .ws-code{border-color:#735a3d;background:#0e0d0f}
.workflow-story[data-animated="true"][data-phase="iterate"] .ws-code-revised{background:#0e0d0f}
.workflow-story[data-animated="true"][data-phase="iterate"] .ws-code-status{color:#d3ba9d}
.workflow-story[data-animated="true"][data-phase="iterate"] .ws-checks{padding-top:11px;padding-bottom:11px;gap:9px 11px}
.workflow-story[data-animated="true"][data-phase="iterate"] .ws-checks>span{display:grid;grid-template-columns:10px 1fr auto;gap:5px;font-size:9px;white-space:nowrap}
.workflow-story[data-animated="true"][data-phase="iterate"] .ws-check-state{display:inline}
.workflow-story .ws-checks>span[data-state="pending"] i,.workflow-story .ws-checks>span[data-state="pending"] .ws-check-state{color:#8d8c95}
.workflow-story .ws-checks>span[data-state="running"] i,.workflow-story .ws-checks>span[data-state="running"] .ws-check-state{color:var(--ws-amber)}
.workflow-story[data-animated="true"][data-phase="iterate"] .ws-outcome-pending{display:flex;position:absolute;left:13px;right:13px;bottom:12px;min-height:45px;border-top:1px solid #393b32;padding-top:10px;gap:9px;align-items:center;color:#b3aaa0}
.workflow-story .ws-pending-dot{height:5px;width:5px;border:1px solid #ad8d60;flex-shrink:0}
.workflow-story .ws-outcome-pending .ws-micro{font-size:7px;color:#958f87}.workflow-story .ws-pending-copy{font-size:10px;line-height:1.55;margin-top:3px;color:#b7afa7}
.workflow-story[data-animated="true"][data-phase="iterate"] .ws-iteration-rail{opacity:1}
.workflow-story .ws-iteration-copy{list-style:none;padding:0;margin:35px 0 0;border-top:1px solid #33302e;max-width:365px}
.workflow-story .ws-iteration-copy li{display:flex;gap:15px;align-items:flex-start;min-height:220px;padding:30px 0 38px;border-bottom:1px solid #2b2a2b}
.workflow-story .ws-iteration-number{font:9px/1.6 'IBM Plex Mono',monospace;color:#8a7860;flex-shrink:0;padding-top:2px}
.workflow-story .ws-iteration-copy h4{font-size:15px;line-height:1.5;letter-spacing:-.015em;font-weight:450;color:#c5c4c8;margin:0 0 10px}
.workflow-story .ws-iteration-copy p{font-size:12px;line-height:1.9;color:#8d949f;margin:0;max-width:315px}
.workflow-story .ws-iteration-copy li.is-active h4{color:#eed4b3}.workflow-story .ws-iteration-copy li.is-active .ws-iteration-number{color:var(--ws-amber)}.workflow-story .ws-iteration-copy li.is-active p{color:#b6bbc3}
.workflow-story[data-animated="true"] .process-step[data-step="3"]{min-height:0;padding-bottom:330px}
/* Without scroll motion, feedback precedes the written revision and verified result. */
.workflow-story:not([data-animated="true"]) .ws-feedback{order:2}
.workflow-story:not([data-animated="true"]) .ws-code{order:3}
.workflow-story:not([data-animated="true"]) .ws-verification{order:4}
.workflow-story:not([data-animated="true"]) .ws-versions{order:5}
.workflow-story:not([data-animated="true"]) .ws-iteration-rail{position:relative;inset:auto;order:6;opacity:1;margin-top:0;padding-bottom:10px}
.workflow-story:not([data-animated="true"]) .ws-code-revised{padding-top:9px;border-top-color:#665039}
.workflow-story:not([data-animated="true"]) .ws-code-original{padding-bottom:9px}
.workflow-story:not([data-animated="true"]) .ws-check-state{display:inline}
.workflow-story:not([data-animated="true"]) .ws-checks>span{display:grid;grid-template-columns:10px 1fr auto;gap:5px}
.workflow-story:not([data-animated="true"]) .ws-iteration-copy li{min-height:0;padding-block:25px}
@media(min-width:960px) and (max-height:780px){.workflow-story .ws-scene{top:16px;height:calc(100svh - 32px);min-height:560px}.workflow-story .ws-heading{padding-top:14px;padding-bottom:12px}.workflow-story .ws-footer{margin-top:9px;padding-top:10px;padding-bottom:7px}.workflow-story .ws-iteration-copy li{min-height:210px}}
@media(min-width:700px) and (max-width:959px){.workflow-story .ws-iteration-copy{margin-top:27px}.workflow-story .ws-iteration-copy li{gap:11px;min-height:235px;padding-top:25px}.workflow-story .ws-iteration-copy h4{font-size:13px}.workflow-story .ws-iteration-copy p{font-size:11px}.workflow-story .ws-iteration-rail{gap:7px;left:5%;right:2%}.workflow-story .ws-iteration-rail li{font-size:6.5px}.workflow-story[data-animated="true"][data-phase="iterate"] .ws-feedback{padding:10px}.workflow-story[data-animated="true"][data-phase="iterate"] .ws-versions{font-size:7px;gap:7px}.workflow-story[data-animated="true"][data-phase="iterate"] .ws-versions em{display:none}.workflow-story[data-animated="true"][data-phase="iterate"] .ws-checks>span{font-size:7.5px;gap:4px}.workflow-story .ws-check-state{font-size:6px}.workflow-story[data-animated="true"][data-phase="iterate"] .ws-checks{gap:7px;padding-inline:9px}.workflow-story .ws-pending-copy{font-size:9px}}
@media(max-width:699px){.workflow-story .ws-feedback{order:2}.workflow-story .ws-code{order:3}.workflow-story .ws-verification{order:4}.workflow-story .ws-versions{order:5}.workflow-story .ws-iteration-rail{position:relative;inset:auto;order:6;opacity:1;gap:7px;padding-bottom:10px}.workflow-story .ws-iteration-rail li{font-size:7px}.workflow-story .ws-iteration-copy{max-width:410px;margin-top:27px}.workflow-story .ws-iteration-copy li{min-height:0;padding:24px 0;gap:12px}.workflow-story .ws-iteration-copy h4{font-size:15px}.workflow-story .ws-iteration-copy p{font-size:12px;max-width:355px}.workflow-story .ws-code-version-label{padding-inline:10px;font-size:7px}.workflow-story .ws-check-state{font-size:6px}.workflow-story:not([data-animated="true"]) .ws-checks{font-size:9px}}
@media(max-width:359px){.workflow-story .ws-iteration-rail li{font-size:6px}.workflow-story .ws-iteration-rail{gap:5px}.workflow-story:not([data-animated="true"]) .ws-checks{font-size:8px}.workflow-story .ws-check-state{font-size:5.5px}.workflow-story .ws-iteration-copy h4{font-size:14px}}