/* ===========================================================================
   galton-explorer.css -- chapter 08's Galton board
   (assets/js/galton-explorer.js).

   The container carries `dx cx gb`: the slider and buttons come from the .dx
   rules in dist-explorer.css, the frame and text from the .cx rules in
   calc-explorer.css. Defined here: one row holding the slider and the
   buttons, grey pegs, walls and funnel, UW purple balls, lighter purple
   piles, and the dashed normal curve. The static PDF figure uses the same
   colours (chunk distribution-galton-static).

   Nothing here is needed by the PDF build; the LaTeX format never loads css.
   =========================================================================== */

.gb .gb-row { gap: 0.4rem 1.2rem; margin-bottom: 0.4rem; }
.gb .gb-row .dx-tabs { margin-bottom: 0; }
.gb .gb-row .cx-ctl input[type="range"] { width: 150px; }

.gb svg .gb-funnel { stroke: #737373; stroke-width: 1.1; }
.gb svg .gb-peg    { fill: #737373; }
.gb svg .gb-wall   { stroke: #a6a6a6; stroke-width: 0.8; }
.gb svg .gb-floor  { stroke: #737373; stroke-width: 1.1; }
.gb svg .gb-ball   { fill: #32006e; }
.gb svg .gb-pile   { fill: #8062b4; }
.gb svg .gb-curve  { fill: none; stroke: #000; stroke-width: 1.1; stroke-dasharray: 3 3; }

@media (max-width: 520px) {
  .gb .gb-row .cx-ctl input[type="range"] { width: 110px; }
}