/* Flat technical launch map. Scoped so app forms and other diagrams are untouched. */
.pw-flow-grid,
.hero-schematic.pw-flow-grid {
  min-height:0;
  overflow:hidden;
  isolation:isolate;
  background:#f4f4f1;
}
.pw-flow-grid > svg.pw-flow-svg {
  display:block;
  width:100%;
  max-width:100%;
  min-width:0;
  height:auto;
  margin:0;
  overflow:hidden;
  contain:layout paint;
}
.pw-flow-svg text { font-family:Mono,GeistMono,monospace; font-weight:400; }
.pw-flow-paper { fill:#f4f4f1; }
.pw-flow-gridlines { fill:none; stroke:#d5d7ce; stroke-width:1; }
.pw-flow-tile { fill:#f4f4f1; transition:fill .42s ease; }
.pw-flow-diagonal { stroke:#c6c9be; stroke-width:1.1; transition:stroke .42s ease; }
.pw-flow-number { fill:#7b8174; font-size:13px; }
.pw-flow-label { fill:#22291e; font-size:12px; letter-spacing:1.05px; }
.pw-flow-icon { fill:#394132; transition:fill .42s ease; shape-rendering:crispEdges; }
.pw-flow-stage.is-active .pw-flow-tile { fill:#d4efdf; }
.pw-flow-stage.is-active .pw-flow-diagonal { stroke:#2dbb7a; }
.pw-flow-stage.is-active .pw-flow-number { fill:#185c3b; }
.pw-flow-stage.is-active .pw-flow-icon { fill:#238f5d; }
.pw-flow-heap { fill:#5de2a4; }
.pw-flow-packets { fill:#53cc96; }
.pw-flow-micro { fill:#7d8376; font-size:10px; letter-spacing:1px; }
.pw-flow-counter-step { fill:#263322; font-size:12px; letter-spacing:.6px; }
.pw-flow-note-paper { fill:#fafbf7; stroke:#bec8b6; stroke-width:1; }
.pw-flow-note-shadow { fill:#dce0d5; opacity:.65; }
.pw-flow-note-dot { fill:#299f67; }
.pw-flow-note .pw-flow-micro { fill:#75816d; font-size:8px; letter-spacing:1.05px; }
.pw-flow-note-title { fill:#182513; font-size:13px; font-weight:500!important; letter-spacing:-.1px; }
.pw-flow-note-detail { fill:#697561; font-size:9px; letter-spacing:-.18px; }
.pw-flow-note-step { fill:#86907c; font-size:8px; letter-spacing:.5px; }
.pw-flow-registration { fill:none; stroke:#838c79; stroke-width:1; }
@media(prefers-reduced-motion:reduce) {
  .pw-flow-svg * { transition:none!important; }
}