/* ============================================================
   RAR PHYSIOLOGY · Dynamics · Page 3 — resistance interactives.
   Interactive-specific; shared atoms (.mov-slider/.mov-metrics/
   .mov-readout/.mov-flag/.mov-pv-leg) live elsewhere.
   ============================================================ */

/* Poiseuille */
.rar-topic-content .dov-pois-controls { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-bottom: 12px; }
.rar-topic-content .dov-pois-cap { font-size: 12.5px; font-weight: 700; color: var(--muted-strong, #475467); }
.rar-topic-content .dov-pois-stage { border: 1px solid var(--line, rgba(15, 23, 42, 0.08)); border-radius: var(--radius-sm, 14px); background: #fff; padding: 8px; }
.rar-topic-content .dov-pois-svg { width: 100%; max-width: 300px; height: auto; display: block; margin: 0 auto; }
.rar-topic-content .dov-pois-wall { fill: #f0e6da; stroke: #d9c7b0; stroke-width: 2; }
.rar-topic-content .dov-pois-lumen { fill: rgba(10, 132, 255, 0.16); stroke: var(--accent, #0a84ff); stroke-width: 2.4; transition: r 0.08s linear; }
.rar-topic-content .dov-pois-rlbl { font-size: 17px; font-weight: 850; fill: var(--accent-strong, #0066cc); }
.rar-topic-content .dov-pois-axlabel { fill: var(--muted-strong, #475467); font-size: 10px; font-weight: 700; }

/* Distribution graph */
.rar-topic-content .dov-dist-stage { border: 1px solid var(--line, rgba(15, 23, 42, 0.08)); border-radius: var(--radius-sm, 14px); background: #fff; padding: 8px; }
.rar-topic-content .dov-dist-svg { width: 100%; max-width: 560px; height: auto; display: block; margin: 0 auto; }
.rar-topic-content .dov-dist-frame { fill: none; stroke: var(--line, rgba(15, 23, 42, 0.14)); stroke-width: 1; }
.rar-topic-content .dov-dist-silent { fill: rgba(148, 163, 184, 0.14); }
.rar-topic-content .dov-dist-silent-lbl { fill: var(--muted-strong, #475467); font-size: 10px; font-weight: 800; font-style: italic; }
.rar-topic-content .dov-dist-xnum { fill: var(--muted, #667085); font-size: 9px; font-weight: 700; }
.rar-topic-content .dov-dist-axlabel { fill: var(--muted-strong, #475467); font-size: 10.5px; font-weight: 700; }
.rar-topic-content .dov-dist-area { fill: none; stroke: #0e7c86; stroke-width: 2.6; stroke-linecap: round; stroke-linejoin: round; }
.rar-topic-content .dov-dist-res { fill: none; stroke: #c0392b; stroke-width: 2.6; stroke-linecap: round; stroke-linejoin: round; }
.rar-topic-content .dov-dist-peak { fill: #c0392b; stroke: #fff; stroke-width: 1.5; }
.rar-topic-content .dov-dist-peaklbl { fill: #c0392b; font-size: 9.5px; font-weight: 800; }
.rar-topic-content .dov-dist-legend { margin-top: 10px; }

/* small laminar/turbulent schematic (Card 4, inline in partial) */
.rar-topic-content .dov-flowsch { width: 100%; max-width: 420px; height: auto; display: block; margin: 8px auto 0; }
.rar-topic-content .dov-flowsch-lbl { fill: var(--muted-strong, #475467); font-size: 9.5px; font-weight: 800; }