/* The modelling "Explore" applets (expmodel, sinemodel, logistic, piecewise,
 * logscale). The shared classes are in maths-applets.css. */

.mcm-halo { paint-order: stroke; stroke: var(--paper); stroke-width: 4px; stroke-linejoin: round; }
.mcm-faint { opacity: 0.55; }
.mcm-soft { stroke-width: 1.6; opacity: 0.8; }
.mca-dot.is-open.is-b { fill: var(--paper); stroke: var(--tangerine); stroke-width: 3; }
.mca-dot.is-small { stroke-width: 1.5; }
.mcm-tie { fill: none; stroke: var(--teal-deep); stroke-width: 2.6; stroke-linecap: round; }
.mcm-tie.is-b { stroke: var(--tangerine); }
.mcm-tie.is-ink { stroke: var(--ink); stroke-width: 1.8; }
.mcm-gap { fill: none; stroke: var(--gold); stroke-width: 5; stroke-linecap: round; }
.mcm-key { font-size: 12px; font-weight: 600; fill: var(--ink); }

/* sinemodel: the Ferris wheel beside the graph. */
.mcm-rim { fill: none; stroke: var(--teal-deep); stroke-width: 2.6; }
.mcm-spoke { stroke: var(--teal-deep); stroke-width: 1; opacity: 0.45; }
.mcm-stand { stroke: var(--ink); stroke-width: 3; stroke-linecap: round; }
.mcm-car { fill: var(--tangerine); stroke: var(--ink); stroke-width: 2; }

.mcm-tablewrap { margin-top: 16px; }
.mcm-tablewrap .mca-table { max-width: 100%; }
.mcm-tablewrap .mca-table td, .mcm-tablewrap .mca-table th { font-size: 0.9rem; font-weight: 700; color: var(--ink); }
.mcm-tablewrap .mca-table tbody th { width: 5.6em; font-weight: 700; color: var(--muted); }
.mcm-tablewrap .mca-table tr.is-log td { color: var(--teal-deep); }

.mcm-ab { display: flex; flex-wrap: wrap; gap: 10px 14px; align-items: center; }
.mcm-ab input[type="range"] { flex: 1 1 140px; min-width: 0; }

@media (max-width: 480px) {
    .mcm-tablewrap .mca-table td, .mcm-tablewrap .mca-table th { font-size: 0.8rem; }
    .mcm-tablewrap .mca-table tbody th { width: 4.2em; }
}