/* ===========================================================================
   skew-explorer.css -- the button row, bars and lines of chapter 02's
   three-shape histogram (assets/js/skew-explorer.js).

   The container carries `dx cx sk`: the buttons come from the .dx-tab rules
   in dist-explorer.css, the frame, text and axes from the .cx rules in
   calc-explorer.css. Defined here: the row that holds the two button groups
   (shape on the left, Original / Log scale on the right, wrapping onto two
   lines in a narrow column), and the bars and the mean and median lines, in
   the grey88 bars and black lines of the static histograms in the same
   chapter.

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

.sk .sk-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 0.3rem 1rem;
  margin-bottom: 0.55rem;
}
.sk .sk-row .dx-tabs { margin-bottom: 0; }

.sk svg .sk-bar    { fill: #e0e0e0; stroke: #fff; stroke-width: 0.8; }
.sk svg .sk-mean   { stroke: #000; stroke-width: 1.9; }
.sk svg .sk-median { stroke: #000; stroke-width: 1.5; stroke-dasharray: 6 4; }