.process-story{padding:var(--card-inset);background:var(--panel);border:1px solid var(--line);min-width:0;color:var(--ink)}
.process-story :is(h3,p){margin:0}.process-story .ps-heading h3{font-size:var(--text-title);line-height:1.35;margin-block:var(--space-3)}
.process-story .ps-heading>span,.process-story .ps-step-label{font-size:var(--text-small);color:var(--muted)}
.process-story .ps-controls{display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--space-4);padding-block:var(--space-6);border-bottom:1px solid var(--line)}
.process-story .ps-controls[hidden]{display:none}.process-story .ps-controls>div{display:flex;flex-wrap:wrap;gap:var(--space-2)}
.process-story button{font:inherit;font-size:var(--text-label);font-weight:650;min-height:44px;padding:var(--space-2) var(--space-3);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--ink);cursor:pointer}
.process-story button[aria-pressed=true]{border-color:var(--accent);background:var(--tint);color:var(--accent)}
.process-story button:hover{border-color:var(--accent)}.process-story button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.process-story .ps-map{display:block;width:100%;height:auto;margin-block:var(--space-6);overflow:visible}
.process-story .ps-wires{stroke:var(--accent);stroke-width:2}.process-story .ps-branch{stroke:var(--muted);stroke-dasharray:6 6}
.process-story [data-ps-node] rect{fill:var(--panel);stroke:var(--line);stroke-width:2}.process-story [data-ps-node].is-active rect{fill:var(--tint);stroke:var(--accent)}
.process-story .ps-icon{fill:none;stroke:var(--accent);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.process-story .ps-map text{font-family:inherit;font-size:var(--text-small);fill:var(--ink)}.process-story [data-ps-signal]{fill:var(--accent)}
.process-story .ps-steps{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-3);padding:0;margin:var(--space-6) 0}
.process-story .ps-steps>li{display:flex;flex-direction:column;gap:var(--space-2);min-width:0;padding:var(--space-4);border:1px solid var(--line);background:var(--surface);overflow-wrap:anywhere}
.process-story .ps-steps>li[aria-current=step]{padding:var(--space-4);border-color:var(--accent);background:var(--tint);color:var(--ink)}
.process-story .ps-steps strong{font-size:var(--text-body);line-height:1.4}.process-story .ps-steps p{font-size:var(--text-small);line-height:1.5}
.process-story .ps-status{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:var(--space-4);padding:var(--space-4);border-top:1px solid var(--line);background:var(--surface)}
.process-story .ps-status strong{font-size:var(--text-body)}.process-story .ps-status p{font-size:var(--text-small)}
@media(max-width:1100px){.process-story .ps-map{display:none}.process-story .ps-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.process-story{padding:var(--space-4)}.process-story .ps-steps,.process-story .ps-status{grid-template-columns:1fr}.process-story .ps-controls>div{width:100%}.process-story button{flex:1 1 auto}}
@media(prefers-reduced-motion:reduce){.process-story *{animation:none!important;transition:none!important}}

.process-story .ps-return-note{font-size:var(--text-small);color:var(--muted);margin-top:var(--space-4)}
.process-story .ps-steps button{margin-top:auto;text-align:left;font-weight:650;min-width:0}
.process-story [data-ps-node]{cursor:pointer}.process-story [data-ps-node]:hover rect{stroke:var(--accent)}
.process-story .ps-inspector{padding:var(--card-inset);border:1px solid var(--accent);background:var(--tint);margin-block:var(--space-6)}
.process-story .ps-inspector h4{font-size:var(--text-title);line-height:1.35;margin:0 0 var(--space-4)}
.process-story .ps-inspector dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-6);margin:0 0 var(--space-4)}
.process-story .ps-inspector dt{font-size:var(--text-label);font-weight:750;color:var(--accent);margin-bottom:var(--space-2)}
.process-story .ps-inspector dd{font-size:var(--text-body);margin:0;overflow-wrap:anywhere}
.process-story .ps-inspector button{margin-top:var(--space-4)}
.process-story button:disabled{opacity:.55;cursor:default}
@media(max-width:768px){.process-story .ps-inspector dl{grid-template-columns:1fr;gap:var(--space-4)}}

.ps-map .ps-arrow{fill:var(--accent);stroke:none}