#stories .story-tabs,#story-grid,.story-controls{max-width:1120px}
#story-grid .workflow-scene{display:block;padding:28px;overflow:hidden;background:var(--surface)}
.wf-heading{display:flex;justify-content:space-between;gap:22px;align-items:start;margin-bottom:24px}.wf-eyebrow{font-size:10px;color:var(--muted)}.wf-heading h3{font-size:23px;line-height:1.3;margin:7px 0 0;letter-spacing:-.7px}.wf-example{font-size:9px;color:var(--muted);white-space:nowrap;padding-top:5px}
.wf-stage-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:26px}.wf-stage-nav button{display:flex;align-items:center;gap:8px;text-align:left;padding:10px;border:1px solid var(--line);border-radius:9px;background:var(--soft);color:var(--muted);font-size:10px;cursor:pointer}.wf-stage-nav button span{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;border:1px solid var(--line);font-size:9px;flex-shrink:0}.wf-stage-nav button[aria-pressed=true]{background:var(--tint);border-color:var(--accent);color:var(--accent)}.wf-stage-nav button[aria-pressed=true] span{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}
.wf-workbench{display:grid;grid-template-columns:1fr .72fr 1.25fr;gap:24px;align-items:start}.wf-label{font-size:8px;letter-spacing:1.3px;color:var(--muted);margin-bottom:12px;font-weight:650}.wf-source{border:1px solid var(--line);border-radius:11px;padding:12px;margin-bottom:9px;background:var(--bg);transition:transform .4s,border-color .4s}.wf-source-brand{display:flex;align-items:center;gap:7px;font-size:11px;margin-bottom:9px}.wf-source-brand img,.wf-doc-top img{object-fit:contain;background:#fff;padding:3px;border-radius:5px;width:25px;height:25px}.wf-source-check{margin-left:auto;color:var(--accent);opacity:0;transition:opacity .3s}.wf-source>b{font-size:9px;line-height:1.5;display:block}.wf-source p{font-size:10px;line-height:1.6;margin:5px 0 0;color:var(--muted)}
.wf-agent{text-align:center;padding-top:24px;position:relative}.wf-agent:before,.wf-agent:after{content:'';position:absolute;top:67px;height:1px;width:30px;background:var(--line)}.wf-agent:before{left:-24px}.wf-agent:after{right:-24px}.wf-avatar{width:72px;height:72px;border:1px solid var(--line);padding:4px;margin:0 auto 10px;border-radius:50%}.wf-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.wf-agent>strong{display:block;font-size:14px}.wf-agent>span{font-size:9px;color:var(--muted)}.wf-signal{display:flex;justify-content:center;gap:4px;margin:14px 0 20px}.wf-signal i{width:4px;height:4px;border-radius:50%;background:var(--accent)}.wf-agent ol{text-align:left;padding:0;list-style:none;margin:0;counter-reset:work}.wf-agent li{font-size:10px;line-height:1.6;margin-bottom:12px;color:var(--muted);padding-left:20px;position:relative}.wf-agent li:before{content:'✓';position:absolute;left:0;color:var(--accent);opacity:.25}.wf-document{border:1px solid var(--line);border-radius:11px;padding:18px;background:var(--bg);min-height:315px;position:relative;overflow:hidden}.wf-doc-top{display:flex;align-items:center;gap:7px;font-size:10px;padding-bottom:12px;border-bottom:1px solid var(--line)}.wf-doc-top small{margin-left:auto;font-size:7px;letter-spacing:1px;color:var(--muted)}.wf-doc-brand{margin:20px 0 15px;font-weight:800;letter-spacing:2px;font-size:11px;color:var(--accent)}.wf-doc-brand span{display:block;font-size:6px;font-weight:500;letter-spacing:1px;margin-top:3px}.wf-document h4{font-size:16px;line-height:1.4;margin:0 0 14px;letter-spacing:-.3px}.wf-draft-line{font-size:10px;line-height:1.7;margin:0 0 10px}.wf-caution{padding:10px;border-left:2px solid var(--accent);background:var(--tint);font-size:9px;line-height:1.5;margin-top:16px}.wf-review{display:flex;align-items:center;gap:8px;margin-top:12px;padding:12px 0;transition:opacity .4s,transform .4s}.wf-review-check{background:var(--tint);color:var(--accent);width:26px;height:26px;border-radius:50%;display:grid;place-items:center}.wf-review strong{display:block;font-size:10px}.wf-review div>span{display:block;font-size:8px;color:var(--muted);margin-top:3px}.wf-review small{font-size:7px;color:var(--accent);margin-left:auto;white-space:nowrap}.wf-footer{border-top:1px solid var(--line);padding-top:15px;margin-top:17px;display:flex;gap:15px;justify-content:space-between;font-size:8px;color:var(--muted)}.wf-status{color:var(--accent);font-size:10px}.wf-status:before{content:'●';font-size:7px;margin-right:7px}
.workflow-scene[data-stage="0"] .wf-source{animation:wf-arrive .5s both;animation-delay:calc(var(--order)*.18s)}.workflow-scene:not([data-stage="0"]) .wf-source-check{opacity:1}.workflow-scene[data-stage="1"] .wf-avatar{box-shadow:0 0 0 6px var(--tint);border-color:var(--accent)}.workflow-scene[data-stage="1"] .wf-signal i{animation:wf-dot .8s 2 alternate}.wf-signal i:nth-child(2){animation-delay:.15s!important}.wf-signal i:nth-child(3){animation-delay:.3s!important}.workflow-scene:not([data-stage="0"]) .wf-agent li:before{opacity:1}.workflow-scene[data-stage="0"] .wf-draft-line,.workflow-scene[data-stage="1"] .wf-draft-line{opacity:.15;filter:blur(3px);transform:translateY(5px)}.wf-draft-line{transition:opacity .5s,filter .5s,transform .5s;transition-delay:calc(var(--order)*.2s)}.workflow-scene[data-stage="2"] .wf-document:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,rgba(149,118,78,.08),transparent);height:35%;animation:wf-scan 1.5s ease-out forwards;pointer-events:none}.workflow-scene:not([data-stage="3"]) .wf-review{opacity:.25;transform:translateY(3px)}.workflow-scene[data-stage="0"] .wf-caution,.workflow-scene[data-stage="1"] .wf-caution{opacity:.2}
@keyframes wf-arrive{from{opacity:.25;transform:translateX(-9px)}to{opacity:1;transform:none}}@keyframes wf-dot{to{transform:translateY(-4px);opacity:.3}}@keyframes wf-scan{from{top:10%}to{top:110%}}
@media(max-width:760px){#story-grid .workflow-scene{display:block;padding:18px}.wf-heading{display:block;margin-bottom:18px}.wf-heading h3{font-size:21px}.wf-example{display:block;margin-top:9px;font-size:8px}.wf-stage-nav{gap:4px;margin-bottom:20px}.wf-stage-nav button{display:block;text-align:center;font-size:8px;padding:8px 3px;line-height:1.4}.wf-stage-nav button span{margin:0 auto 5px}.wf-workbench{grid-template-columns:1fr;gap:18px}.wf-sources{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.wf-sources>.wf-label{grid-column:1/-1;margin:0}.wf-source{padding:8px;margin:0;min-width:0}.wf-source-brand{flex-wrap:wrap;gap:5px;font-size:9px}.wf-source-brand img{width:21px;height:21px}.wf-source-check{display:none}.wf-source>b{font-size:8px}.wf-source p{font-size:8px;line-height:1.6}.wf-agent{padding:12px;text-align:left;background:var(--tint);border-radius:10px;display:grid;grid-template-columns:40px 1fr;gap:2px 10px}.wf-avatar{grid-row:1/3;width:40px;height:40px;margin:0;padding:2px}.wf-agent>strong{font-size:12px}.wf-agent>span{font-size:9px}.wf-agent:before,.wf-agent:after,.wf-signal,.wf-agent>.wf-label{display:none}.wf-agent ol{grid-column:1/-1;margin-top:8px}.wf-agent li{margin:5px 0;font-size:9px}.wf-document{min-height:0;padding:16px}.wf-doc-brand{margin:15px 0}.wf-draft-line{font-size:11px}.wf-caution{font-size:10px}.wf-review strong{font-size:11px}.wf-review div>span{font-size:9px}.wf-footer{flex-direction:column;gap:7px}.wf-status{font-size:9px}}
@media(prefers-reduced-motion:reduce){.workflow-scene *{animation:none!important;transition:none!important}}
/* A visible handoff travels into the specialist, then toward the draft. */
.workflow-scene[data-stage="1"] .wf-agent:before,.workflow-scene[data-stage="2"] .wf-agent:after{background:linear-gradient(90deg,var(--line),var(--accent),var(--line));background-size:200% 100%;animation:wf-handoff .8s linear 2}.workflow-scene[data-stage="1"] .wf-agent li{animation:wf-arrive .45s both}.workflow-scene[data-stage="1"] .wf-agent li:nth-child(2){animation-delay:.35s}.workflow-scene[data-stage="1"] .wf-agent li:nth-child(3){animation-delay:.7s}@keyframes wf-handoff{to{background-position:-200% 0}}
@media(min-width:761px){.wf-source p,.wf-agent li,.wf-draft-line{font-size:11px}.wf-source>b,.wf-caution{font-size:10px}.wf-example,.wf-eyebrow{font-size:10px}}
@media(prefers-reduced-motion:reduce){.workflow-scene *,.workflow-scene :before,.workflow-scene :after{animation:none!important;transition:none!important}}

@media(max-width:760px){#story-grid .workflow-scene{max-height:clamp(210px,calc(100svh - 560px),340px);overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:thin}#stories .section-head>p:last-child{font-size:11px}#stories .section-head h2{font-size:25px}.story-controls{margin-top:8px}.story-controls button{padding:7px 13px}}

@media(max-width:760px){#story-grid .workflow-scene{height:75svh;max-height:75svh;min-height:0;overflow-y:auto}}