/* ---------- the diagram kit: the panel, strokes, labels and pills the three page diagrams share ---------- */
.diagram{background:var(--white);border-radius:var(--r);overflow:hidden}
.diagram svg{display:block;width:100%;height:auto}
.diagram.framed{border:1px solid var(--edge)}
.lab text{font:500 11px var(--font);letter-spacing:.06em;fill:var(--fathom);paint-order:stroke;stroke:#fff;stroke-width:4px;stroke-linejoin:round}
.lab line{stroke:var(--fathom);stroke-width:1}
.pill text{font:500 10px var(--font);letter-spacing:.06em;fill:var(--deep)}
.s{stroke:var(--fathom);stroke-width:1;stroke-linejoin:round;stroke-linecap:round}
.ns{vector-effect:non-scaling-stroke;stroke-width:1;fill:none;stroke-linecap:round}
.wire{fill:none;stroke:var(--fathom);stroke-width:1;stroke-linejoin:round}
.wire.hot{stroke-width:2}
.co{cursor:pointer}