/* Support/resistance chart (inline SVG), used on indicator docs and news posts */
.d-sr-chart { --sr-sup: #4ade80; --sr-res: #f87171; --sr-candle: #a1a1aa; --sr-zone: rgba(255,255,255,.07); }
[data-theme="light"] .d-sr-chart { --sr-sup: #15803d; --sr-res: #dc2626; --sr-candle: #52525b; --sr-zone: rgba(0,0,0,.06); }
@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) .d-sr-chart { --sr-sup: #15803d; --sr-res: #dc2626; --sr-candle: #52525b; --sr-zone: rgba(0,0,0,.06); }
}
.d-sr-fig { margin: var(--sp-4) 0 var(--sp-3); }
.d-sr-fig figcaption { font-size: 13px; color: var(--text-muted); margin-top: var(--sp-2); }
.d-sr-chart { display: block; width: 100%; height: auto; font-family: var(--font-sans); background: var(--bg-page); border: 1px solid var(--border); border-radius: var(--r-sm); }
.d-sr-chart .g { stroke: var(--border); stroke-width: 1; }
.d-sr-chart .ax { fill: var(--text-muted); font-size: 11px; }
.d-sr-chart .cap { fill: var(--text-secondary); font-size: 12px; font-weight: 500; }
.d-sr-chart .zone { fill: var(--sr-zone); }
.d-sr-chart .wick { stroke: var(--sr-candle); stroke-width: 1; }
.d-sr-chart .up { fill: var(--bg-page); stroke: var(--sr-candle); stroke-width: 1; }
.d-sr-chart .dn { fill: var(--sr-candle); }
.d-sr-chart .lvl { stroke-width: 1.5; stroke-dasharray: 5 4; }
.d-sr-chart .lvl.near { stroke-width: 2.25; stroke-dasharray: none; }
.d-sr-chart .lvl.sup, .d-sr-chart .conn.sup { stroke: var(--sr-sup); }
.d-sr-chart .lvl.res, .d-sr-chart .conn.res { stroke: var(--sr-res); }
.d-sr-chart .conn { fill: none; stroke-width: 1; }
.d-sr-chart .touch { fill: var(--bg-page); stroke-width: 2; }
.d-sr-chart .touch.sup { stroke: var(--sr-sup); }
.d-sr-chart .touch.res { stroke: var(--sr-res); }
.d-sr-chart .lbl { font-size: 13px; }
.d-sr-chart .lbl .b { font-weight: 700; }
.d-sr-chart .lbl.sup, .d-sr-chart .sub.sup { fill: var(--sr-sup); }
.d-sr-chart .lbl.res, .d-sr-chart .sub.res { fill: var(--sr-res); }
.d-sr-chart .sub { font-size: 11px; }
.d-sr-chart .now { stroke: var(--accent-1); stroke-width: 1; stroke-dasharray: 2 3; }
.d-sr-chart .now-tag { fill: var(--accent-1); }
.d-sr-chart .now-txt { fill: #fff; font-size: 12px; font-weight: 700; }
.d-sr-chart .now-sub { fill: var(--accent-1); }
.d-sr-chart .note { fill: var(--text-secondary); font-size: 11.5px; }
.d-sr-chart .arrow { stroke: var(--text-secondary); stroke-width: 1; fill: none; }
.d-sr-chart .conn.now-c { stroke: var(--accent-1); }