#flow-spec .flow-canvas{aspect-ratio:640/520;background:radial-gradient(var(--color-line) 1px, transparent 1px) 0 0 / 18px 18px, var(--color-paper);position:relative}#flow-spec .flow-edges{width:100%;height:100%;position:absolute;inset:0}#flow-spec .flow-edge{stroke:var(--color-line-strong);stroke-width:1.5px;vector-effect:non-scaling-stroke;transition:stroke .3s var(--ease-out)}#flow-spec .flow-edge.flow-live{stroke:var(--color-amber)}#flow-spec .flow-node{--nhue:var(--color-amber);background:var(--color-card);border:1px solid var(--color-line-strong);max-width:46%;box-shadow:var(--shadow-md);white-space:nowrap;transition:border-color .3s var(--ease-out), box-shadow .3s var(--ease-out), opacity .3s var(--ease-out);border-radius:11px;align-items:center;gap:9px;padding:7px 12px 7px 7px;display:flex;position:absolute;translate:-50% -50%}#flow-spec .flow-node[data-node=t]{top:8%;left:50%}#flow-spec .flow-node[data-node=a]{top:33%;left:50%}#flow-spec .flow-node[data-node=b]{top:58%;left:50%}#flow-spec .flow-node[data-node=c1]{top:86%;left:28%}#flow-spec .flow-node[data-node=c2]{top:86%;left:72%}#flow-spec .flow-node-txt{flex-direction:column;gap:1px;min-width:0;display:flex}#flow-spec .flow-node-t{font-family:var(--font-display);color:var(--color-ink);font-size:12.5px;font-weight:600;font-stretch:108%}#flow-spec .flow-node-s{font-family:var(--font-mono);letter-spacing:.03em;color:var(--color-ink-3);font-size:10.5px}#flow-spec .flow-node-led{background:var(--color-line-strong);width:7px;height:7px;transition:background .25s var(--ease-out), box-shadow .25s var(--ease-out);border-radius:50%;flex:none;margin-left:2px}#flow-spec .flow-node.flow-lit{border-color:color-mix(in srgb, var(--nhue) 55%, transparent);box-shadow:0 0 0 3px color-mix(in srgb, var(--nhue) 14%, transparent), var(--shadow-md)}#flow-spec .flow-node.flow-lit .flow-node-led{background:var(--color-live);box-shadow:0 0 7px 1px #2fbf718c}#flow-spec .flow-node.flow-dim{opacity:.45}@media (width<=560px){#flow-spec .flow-canvas{aspect-ratio:auto;flex-direction:column;align-items:center;gap:14px;padding:18px 14px;display:flex}#flow-spec .flow-edges{display:none}#flow-spec .flow-node{max-width:100%;position:static;translate:none}}#flow-spec .flow-run-status{text-transform:uppercase;letter-spacing:.1em;color:var(--color-amber);font-weight:600}#flow-spec .flow-run-status.flow-ok{color:var(--color-live)}#flow-spec .flow-log{gap:5px;margin:12px;padding:12px 14px;display:grid;overflow-x:auto}#flow-spec .flow-log-row{font-family:var(--font-mono);white-space:nowrap;grid-template-columns:96px 56px minmax(0,1fr);align-items:baseline;gap:12px;font-size:11.5px;line-height:1.6;display:grid}#flow-spec .flow-lt{color:var(--color-bone-3)}#flow-spec .flow-lk{color:var(--color-amber-hi);text-transform:uppercase;letter-spacing:.06em;font-size:10px}#flow-spec .flow-lm{color:var(--color-bone-2);text-overflow:ellipsis;overflow:hidden}#flow-spec .flow-log-done .flow-lk,#flow-spec .flow-log-done .flow-lm{color:var(--color-live)}@media (width<=560px){#flow-spec .flow-log-row{grid-template-columns:76px minmax(0,1fr)}#flow-spec .flow-lk{display:none}}#flow-spec .flow-gloss{white-space:normal}#flow-spec .flow-gloss .amber{flex:none;width:64px}#flow-routes .flow-line{height:40px}#flow-day .flow-day-row{grid-template-columns:84px minmax(0,1fr) auto}#flow-day .flow-day-t{color:var(--color-amber-hi);font-size:12px;font-weight:600}#flow-day .flow-day-t.flap-row{font-size:11px}@media (width<=560px){#flow-day .flow-day-row{grid-template-columns:68px minmax(0,1fr)}#flow-day .flow-day-row>span:last-child{display:none}}#flow-faq .flow-qa{background:var(--color-card);border:1px solid var(--color-line);border-radius:12px}#flow-faq .flow-qa+.flow-qa{margin-top:12px}#flow-faq .flow-qa summary{cursor:pointer;font-family:var(--font-display);color:var(--color-ink);justify-content:space-between;align-items:center;gap:16px;padding:17px 20px;font-size:15.5px;font-weight:600;font-stretch:108%;list-style:none;display:flex}#flow-faq .flow-qa summary::-webkit-details-marker{display:none}#flow-faq .flow-qa-chev{width:16px;height:16px;color:var(--color-ink-3);transition:transform .25s var(--ease-out);flex:none}#flow-faq .flow-qa[open] .flow-qa-chev{transform:rotate(180deg)}#flow-faq .flow-qa-a{max-width:62ch;color:var(--color-ink-2);padding:0 20px 18px;font-size:14.5px;line-height:1.7}
