@font-face{font-family:"Redaction 35";font-style:normal;font-display:swap;font-weight:400;src:url(/assets/redaction-35-latin-400-normal-Q19lkiSl.woff2) format("woff2"),url(/assets/redaction-35-latin-400-normal-BitFHkhG.woff) format("woff")}@font-face{font-family:"Redaction 50";font-style:normal;font-display:swap;font-weight:400;src:url(/assets/redaction-50-latin-400-normal-DkNaVhPh.woff2) format("woff2"),url(/assets/redaction-50-latin-400-normal-DXnNyOhp.woff) format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-latin-400-normal-CDDApCn2.woff2) format("woff2"),url(/assets/ibm-plex-sans-latin-400-normal-CYLoc0-x.woff) format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-sans-latin-500-normal-6ng42L7E.woff2) format("woff2"),url(/assets/ibm-plex-sans-latin-500-normal-BgVn5rGT.woff) format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-sans-latin-600-normal-CuJfVYMP.woff2) format("woff2"),url(/assets/ibm-plex-sans-latin-600-normal-Cu4Hd6ag.woff) format("woff")}:root{--paper: #f5f0e6;--dot: #dcd3c2;--card: #fffcf6;--surface: #ede5d6;--line: #e2d9c8;--wire: #918574;--text: #241b17;--muted: #5c514a;--faint: #6f635a;--ink: #3b302a;--sub: var(--card);--accent: #2e7d4f;--accent-edge: #1f5c39;--accent-soft: #d9ebdf;--on-accent: #fffcf6;--accent-ring: rgba(46, 125, 79, .24);--success: var(--accent);--danger: #b3261e;--trigger-fill: #ddebdf;--trigger-edge: #86b091;--trigger-ink: #21482d;--page-fill: #dceaf4;--page-edge: #86aecb;--page-ink: #234b66;--router-fill: #e9dff6;--router-edge: #a68cd0;--router-ink: #4a3077;--step-fill: #f6e6b3;--step-edge: #cdaa4b;--step-ink: #5a4410;--shadow: 0 3px 0 var(--dot);--chrome: rgba(255, 252, 246, .92);--display: "Redaction 35", Georgia, serif;--display-pixel: "Redaction 50", "Redaction 35", Georgia, serif;--sans: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--mono: "Departure Mono", ui-monospace, "SF Mono", Menlo, monospace}@font-face{font-family:Departure Mono;src:url(/fonts/departure-mono/DepartureMono-Regular.woff2) format("woff2");font-display:swap}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--paper);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;overflow:hidden}a{color:inherit}button{font:inherit;color:inherit}.btn{--s: 1;--fill: var(--card);--edge: var(--line);--fg: var(--text);display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:0 16px;font:600 14px var(--sans);text-decoration:none;cursor:pointer}.btn.primary{--fill: var(--accent);--edge: var(--accent-edge);--fg: var(--on-accent)}.board{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.board:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(var(--dot) 1.2px,transparent 1.3px);background-size:var(--grid-size, 24px 24px);background-position:var(--grid-pos, 0 0);transition:opacity .3s;pointer-events:none}.trip-fast .board:before{opacity:.25}.board.grabbing{cursor:grabbing}.board.pointing{cursor:pointer}.ambient{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.world{position:absolute;left:0;top:0;transform-origin:0 0;will-change:transform;--z: 1}.item{position:absolute;transform:rotate(var(--r, 0deg))}.lines{position:absolute;left:0;top:0;overflow:visible;pointer-events:none}.lines path{fill:none;stroke:var(--wire);stroke-width:calc(1.5px / var(--z));stroke-linejoin:round}.lines marker path{fill:none;stroke:var(--wire);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.lines text{font:600 14px var(--sans);fill:var(--muted)}.lines g.active .wire{stroke:var(--accent)}.node{--s: 1;display:flex;flex-direction:column;gap:calc(8px * var(--s));background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:calc(20px * var(--s)) calc(24px * var(--s));overflow:visible}.node header{display:flex;align-items:center;gap:calc(8px * var(--s));flex:none}.node .icon{display:grid;place-items:center;flex:none;width:calc(28px * var(--s));height:calc(28px * var(--s));border-radius:7px;background:var(--kind-fill);border:1px solid var(--kind-edge);color:var(--kind-ink)}.node .type{font:400 calc(11px * var(--s)) var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--kind-ink)}.node h2{flex:none;font:400 calc(28px * var(--s)) / 1.15 var(--display);text-wrap:balance}.node-trigger{--kind-fill: var(--trigger-fill);--kind-edge: var(--trigger-edge);--kind-ink: var(--trigger-ink)}.node-page,.node-sub,.node-output{--kind-fill: var(--page-fill);--kind-edge: var(--page-edge);--kind-ink: var(--page-ink)}.node-router{--kind-fill: var(--router-fill);--kind-edge: var(--router-edge);--kind-ink: var(--router-ink)}.node-pass{--kind-fill: var(--step-fill);--kind-edge: var(--step-edge);--kind-ink: var(--step-ink)}.node.current{border-color:var(--accent);box-shadow:0 3px 0 var(--accent-ring),0 0 0 3px var(--accent-ring)}.node .content{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:calc(8px * var(--s))}.node .content p{font-size:calc(16px * var(--s));line-height:1.55;color:var(--muted)}.node .log{list-style:none;font:calc(11px * var(--s)) / 1.6 var(--mono);color:var(--accent);border-top:1px dashed var(--line);padding-top:calc(8px * var(--s))}.node .credit{font-size:calc(12px * var(--s));color:var(--faint)}.node .credit a{display:inline-block;padding:calc(6px * var(--s)) 0}.link-choice,.link-forward,.link-sub{white-space:nowrap}.node .links{flex:none;display:flex;flex-direction:column;gap:calc(10px * var(--s))}.node .links .subs{display:flex;flex-wrap:wrap;gap:calc(6px * var(--s))}.node .links .subs:empty,.node .links .choices:empty{display:none}.node .links .choices{display:grid;grid-template-columns:1fr 1fr;gap:calc(6px * var(--s))}.node .links .choices:has(>:only-child){grid-template-columns:1fr}.node .content.more{-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(to bottom,#000 calc(100% - 28px),transparent)}.node .links .row{display:flex;align-items:center;justify-content:space-between;gap:calc(10px * var(--s))}.node .links button{font:600 calc(14px * var(--s)) var(--sans);min-height:calc(40px * var(--s));padding:0 calc(16px * var(--s));cursor:pointer}.link-back{background:none;border:none;color:var(--muted);padding-left:0!important;transition:color .2s}.link-back:hover{color:var(--text)}.link-back:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.link-forward,.link-choice,.link-sub,.tb,.btn{--st: calc(2px * var(--s));--lip: calc(2px * var(--s));--steps: polygon( 0 calc(3 * var(--st)), var(--st) calc(3 * var(--st)), var(--st) calc(2 * var(--st)), calc(2 * var(--st)) calc(2 * var(--st)), calc(2 * var(--st)) var(--st), calc(3 * var(--st)) var(--st), calc(3 * var(--st)) 0, calc(100% - 3 * var(--st)) 0, calc(100% - 3 * var(--st)) var(--st), calc(100% - 2 * var(--st)) var(--st), calc(100% - 2 * var(--st)) calc(2 * var(--st)), calc(100% - var(--st)) calc(2 * var(--st)), calc(100% - var(--st)) calc(3 * var(--st)), 100% calc(3 * var(--st)), 100% calc(100% - 3 * var(--st)), calc(100% - var(--st)) calc(100% - 3 * var(--st)), calc(100% - var(--st)) calc(100% - 2 * var(--st)), calc(100% - 2 * var(--st)) calc(100% - 2 * var(--st)), calc(100% - 2 * var(--st)) calc(100% - var(--st)), calc(100% - 3 * var(--st)) calc(100% - var(--st)), calc(100% - 3 * var(--st)) 100%, calc(3 * var(--st)) 100%, calc(3 * var(--st)) calc(100% - var(--st)), calc(2 * var(--st)) calc(100% - var(--st)), calc(2 * var(--st)) calc(100% - 2 * var(--st)), var(--st) calc(100% - 2 * var(--st)), var(--st) calc(100% - 3 * var(--st)), 0 calc(100% - 3 * var(--st)) );position:relative;isolation:isolate;border:none;border-radius:0;background:var(--edge);color:var(--fg);clip-path:var(--steps);padding-bottom:var(--lip)!important;transition:transform .15s}.link-forward:before,.link-choice:before,.link-sub:before,.tb:before,.btn:before{content:"";position:absolute;inset:var(--rim, calc(1px * var(--s))) var(--rim, calc(1px * var(--s))) calc(var(--rim, calc(1px * var(--s))) + var(--lip)) var(--rim, calc(1px * var(--s)));background:var(--fill);clip-path:var(--steps);z-index:-1}.link-forward:hover,.link-choice:hover,.link-sub:hover,.tb:hover,.btn:hover{--lip: calc(3px * var(--s));transform:translateY(calc(-1px * var(--s)))}.link-forward:active,.link-choice:active,.link-sub:active,.tb:active,.btn:active{--lip: calc(1px * var(--s));transform:translateY(calc(1px * var(--s)))}.link-forward:focus-visible,.link-choice:focus-visible,.link-sub:focus-visible,.tb:focus-visible,.btn:focus-visible{outline:none;--edge: var(--accent);--rim: calc(2.5px * var(--s))}.link-forward{--fill: var(--accent);--edge: var(--accent-edge);--fg: var(--on-accent);margin-left:auto}.link-forward:focus-visible{--edge: var(--text)}.link-choice{--fill: var(--router-fill);--edge: var(--router-edge);--fg: var(--router-ink);text-align:left}.link-sub{--fill: var(--page-fill);--edge: var(--page-edge);--fg: var(--page-ink);font-weight:500!important}.chip-icon{width:calc(11px * var(--s));height:calc(11px * var(--s));margin-right:calc(4px * var(--s));vertical-align:calc(-1px * var(--s));fill:currentColor;shape-rendering:crispEdges}.node .port{position:absolute;width:10px;height:10px;border-radius:0;background:var(--card);border:2px solid var(--wire);top:calc(50% - 5px)}.node .port.in{left:-6px}.node .port.out{right:-6px}.node-trigger .port.in,.node-output .port.out,.node-sub .port,.node-router .port{display:none}.node-trigger,.node-pass{padding:calc(12px * var(--s)) calc(16px * var(--s));gap:calc(4px * var(--s))}.node-trigger h2,.node-pass h2{font-size:calc(18px * var(--s))}.node-trigger h2{font-family:var(--display-pixel);font-size:calc(20px * var(--s))}.node-trigger .content p,.node-pass .content p{font-size:calc(12px * var(--s));line-height:1.4}.node-sub{padding:calc(16px * var(--s)) calc(18px * var(--s))}.node-sub h2,.node-router h2{font-size:calc(20px * var(--s))}.node-sub .content p,.node-router .content p{font-size:calc(14px * var(--s))}.node-router{padding:calc(16px * var(--s)) calc(18px * var(--s))}.node-pass{z-index:11;transition:border-color .3s,box-shadow .3s}.node-pass.lit{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft),var(--shadow)}.node .leads{flex:none;margin-top:auto;font:calc(14px * var(--s)) / 1.5 var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--faint);border-top:1px dashed var(--line);padding-top:calc(8px * var(--s))}.node .leads-go{display:none;color:var(--accent)}.node.pointed{border-color:var(--accent)}.node.pointed .leads-what{display:none}.node.pointed .leads-go{display:inline}.node:not(.current) .links{display:none}.node-page .content,.node-output .content,.node-sub .content{min-height:calc(64px * var(--s))}.node .links .row button{white-space:nowrap}.node .links .link-forward{max-width:72%;overflow:hidden;text-overflow:ellipsis}.node .icon svg{width:50%;height:50%;fill:currentColor;shape-rendering:crispEdges}.node .icon rect{transition:opacity .12s steps(2)}.node .icon rect.waiting{opacity:0;transition:none}.narrow .node .links button{min-height:calc(44px * var(--s))}@media (pointer: coarse){.node .links button{min-height:max(calc(44px * var(--s)),calc(44px / var(--z)))}}.packet{position:absolute;left:-5px;top:-5px;width:10px;height:10px;background:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);transform:translate(var(--px, 0),var(--py, 0)) scale(calc(1 / var(--z)));pointer-events:none;z-index:10;transition:opacity .25s}.trail{position:absolute;left:-3px;top:-3px;width:6px;height:6px;background:var(--accent);transform:translate(var(--px, 0),var(--py, 0)) scale(calc(1 / var(--z)));pointer-events:none;z-index:9}.labels{position:absolute;left:0;top:0;pointer-events:none;z-index:11}.label{position:absolute;display:none;font:400 calc(14px / var(--z)) / 1.2 var(--display);color:var(--text);width:max-content;max-width:min(calc(140px / var(--z)),700px);text-align:center;transform:translate(-50%,calc(10px / var(--z)));text-wrap:balance}.overview .label{display:block;background:var(--paper);padding:calc(1px / var(--z)) calc(4px / var(--z));border-radius:calc(4px / var(--z));pointer-events:auto;cursor:pointer}.overview .label-trigger{background:none}.tight .label{font-size:calc(12px / var(--z));max-width:none;white-space:nowrap;text-align:left;transform-origin:0 100%;transform:translateY(calc(-100% - var(--h) - 6px / var(--z))) rotate(-45deg)}.overview .node>*{visibility:hidden}.overview .node{border:calc(1.5px / var(--z)) solid var(--wire);box-shadow:none}.overview .node>header{visibility:visible;position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.overview .node>header .type{display:none}.overview .node .icon{width:42%;height:auto;aspect-ratio:1;max-width:220px;border-radius:18%;border-width:calc(1px / var(--z))}.overview .node-pass .icon,.overview .node-trigger .icon{width:auto;height:62%}.overview .node.current{outline:calc(3px / var(--z)) solid var(--accent);outline-offset:calc(4px / var(--z))}.overview .node.visited:after{content:"✓";position:absolute;top:calc(-9px / var(--z));right:calc(-9px / var(--z));width:calc(18px / var(--z));height:calc(18px / var(--z));background:var(--success);color:#fff;font:700 calc(11px / var(--z)) / calc(18px / var(--z)) var(--sans);text-align:center}.overview .lines .wire{marker-end:url(#arrowhead-small)}.overview .lines text{display:none}.overview .packet{transform:translate(var(--px, 0),var(--py, 0)) scale(calc(.6 / var(--z)))}.lines .pulse{display:none}.overview .lines .pulse{display:inline;fill:none;stroke:var(--accent);stroke-width:calc(2.5px / var(--z));stroke-linecap:round;stroke-dasharray:30 600;marker-end:none;opacity:.7;animation:pulse 5s linear infinite}@keyframes pulse{to{stroke-dashoffset:-630}}.node-trigger{border-radius:75px 12px 12px 75px;padding:calc(16px * var(--s)) calc(22px * var(--s)) calc(16px * var(--s)) calc(50px * var(--s));justify-content:center}.node-trigger .content{flex:none}.node-trigger .log{border-top:none;padding-top:0;color:var(--accent)}.ignition{position:absolute;left:0;top:0;overflow:visible;pointer-events:none;z-index:9}.ignition path{fill:none;stroke:var(--accent);stroke-width:calc(3px / var(--z));stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1}.ignition.lit path{animation:fuse .9s cubic-bezier(.45,0,.55,1) forwards,fuse-out .6s ease 1.6s forwards}.ignition.looping path{animation:fuse-loop 1.4s linear infinite}@keyframes fuse-loop{0%{stroke-dashoffset:1;opacity:1;animation-timing-function:cubic-bezier(.45,0,.55,1)}64%{stroke-dashoffset:0;opacity:1}78%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:0;opacity:0}}.ignition.met path{stroke-dashoffset:0;animation:fuse-out .6s ease .7s forwards}@keyframes fuse{to{stroke-dashoffset:0}}@keyframes fuse-out{to{opacity:0}}.packet.unborn{opacity:0;transition:none}.packet.born{animation:born .6s ease-out}@keyframes born{0%{box-shadow:0 0 0 0 var(--accent)}40%{box-shadow:0 0 0 10px var(--accent-soft)}to{box-shadow:0 0 0 3px var(--accent-soft)}}.step-machine{position:absolute;pointer-events:none;z-index:12;image-rendering:pixelated}.overview .step-machine{display:none}.chrome{position:fixed;z-index:20;background:var(--chrome);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:12px;touch-action:none}.file{font:inherit;cursor:pointer;border:none;top:14px;left:14px;display:flex;align-items:center;gap:10px;padding:8px 14px 8px 10px;font-size:14px}.file .logo{width:26px;height:26px;border-radius:7px;background:var(--text);color:var(--paper);font:400 16px var(--display);display:grid;place-items:center}.file b{font:400 16px var(--display)}.file span{color:var(--faint)}button.av{cursor:pointer}button.av:hover{transform:translateY(-1px)}.toolbar{box-shadow:none;left:50%;bottom:calc(16px + env(safe-area-inset-bottom));transform:translate(-50%);display:flex;align-items:center;gap:6px;padding:6px 6px 7px;max-width:calc(100vw - 24px);overflow-x:auto;scrollbar-width:none;touch-action:pan-x}.toolbar.more-right{-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 40px),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 40px),transparent)}.toolbar.more-left{-webkit-mask-image:linear-gradient(to left,#000 calc(100% - 40px),transparent);mask-image:linear-gradient(to left,#000 calc(100% - 40px),transparent)}.toolbar.more-left.more-right{-webkit-mask-image:linear-gradient(to right,transparent,#000 40px,#000 calc(100% - 40px),transparent);mask-image:linear-gradient(to right,transparent,#000 40px,#000 calc(100% - 40px),transparent)}.toolbar::-webkit-scrollbar{display:none}.tb{--s: 1;--fill: var(--card);--edge: var(--line);--fg: var(--muted);padding:0 12px;min-height:36px;font:500 14px var(--sans);cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;gap:6px}.tb:hover{--fg: var(--text)}.tb.on{--fill: var(--accent-soft);--edge: var(--accent);--fg: var(--accent-edge)}.tb.view-toggle{--fg: var(--text);font-weight:600}.tb-icon{padding:0 11px}.tb svg{width:16px;height:16px}.sep{width:1px;height:22px;background:var(--line);margin:0 4px;flex:none}.zoom-label{font:11px var(--mono);min-width:46px;text-align:center;color:var(--muted)}.minimap{right:14px;bottom:calc(16px + env(safe-area-inset-bottom));padding:6px;cursor:pointer}.hint{position:fixed;left:18px;top:66px;z-index:20;font:11px var(--mono);color:var(--muted);pointer-events:none;background:var(--paper);padding:2px 8px;margin-left:-8px;border-radius:6px}.toast{position:fixed;top:70px;left:50%;transform:translate(-50%,-8px);z-index:30;padding:9px 15px;border-radius:10px;background:var(--text);color:var(--paper);font:13px var(--sans);opacity:0;transition:all .25s;pointer-events:none}.follow-frame{position:fixed;top:0;right:0;bottom:0;left:0;z-index:14;pointer-events:none;border:3px solid var(--accent);opacity:0;transition:opacity .25s}@media (max-width: 760px){.file span,.file b,.hint{display:none}.file{padding:6px 12px 6px 6px}}.page-mode body{overflow:auto}html.page-mode,.page-mode body{background:var(--paper)}.page-view{max-width:760px;margin:0 auto;padding:0 16px 120px}.page-head{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;background:var(--paper);border-bottom:1px solid var(--line);margin-bottom:32px}.page-head h1{font:400 20px var(--display)}.page-view section{background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:28px;scroll-margin-top:80px}.page-view h2{font:400 28px/1.15 var(--display);margin-bottom:10px}.page-view section>p{color:var(--muted);line-height:1.6}.page-view article{margin-top:18px;padding:16px 18px;background:var(--sub);border:1px dashed var(--wire);border-radius:12px;scroll-margin-top:80px}.page-view h3{font:400 20px var(--display);margin-bottom:4px}.page-view article p{font-size:14px;color:var(--muted)}.page-view .log{font:11px/1.6 var(--mono);color:var(--accent);padding:14px 6px}.page-view .credit{display:block;margin-top:18px;font-size:12px;color:var(--faint)}.narrow .toolbar{max-width:calc(100vw - 24px)}.narrow .toolbar .zoom-part{display:none}.narrow .tb{min-height:44px;padding:0 14px;font-size:15px}.narrow .chrome.file{min-height:44px;min-width:44px}.chrome.file:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media (pointer: coarse){.tb{min-height:44px}.toolbar .zoom-part,.hint .mouse{display:none}}@media (pointer: fine){.hint .touch{display:none}}.page-head .btn{min-height:44px}.page-head{flex-direction:column;align-items:stretch}.page-head-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.jump{display:flex;align-items:center;gap:6px;overflow-x:auto;scrollbar-width:none;margin-top:6px;padding:4px 4px 6px}.jump.more{-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 48px),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 48px),transparent)}.jump button{flex:none}.pv-router{margin-top:16px}.pv-answers{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.pv-answers button{--s: 1;min-height:44px;padding:0 14px;font:600 14px var(--sans);cursor:pointer}@media (pointer: coarse){.jump button{min-height:44px}}.page-view section{scroll-margin-top:150px}.page-view article{scroll-margin-top:150px}.page-head{box-shadow:0 0 0 100vmax var(--paper);clip-path:inset(0 -100vmax)}.page-view main{padding-bottom:calc(100vh - 240px)}.pv-answers button{white-space:nowrap}.page-view h2:focus,.page-view h3:focus{outline:none}.page-view .credit a{display:inline-block;padding:8px 0}.pv-flow{--rail: 12px;position:relative;padding-left:36px}.pv-flow:before{content:"";position:absolute;left:calc(var(--rail) - .75px);top:var(--wire-top, 0);height:calc(var(--wire-end, 0px) - var(--wire-top, 0px));width:1.5px;background:var(--wire)}.page-view section{position:relative}.pv-port{position:absolute;left:calc(var(--rail) - 36px - 6px);top:36px;width:12px;height:12px;background:var(--card);border:2px solid var(--wire)}.pv-port:after{content:"";position:absolute;left:10px;top:calc(50% - .75px);width:15px;height:1.5px;background:var(--wire)}.page-view section.current{border-color:var(--accent);box-shadow:0 3px 0 var(--accent-ring),0 0 0 3px var(--accent-ring)}.pv-type{display:flex;align-items:center;gap:8px;margin-bottom:10px}.pv-type[data-kind=page],.pv-type[data-kind=sub],.pv-type[data-kind=output]{--kind-fill: var(--page-fill);--kind-edge: var(--page-edge);--kind-ink: var(--page-ink)}.pv-type[data-kind=router]{--kind-fill: var(--router-fill);--kind-edge: var(--router-edge);--kind-ink: var(--router-ink)}.pv-type .icon{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:7px;background:var(--kind-fill);border:1px solid var(--kind-edge);color:var(--kind-ink)}.pv-type .icon svg{width:14px;height:14px;fill:currentColor;shape-rendering:crispEdges}.pv-type .icon rect{transition:opacity .12s steps(2)}.pv-type .icon rect.waiting{opacity:0;transition:none}.pv-type .type{font:400 11px var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--kind-ink)}.page-view article .pv-type{margin-bottom:6px}.page-view article .pv-type .icon{width:22px;height:22px;border-radius:6px}.page-view article .pv-type .icon svg{width:11px;height:11px}.pv-step{position:relative}.pv-step-dot{position:absolute;left:calc(var(--rail) - 36px - 7px);top:71px;width:14px;height:14px;border-radius:3px;background:var(--step-fill);border:1px solid var(--step-edge);transition:box-shadow .3s,border-color .3s}.pv-step.lit .pv-step-dot{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.pv-step-stage{position:relative;height:156px}.pv-step-card{position:absolute;left:0;top:30px;width:220px;height:96px;box-sizing:border-box;padding:10px 12px;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:0 3px 0 var(--dot);display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;align-content:start;column-gap:8px;row-gap:4px;transition:border-color .3s,box-shadow .3s}.pv-step.lit .pv-step-card{border-color:var(--accent);box-shadow:0 3px 0 var(--dot),0 0 0 3px var(--accent-ring)}.pv-step-tile{width:22px;height:22px;border-radius:6px;background:var(--step-fill);border:1px solid var(--step-edge);color:var(--step-ink);display:grid;place-items:center}.pv-step-tile svg{width:11px;height:11px}.pv-step-type{align-self:center;font:11px var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--step-ink)}.pv-step-name{grid-column:1 / -1;font:400 17px/1.1 var(--display)}.pv-step-fx{position:absolute;left:0;top:0;height:156px;pointer-events:none;z-index:1}.pv-step-fact{margin-top:0}.pv-visitor{position:absolute;left:calc(var(--rail) - 5px);top:-5px;width:10px;height:10px;background:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);transform:translateY(var(--y, 0));z-index:3;pointer-events:none}.pv-trail{position:absolute;left:calc(var(--rail) - 3px);top:-3px;width:6px;height:6px;background:var(--accent);transform:translateY(var(--y, 0));z-index:2;pointer-events:none}@media (max-width: 520px){.pv-flow{--rail: 8px;padding-left:26px}.pv-port{left:calc(var(--rail) - 26px - 6px)}.pv-port:after{width:6px}.pv-step-dot{left:calc(var(--rail) - 26px - 7px)}}.pv-side{display:none}@media (min-width: 1240px){.page-head .jump{display:none}.pv-side{position:fixed;top:96px;left:calc(50% + 408px);display:flex;flex-direction:column;align-items:flex-start;gap:8px;z-index:4}}
