/* Shared SVG plot styles for lib/plots.js. Colours come from the theme tokens in site/styles.css. */
.plot-svg{display:block;width:100%;height:auto}
.plot-svg text{font:12px Inter,system-ui,sans-serif;fill:var(--muted)}
.plot-svg .plot-label{fill:var(--body);font-size:13px}
.plot-svg .plot-note{font-size:13px;fill:var(--body)}
.plot-svg .plot-small{font-size:11px}
.plot-svg .blue{fill:var(--blue)}.plot-svg .orange{fill:var(--orange)}.plot-svg .violet{fill:var(--violet)}.plot-svg .red{fill:var(--red)}
.plot-grid{stroke:var(--line-soft);stroke-width:1}
.plot-axis{stroke:var(--line);stroke-width:1.3}
.plot-zero{stroke:var(--line);stroke-width:1;stroke-dasharray:3 4}
.plot-curve{fill:none;stroke:var(--blue);stroke-width:2.5;stroke-linejoin:round}
.plot-rule{stroke:var(--blue);stroke-width:2.5}
.plot-ghost{fill:none;stroke:var(--blue);stroke-width:1.5;opacity:.22}
.plot-ghost.dashed{stroke:var(--muted);opacity:.7;stroke-dasharray:5 5}
.plot-miss{stroke:var(--orange);stroke-width:2;stroke-dasharray:4 4}
.plot-wanted{fill:var(--panel);stroke:var(--orange);stroke-width:2.5}
.plot-guess{fill:var(--blue);stroke:var(--panel);stroke-width:2}
.plot-before{fill:var(--orange);stroke:var(--panel);stroke-width:2}
.plot-bias{fill:var(--panel);stroke:var(--blue);stroke-width:2}
.plot-bottom{fill:var(--muted)}
.plot-trail{fill:var(--blue);opacity:.35}
.plot-jump{fill:none;stroke:var(--violet);stroke-width:1.4;stroke-dasharray:3 4;opacity:.8}
.plot-leader{stroke:var(--muted);stroke-width:1;opacity:.6}
.plot-tangent{stroke:var(--violet);stroke-width:2}
.plot-arrow{stroke:var(--violet);stroke-width:2}
.plot-arrowhead{fill:var(--violet)}

/* Network diagrams (TutorPlots.network) */
.net-edge{stroke:var(--blue);opacity:.55}
.net-edge.negative{stroke:var(--violet)}
.net-edge.dead{stroke:var(--line);opacity:.5}
.net-node{stroke-width:2}
.net-node.input{fill:var(--panel);stroke:var(--muted);stroke-dasharray:3 3}
.net-node.hidden{fill:var(--blue-soft);stroke:var(--blue)}
.net-node.output{fill:var(--panel);stroke:var(--blue)}
.net-node.dead{fill:var(--panel-2);stroke:var(--line)}
.plot-svg .net-node-label{font-size:12px;fill:var(--text)}
.plot-svg .net-edge-label{font-size:12px;fill:var(--body)}
.plot-svg .net-caption{font-size:12px;fill:var(--muted)}