/* Append to Scott–Gray's stylesheet. Glyph outlines match correspondence-p4. */
.sg-generator-overlay { position:absolute; inset:0; width:100%; height:100%; color:#fff5d4; pointer-events:none; overflow:hidden; }
.sg-generator { pointer-events:all; cursor:pointer; outline:none; }
.sg-generator-hit { fill:transparent; stroke:none; }
.sg-generator-glyph { fill:currentColor; stroke:#231432; stroke-width:4px; stroke-linejoin:round; paint-order:stroke fill; vector-effect:non-scaling-stroke; fill-rule:nonzero; }
.sg-generator-label { fill:currentColor; stroke:#231432; stroke-width:3px; paint-order:stroke fill; font-family:ui-sans-serif,system-ui,sans-serif; font-size:20px; font-weight:750; }
.sg-generator.is-selected,.sg-generator:hover,.sg-generator:focus { color:#ffdf74; }
.sg-generator:focus .sg-generator-hit { stroke:#fff5d4; stroke-width:2px; stroke-dasharray:3 3; }
@media (forced-colors:active) { .sg-generator-overlay {color:CanvasText} .sg-generator-glyph,.sg-generator-label {stroke:Canvas} }

.sg-generator.extra-centre { color:#a9f5e4; }
.sg-generator.extra-centre.is-selected,.sg-generator.extra-centre:hover,.sg-generator.extra-centre:focus { color:#ffdf74; }
.sg-generator.approximate-centre { color:#ffd495; }
.sg-generator-approximation { fill:none; stroke:#ffd495; stroke-width:2px; stroke-dasharray:4 3; }
.sg-generator-verified { fill:none; stroke:#fff5d4; stroke-width:2px; }
.sg-generator.approximate-centre.is-selected,.sg-generator.approximate-centre:hover,.sg-generator.approximate-centre:focus { color:#ffdf74; }