/* The normal distribution applet (applets/dist.js): a few rules the shared
 * sheet does not have. Needs maths-applets.css. */

.mcd-pairs { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 14px; }
.mcd-pairs label { align-content: end; }
.mcd-pairs input[type="number"] { width: 100%; min-width: 0; }
.mca-working .mcd-line { display: block; }
.mca-working .mcd-line:empty { display: none; }
.mcd-lane { font-size: 13px; font-weight: 800; fill: var(--tangerine); pointer-events: none; paint-order: stroke; stroke: var(--paper); stroke-width: 4px; stroke-linejoin: round; }
.mcd-sigma { stroke: var(--teal-deep); stroke-width: 2; }
.mcd-sigma-note { font-size: 13px; font-weight: 800; fill: var(--teal-deep); pointer-events: none; paint-order: stroke; stroke: var(--paper); stroke-width: 4px; stroke-linejoin: round; }
.mcd-mean { stroke: var(--ink); stroke-width: 1.4; stroke-dasharray: 4 4; }
.mcd-band { stroke-width: 1.6; }
.mca-btns [data-bands][aria-pressed="true"] { background: var(--ink); color: var(--paper); }

/* In a lesson column the drawing takes the whole width, the controls go under it. */
.mca[data-mc-applet="normal"] { container-type: inline-size; }
@container (max-width: 780px) { .mcd-body { grid-template-columns: minmax(0, 1fr); } }