/* Voronoi diagrams, part 2 (voronoiadd, toxicwaste, interpolate): the few
 * things the shared applet classes (maths-applets.css) do not have. */

.mcv2-guide { fill: none; stroke: var(--muted); stroke-width: 1.4; stroke-dasharray: 3 5; }
.mcv2-gone { fill: none; stroke: var(--gold); stroke-width: 3.2; stroke-dasharray: 7 5; stroke-linecap: round; }
.mcv2-caption { padding: 0 0 6px; text-align: left; font-size: 0.82rem; font-weight: 600; color: var(--muted); caption-side: top; }
.mcv2-table th:first-child, .mcv2-table td:first-child { text-align: left; }
.mcv2-table td { font-variant-numeric: tabular-nums; }
.mcv2-table tbody th { width: 4.6em; }
.mcv2-table .is-best td, .mcv2-table .is-best th { background: color-mix(in srgb, var(--gold) 36%, var(--paper)); font-weight: 800; }
.mcv2-rowbtn { min-height: 34px; min-width: 3.6em; padding: 2px 8px; border: 2px solid var(--ink); border-radius: 999px; background: var(--paper); font-size: 0.82rem; font-weight: 800; color: var(--ink); cursor: pointer; }
.mcv2-rowbtn:hover { background: var(--mint); }
.mcv2-rowbtn:focus-visible { outline: 3px solid var(--tangerine); outline-offset: 2px; }

/* A vertex the reader can press. */
.mcv2-vtx { cursor: pointer; }
.mcv2-hit { fill: transparent; stroke: none; }
.mcv2-pt { fill: var(--paper); stroke: var(--ink); stroke-width: 2.4; }
.mcv2-vtx.is-edge .mcv2-pt { stroke-width: 2; }
.mcv2-vtx.is-tested .mcv2-pt { fill: color-mix(in srgb, var(--ink) 30%, var(--paper)); }
.mcv2-vtx.is-chosen .mcv2-pt { fill: var(--tangerine); stroke: var(--ink); }
.mcv2-vtx:focus { outline: none; }
.mcv2-vtx:focus-visible .mcv2-pt { stroke: var(--tangerine); stroke-width: 4; }
.mcv2-vlabel { fill: var(--ink); }

/* voronoiadd: a site the reader presses in "Try it yourself", and the
 * coordinates of a point on a new edge. */
.mcv2-site.is-live { cursor: pointer; }
.mcv2-site:focus { outline: none; }
.mcv2-site.is-live:hover .mca-dot, .mcv2-site:focus-visible .mca-dot { stroke: var(--tangerine); stroke-width: 4; }
.mcv2-ptlabel { font-size: 14px; paint-order: stroke; stroke: var(--paper); stroke-width: 4px; stroke-linejoin: round; }