/* Public graph resource; every selector is scoped to .explain-reciprocal-split-range. */
.explain-reciprocal-split-range .sr-explorer { display:grid; gap:10px; padding:14px; border:1px solid #dbe8e4; border-radius:16px; background:linear-gradient(180deg,#f5fbfa,#fbfdfc); }
.explain-reciprocal-split-range .sr-cases { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.explain-reciprocal-split-range .sr-cases button { padding:7px 4px; border:1px solid #d6e6e1; border-radius:11px; background:#fff; color:var(--ink); font:inherit; font-size:14px; cursor:pointer; }
.explain-reciprocal-split-range .sr-cases button[aria-pressed="true"] { border-color:var(--teal); background:#e9f6f2; box-shadow:inset 0 0 0 1px var(--teal); }
.explain-reciprocal-split-range .sr-cases button:focus-visible { outline:3px solid #82cfc7; outline-offset:2px; }
.explain-reciprocal-split-range .sr-graph { display:block; width:100%; max-width:520px; height:auto; margin:0 auto; }
.explain-reciprocal-split-range .sr-graph [hidden] { display:none; }
.explain-reciprocal-split-range .sr-band { fill:#e3f4ef; }
.explain-reciprocal-split-range .sr-axis { fill:none; stroke:#9dafaa; stroke-width:1.2; }
.explain-reciprocal-split-range .sr-tick { fill:#6b7f7a; font-size:11.5px; }
.explain-reciprocal-split-range .sr-curve { fill:none; stroke:#b9cbc6; stroke-width:2; }
.explain-reciprocal-split-range .sr-curve-on { fill:none; stroke:#087f79; stroke-width:3.6; stroke-linecap:round; }
.explain-reciprocal-split-range .sr-point { fill:#087f79; stroke:#fff; stroke-width:1.5; }
.explain-reciprocal-split-range .sr-range { stroke:#087f79; stroke-width:5; stroke-linecap:round; }
.explain-reciprocal-split-range .sr-range-tip { fill:none; stroke:#087f79; stroke-width:2.4; stroke-linecap:round; stroke-linejoin:round; }
.explain-reciprocal-split-range .sr-value { fill:#087f79; font-size:12px; font-weight:700; }
.explain-reciprocal-split-range .sr-gap { stroke:#d0702a; stroke-width:3; stroke-dasharray:4 4; }
.explain-reciprocal-split-range .sr-gap-label { fill:#d0702a; font-size:12.5px; font-weight:700; }
.explain-reciprocal-split-range .sr-read { display:grid; gap:6px; }
.explain-reciprocal-split-range .sr-read[hidden] { display:none; }
.explain-reciprocal-split-range .sr-row { display:grid; grid-template-columns:auto 1fr; align-items:baseline; gap:2px 10px; margin:0; padding:8px 12px; border:1px solid #e0ebe8; border-radius:11px; background:#fff; font-size:14.5px; }
.explain-reciprocal-split-range .sr-row small { grid-column:2; color:var(--muted); font-size:12.5px; line-height:1.6; }
.explain-reciprocal-split-range .sr-tag { padding:1px 8px; border-radius:6px; color:#fff; font-size:12px; font-weight:600; white-space:nowrap; }
.explain-reciprocal-split-range .sr-tag.neg { background:#2563a8; }
.explain-reciprocal-split-range .sr-tag.pos { background:#c2410c; }
.explain-reciprocal-split-range .sr-tag.union { background:#087f79; }
@media(max-width:600px) {
  .explain-reciprocal-split-range .sr-explorer { padding:10px 8px; }
  .explain-reciprocal-split-range .sr-cases { gap:5px; }
  .explain-reciprocal-split-range .sr-cases button { font-size:12.5px; padding:6px 2px; }
  .explain-reciprocal-split-range .sr-row { padding:7px 9px; font-size:13.5px; }
}