/* ============================================================
   RAR PHYSIOLOGY · Dynamics · Page 6 — rate/depth optimization graph.
   Interactive-specific; shared atoms (.mov-slider/.mov-readout/.dov-seg/
   .mov-pv-leg) live elsewhere.
   ============================================================ */

.rar-topic-content .dov-wob-controls { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; margin-bottom: 12px; }
.rar-topic-content .dov-wob-slider { display: flex; flex-direction: column; gap: 4px; flex: 1 1 220px; }
.rar-topic-content .dov-wob-slider span { font-size: 11.5px; font-weight: 700; color: var(--muted-strong, #475467); }

.rar-topic-content .dov-wob-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-wob-svg { width: 100%; max-width: 520px; height: auto; display: block; margin: 0 auto; }

.rar-topic-content .dov-wob-frame { fill: none; stroke: var(--line, rgba(15, 23, 42, 0.14)); stroke-width: 1; }
.rar-topic-content .dov-wob-num { fill: var(--muted, #667085); font-size: 9.5px; font-weight: 600; }
.rar-topic-content .dov-wob-axlabel { fill: var(--muted-strong, #475467); font-size: 10px; font-weight: 700; }
.rar-topic-content .dov-wob-el { fill: none; stroke: #0a84ff; stroke-width: 2.2; stroke-linecap: round; }
.rar-topic-content .dov-wob-vi { fill: none; stroke: #e0a020; stroke-width: 2.2; stroke-linecap: round; }
.rar-topic-content .dov-wob-tot { fill: none; stroke: #111318; stroke-width: 2.8; stroke-linecap: round; stroke-linejoin: round; }
.rar-topic-content .dov-wob-optline { stroke: #1f8f43; stroke-width: 1.6; stroke-dasharray: 4 3; }
.rar-topic-content .dov-wob-optlbl { fill: #1f8f43; font-size: 10px; font-weight: 850; }
.rar-topic-content .dov-wob-fline { stroke: rgba(15, 23, 42, 0.3); stroke-width: 1.2; stroke-dasharray: 2 2; }
.rar-topic-content .dov-wob-dot { fill: #111318; stroke: #fff; stroke-width: 1.8; }