/* The distribution and inference applets (poisson, markov, samplemeans,
 * confidence, errors): what the shared sheet (maths-applets.css) does not
 * already give them. */

[data-for-second][hidden] { display: none; }
.mci-dot-gold { fill: var(--gold); stroke: var(--ink); stroke-width: 1.5; }
.mci-curve-gold { fill: none; stroke: var(--gold); stroke-width: 3.2; stroke-linejoin: round; stroke-linecap: round; }
.mci-halo { fill: none; stroke: var(--paper); stroke-width: 6; stroke-linejoin: round; stroke-linecap: round; }

/* Markov chain */
.mci-edge { fill: none; stroke: var(--ink); stroke-linecap: round; }
.mci-edge.is-b { stroke: var(--tangerine); }
.mci-head { fill: var(--ink); }
.mci-head.is-b { fill: var(--tangerine); }
.mci-edge-t { paint-order: stroke; stroke: var(--paper); stroke-width: 4px; stroke-linejoin: round; }
.mci-state { cursor: pointer; }
.mci-node { fill: var(--paper); stroke: var(--ink); stroke-width: 2.6; }
.mci-state.is-start .mci-node { fill: var(--tangerine); }
.mci-node-t { font-size: 13px; font-weight: 800; fill: var(--ink); pointer-events: none; }
.mci-state:focus { outline: none; }
.mci-state:focus-visible .mci-node { stroke-width: 5; }
.mca-bar.is-pick { stroke-width: 3; }
.mca-bar:focus { outline: none; }
.mca-bar:focus-visible { stroke: var(--teal-deep); stroke-width: 4; }
.mci-matrix caption { caption-side: bottom; padding-top: 6px; }
.mci-matrix td span { font-weight: 700; color: var(--muted); }
.mca-board > * + * { margin-top: 14px; }

/* Sample means */
.mci-latest { stroke: var(--ink); stroke-width: 1.5; fill: var(--tangerine); }

/* Confidence intervals */
.mci-iv { stroke: var(--ink); stroke-width: 2.2; stroke-linecap: round; opacity: 0.8; }
.mci-iv.is-miss { stroke: var(--tangerine); opacity: 1; }
.mci-iv.is-latest { stroke-width: 4.4; opacity: 1; }
.mci-xbar { fill: var(--ink); stroke: var(--paper); stroke-width: 2; }

/* Type I and Type II errors */
.mci-halo-t { paint-order: stroke; stroke: var(--paper); stroke-width: 4px; stroke-linejoin: round; }