/* ===========================================================================
   sheep-explorer.css -- the pasture, sheep and center marks of chapter 02's
   flock figure (assets/js/sheep-explorer.js).

   The container carries `dx cx sh`: the button comes from the .dx-tab rules
   in dist-explorer.css, the frame and text from the .cx rules in
   calc-explorer.css. Defined here: the two-column layout (pasture left;
   buttons, sums and key right), an open pasture with a grey fence, white
   sheep with a grey outline, the sample sheep in UW purple, the pasture's
   center as a black +, the sample sheep's center as a purple x, and the
   lines that join each sample sheep to the two centers (grey dashed to the +,
   purple to the x).

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

.sh svg .sh-pasture { fill: none; stroke: #a6a6a6; stroke-width: 1.1; }
.sh svg .sh-sheep   { fill: #fff; stroke: #737373; stroke-width: 1.1; }
.sh svg .sh-drawn   { fill: #32006e; stroke: #32006e; stroke-width: 1.1; }
.sh svg .sh-mu      { stroke: #000; stroke-width: 1.8; }
.sh svg .sh-mean    { stroke: #32006e; stroke-width: 2.4; stroke-linecap: round; }
.sh svg .sh-to-mu   { stroke: #737373; stroke-width: 1.1; stroke-dasharray: 3 3; }
.sh svg .sh-to-mean { stroke: #32006e; stroke-width: 1.3; }

/* two columns that wrap onto two rows in a narrow column */
.sh .sh-wrap { display: flex; flex-wrap: wrap; align-items: center; gap: 0.6rem 1.2rem; }
.sh .sh-wrap > .cx-plot { flex: 1 1 280px; max-width: 310px; }
.sh .sh-side { flex: 1 1 220px; }
.sh .sh-side .dx-tabs { margin-bottom: 0.7rem; }
.sh .sh-key svg { display: block; width: 100%; max-width: 260px; height: auto; }