/* ===========================================================================
   bayes-explorer.css -- chapter 07's disease-test squares
   (assets/js/bayes-explorer.js).

   The container carries `dx cx by`: the slider row comes from the .dx rules
   in dist-explorer.css, the frame and text from the .cx rules in
   calc-explorer.css. The squares take their fills from R (window.BYDATA),
   so the HTML panel and the static PDF figure share one set of colours.
   Defined here: two sliders narrow enough to share one row, and a thin grey
   edge on the key's swatches so the lightest one shows on white.

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

.by .by-params .cx-ctl input[type="range"] { width: 130px; }
.by svg .by-sw { stroke: #a6a6a6; stroke-width: 0.6; }

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