.center {
 text-align: center;
 margin: 0 auto;
}
svg { fill: none; font-size: 125%; }
text { fill: black; }
.hruler-label { text-anchor: middle; dominant-baseline: hanging; }
.vruler-label { text-anchor: end; dominant-baseline: middle; }
path { stroke: #444; stroke-width: 2.0; }
path.graph-X, .graph-X path { stroke: red; }
path.graph-Y, .graph-Y path { stroke: green; }
path.graph-Z, .graph-Z path { stroke: blue; }
path.graph-N, .graph-N path { stroke: blue; }
path.graph-D65, .graph-D65 path { stroke: blue; }
path.graph-B65, .graph-B65 path { stroke: violet; }
path.graph-B57, .graph-B57 path { stroke: orange; }
.legend text { dominant-baseline: middle; }
figure { font-size: 100%; }
.katex { font-size: 100%; }
foreignObject canvas {
 width: 100%;
 height: 100%;
}