/* Страницы /salary и /salary/{slug} (SPEC M6, правка 11.10) и общий график
   v2/_salary_chart.html (M6-C): его подключают и главная, и страница должности.
   Только канонические токены обеих тем; site.css этот пакет не правит.
   Таблицы и блок трёх чисел берут классы дизайн-системы (.s-table, .s-salary). */

[data-sailoros="v2"] .s-salpage__median { color: var(--ink-900); font-weight: 600; }
[data-sailoros="v2"] .s-salpage__delta { color: var(--ink-700); white-space: nowrap; font-variant-numeric: tabular-nums; }
[data-sailoros="v2"] .s-salpage__table td a { color: var(--brand-700); }

/* Ссылка с таблицы главной на страницу зарплаты должности (M6-6). */
[data-sailoros="v2"] .s-sallink { color: var(--brand-600); text-decoration: none; }
[data-sailoros="v2"] .s-sallink:hover { text-decoration: underline; }

/* График: три тона рядов по порядку, сетка, подписи осей. */
[data-sailoros="v2"] .s-salchart { display: flex; flex-direction: column; gap: 16px; }
[data-sailoros="v2"] .s-salchart__legend {
  display: flex; gap: 24px; flex-wrap: wrap;
  font-size: 14px; line-height: 20px; color: var(--ink-700);
}
[data-sailoros="v2"] .s-salchart__legend span { display: inline-flex; align-items: center; gap: 8px; }
[data-sailoros="v2"] .s-salchart__key { width: 12px; height: 3px; border-radius: 2px; display: block; }

[data-sailoros="v2"] .s-salchart__svg { display: block; width: 100%; max-width: 760px; }
[data-sailoros="v2"] .s-salchart__grid { stroke: var(--line-200); }
[data-sailoros="v2"] .s-salchart__grid--base { stroke: var(--line-300); }
[data-sailoros="v2"] .s-salchart__axis { fill: var(--ink-500); font-size: 12px; }
[data-sailoros="v2"] .s-salchart__line {
  fill: none; stroke: var(--brand-600); stroke-width: 2.5;
  stroke-linejoin: round; stroke-linecap: round;
}
[data-sailoros="v2"] .s-salchart__dot { fill: var(--brand-600); stroke: var(--bg-000); stroke-width: 2; }

[data-sailoros="v2"] .s-salchart__line--0 { stroke: var(--brand-600); }
[data-sailoros="v2"] .s-salchart__line--1 { stroke: var(--brand-900); }
[data-sailoros="v2"] .s-salchart__line--2 { stroke: var(--brand-300); }
[data-sailoros="v2"] .s-salchart__dot--0,
[data-sailoros="v2"] .s-salchart__key--0 { fill: var(--brand-600); background: var(--brand-600); }
[data-sailoros="v2"] .s-salchart__dot--1,
[data-sailoros="v2"] .s-salchart__key--1 { fill: var(--brand-900); background: var(--brand-900); }
[data-sailoros="v2"] .s-salchart__dot--2,
[data-sailoros="v2"] .s-salchart__key--2 { fill: var(--brand-300); background: var(--brand-300); }

@media (max-width: 640px) {
  [data-sailoros="v2"] .s-salpage__median { font-size: var(--text-h3); }
}