/* Sequences and series to explore (applets/series.js): a few rules the shared
 * sheet does not have. Needs maths-applets.css. */

.mc-applet [hidden] { display: none !important; }
.mca-working sub, .mca-working sup { line-height: 0; font-size: 0.75em; }
.mca-working .mcs-line { display: block; }
.mca-working .mcs-line + .mcs-line { margin-top: 2px; }
.mca-working .mcs-gap { margin-top: 10px; }
.mca-table.mcs-table { table-layout: auto; }
.mca-table.mcs-table th, .mca-table.mcs-table td { padding: 5px 6px; }
.mca-table.mcs-table tbody th { width: auto; font-size: 0.9rem; color: var(--ink); }
.mca-table.mcs-table td { font-variant-numeric: tabular-nums; }
.mca-table.mcs-table .is-end td, .mca-table.mcs-table .is-end th { border-top: 2px solid var(--ink); border-bottom: 0; font-weight: 800; }
.mcs-btn-row { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.mcs-stack { display: grid; gap: 16px; min-width: 0; align-content: start; }
.mca-table.mcs-table .is-on th { background: color-mix(in srgb, var(--tangerine) 16%, var(--paper)); }
.mcs-ball { fill: var(--tangerine); stroke: var(--paper); stroke-width: 2; }
.mcs-ground { stroke: var(--ink); stroke-width: 3; }
.mcs-sq { fill: none; stroke: var(--ink); stroke-width: 1.6; stroke-linejoin: round; }
.mcs-sq.is-out { stroke-width: 2.4; }
.mcs-tri { fill: color-mix(in srgb, var(--teal) 30%, var(--paper)); stroke: none; }
.mcs-tri.is-new { fill: color-mix(in srgb, var(--tangerine) 38%, var(--paper)); }
.mcs-tri.is-mid { fill: color-mix(in srgb, var(--gold) 45%, var(--paper)); }