/* После исходного help-center.css и токенов продукта. */
:root .tm-help[data-product][data-theme]{
 --hc-accent:var(--accent-btn);--hc-accent-hover:var(--accent-btn-hover);--hc-on-accent:var(--on-accent);
 --hc-accent-soft:var(--accent-soft);--hc-surface:var(--surface);--hc-text:var(--text);--hc-muted:var(--muted);
 --hc-line:var(--border);--hc-hover:var(--hover);
}
:root .tm-help[data-product][data-theme] .tm-help__item-icon{color:var(--accent-text)}

/* Кольцо фокуса не должно брать яркий фон кнопки: нужно 3:1 к поверхности (WCAG 2.2, 1.4.11). */
:root .tm-help[data-product][data-theme] :is(a,button):focus-visible{outline-color:var(--accent-text)}
:root .tm-help[data-product][data-theme] .tm-help__chat:focus-visible{outline-color:var(--accent-text)}

/* Заголовок панели по стандарту 22/30 на всех ширинах (в поставке на телефоне было 23). */
@media(max-width:480px){:root .tm-help[data-product][data-theme] h2{font-size:22px;line-height:30px}}