/* ==========================================================================
   SMUI.HTML: CIRCULAR STATISTICS (resources/js/smui-p-circular.js)
   The column outlines one under the other; the dot plot and the rose side
   by side where there is room, one under the other on a phone.
   ========================================================================== */
.sm-circ-wrap { display: block; }
.sm-circ-wrap > .sm-ob { margin-bottom: 6px; }
/* a graph with its matplotlib code under it, as one item of a row */
.sm-circ-plotcode { display: flex; flex-direction: column; align-items: flex-start; min-width: 0; max-width: 100%; }