.workflow-story{scroll-margin-top:100px}.workflow-story h2{margin:0}.workflow-intro{max-width:650px;font-size:20px;line-height:1.55}.workflow-caption,.workflow-number{font-size:11px;letter-spacing:.1em;color:var(--muted)}.workflow-caption{margin:16px 0 36px}.workflow-layout{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}.workflow-step{padding:48px 0;border-top:1px solid var(--rule-2);scroll-margin-top:130px}.workflow-step h3{font-size:32px;line-height:1.15;margin:20px 0}.workflow-step p{font-size:16px;line-height:1.7;margin:18px 0}.workflow-story a{color:var(--ink);text-underline-offset:5px}.workflow-artifact{padding:30px;margin-bottom:24px;border:1px solid var(--rule-2);background:var(--bg);color:var(--ink);border-radius:4px}.workflow-artifact h3{font-size:27px;line-height:1.2;margin:25px 0}.workflow-row{display:flex;gap:20px;justify-content:space-between;padding:20px 0;border-bottom:1px solid var(--rule-2);font-size:14px;line-height:1.5}.workflow-row strong{white-space:nowrap;color:var(--anchor)}.workflow-note{font-size:14px;line-height:1.7;margin-top:28px;padding-top:20px;border-top:1px solid var(--rule-2)}.workflow-note p{margin-top:8px}.workflow-pipeline{list-style:none;padding:0;counter-reset:none}.workflow-pipeline li{padding:15px 0 15px 18px;border-left:2px solid var(--accent);margin:12px 0}.workflow-pipeline strong,.workflow-pipeline span{display:block;font-size:14px;line-height:1.6}.workflow-pipeline span{color:var(--muted)}.workflow-runbook{font-size:14px;line-height:1.6}.workflow-runbook dt{color:var(--muted);margin-top:18px}.workflow-runbook dd{margin:3px 0 0}.workflow-controls{display:flex;gap:6px;margin-bottom:18px;flex-wrap:wrap}.workflow-controls[hidden]{display:none}.workflow-controls button{font:inherit;font-size:12px;padding:10px;border:1px solid var(--rule-2);background:transparent;color:var(--ink);cursor:pointer}.workflow-controls button[aria-pressed=true]{background:var(--ink);color:var(--bg)}.workflow-story :focus-visible{outline:2px solid var(--accent);outline-offset:5px}
@media(min-width:901px) and (prefers-reduced-motion:no-preference){.workflow-story.is-enhanced .workflow-stage{position:sticky;top:110px}.workflow-story.is-enhanced .workflow-step{min-height:65vh}.workflow-story.is-enhanced .workflow-artifact:not(.is-active){display:none}}
@media(max-width:900px){.workflow-layout{grid-template-columns:1fr;gap:24px}.workflow-step{padding:28px 0}.workflow-artifact{padding:24px}.workflow-step h3{font-size:26px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}