/* ═══ Графики: единая палитра v2 (DEFECTS-2, D2) ═══════════════════════
   Графики динамики балла (партиал v2/_score_chart.html на главной и SVG внутри
   data/cases/*.html) рисовались палитрой Tailwind — #10b981 / #ef4444 / #f59e0b /
   #1d6cf3 / #a3a9bc. Она ярче и холоднее системной: на странице рядом
   .sev-crit был приглушённо-кирпичным, а линия того же смысла на графике —
   алой. Здесь смысловые цвета переводятся на токены v2, по одному правилу
   на цвет: --crit — падение и критичные точки, --warn — промежуточные,
   --ok — рост и достигнутый уровень, --accent — ссылки и акцентные пометки
   кейсов, --muted — сетка, оси и служебные подписи, --ink — текст.

   Данные и геометрия SVG не тронуты: ни одна координата, число или подпись
   отсюда не меняется — только заливка и обводка.

   Файл подключается ПОСЛЕ v2-hero.css (там лежит старая палитра .score-chart)
   и после cases.css / v2-article.css на странице кейса. */

/* ── 1. Партиал _score_chart.html: цвета вынесены в классы s-… / f-… ────── */
/* Сетка и её подписи — самый светлый уровень, служебные подписи (--muted) темнее:
   иерархия «сетка / ось / данные» из оригинала сохраняется. */
.score-chart .s-a3a9bc{stroke:#a8a8ad}
.score-chart .f-a3a9bc{fill:#a8a8ad}
.score-chart .s-60687f{stroke:var(--muted)}
.score-chart .f-60687f{fill:var(--muted)}
.score-chart .s-10b981{stroke:var(--ok)}
.score-chart .f-10b981{fill:var(--ok)}
.score-chart .f-047857{fill:var(--ok)}
.score-chart .s-ef4444{stroke:var(--crit)}
.score-chart .f-ef4444{fill:var(--crit)}
.score-chart .f-f59e0b{fill:var(--warn)}
.score-chart .f-b45309{fill:var(--warn)}
.score-chart .f-33394a{fill:var(--ink)}
/* Заглушка разрыва оси и обводка точек — цвет подложки графика, не «белый». */
.score-chart .f-ffffff{fill:var(--paper)}
.score-chart .s-ffffff{stroke:var(--paper)}

/* ── 2. Графики на страницах кейсов ─────────────────────────────────────
   Там цвет задан презентационными атрибутами прямо в data/cases/*.html —
   это контент, его правит редактор кейса, а не вёрстка. Перекрываем
   атрибутными селекторами: CSS всегда сильнее presentation attribute,
   поэтому файлы кейсов остаются нетронутыми. */
.doc .case svg [fill="#10b981"]{fill:var(--ok)}
.doc .case svg [stroke="#10b981"]{stroke:var(--ok)}
.doc .case svg [fill="#047857"]{fill:var(--ok)}
.doc .case svg [fill="#ef4444"]{fill:var(--crit)}
.doc .case svg [stroke="#ef4444"]{stroke:var(--crit)}
.doc .case svg [fill="#b91c1c"]{fill:var(--crit)}
.doc .case svg [stroke="#b91c1c"]{stroke:var(--crit)}
.doc .case svg [fill="#f59e0b"]{fill:var(--warn)}
.doc .case svg [stroke="#f59e0b"]{stroke:var(--warn)}
.doc .case svg [fill="#b45309"]{fill:var(--warn)}
.doc .case svg [fill="#1d6cf3"]{fill:var(--accent-500)}
.doc .case svg [stroke="#1d6cf3"]{stroke:var(--accent-500)}
.doc .case svg [fill="#0e58dc"]{fill:var(--accent-600)}
.doc .case svg [stroke="#0e58dc"]{stroke:var(--accent-600)}
.doc .case svg [fill="#a3a9bc"]{fill:var(--ink-300)}
.doc .case svg [stroke="#a3a9bc"]{stroke:var(--ink-300)}
.doc .case svg [fill="#60687f"]{fill:var(--ink-500)}
.doc .case svg [stroke="#60687f"]{stroke:var(--ink-500)}
.doc .case svg [fill="#33394a"]{fill:var(--ink-700)}
.doc .case svg [fill="#11141c"]{fill:var(--ink-900)}
.doc .case svg [fill="#ffffff"]{fill:var(--paper)}
.doc .case svg [stroke="#ffffff"]{stroke:var(--paper)}

/* ── 3. Обёртка графика (D1) ────────────────────────────────────────────
   Раньше <figure> и подпись лежали в _how.html и оформлялись классом
   .flow-figure оттуда же. График переехал в карточку тарифа «Мониторинг»,
   поэтому обёртка стала частью самого партиала и имеет собственные правила —
   без них график наследовал бы отступы соседнего блока. */
.score-figure{margin:1.25rem 0 0}
.score-figure figcaption{margin-top:.75rem;font-size:.8125rem;line-height:1.45}
/* Подложка светлая: внутри SVG заглушка разрыва оси залита цветом бумаги,
   на тёмной секции она бы «прорезала» график. */
.score-chart{background:var(--paper);border-radius:12px;padding:1rem}
.section-dark .score-figure figcaption{color:var(--on-dark-muted)}