/* Таблица подбора форсунок марки (см. apps/catalog/rangechart.py и
   static/catalog/range-chart.js). Шапка строк «липнет» при прокрутке —
   таблица бывает высокой, — сама прокрутка своя, горизонтальная, чтобы
   на телефоне не резать полотно страницы вбок. Ничего тёмного — та же
   светлая поверхность, что и у блока с характеристиками рядом (.blk).
   Рамки вокруг таблицы нет: сайт — белый документ, и блок отделяют
   заголовок и отступ, а строки друг от друга — тонкие линии МЕЖДУ
   ячейками, а не коробка вокруг всего.

   Карточки, всплывающей под буквой, здесь нет: это общая мини-карточка
   товара, и вид её (в том числе лёжа, всплывающей) живёт в minicard.css
   (.mc-float) — одно место на весь сайт. */
.rc-scroll{overflow-x:auto}
.rc-table{border-collapse:collapse; width:100%; min-width:420px}
.rc-table th, .rc-table td{padding:9px 12px; text-align:center; white-space:nowrap;
  border-bottom:1px solid var(--line); border-right:1px solid var(--line)}
.rc-table th:last-child, .rc-table td:last-child{border-right:0}
.rc-table thead th{position:sticky; top:0; z-index:2; background:var(--panel);
  font:600 10px/1 var(--mono); letter-spacing:.1em; text-transform:uppercase; color:var(--faint)}
.rc-table thead th:first-child{text-align:left; z-index:3}
.rc-table tbody th{text-align:left; background:var(--page);
  font:600 12px/1.4 var(--mono); color:var(--ink); white-space:nowrap}
.rc-kgh{font:400 11.5px/1.4 var(--mono); color:var(--faint)}
.rc-letter{display:inline-block; margin:1px 3px; font:600 12.5px/1 var(--mono);
  color:var(--muted); text-decoration:none; border-bottom:1px solid transparent}
.rc-letter:hover, .rc-letter:focus-visible{color:var(--ink); border-color:var(--ink)}
.rc-letter.cur{color:var(--dark-ink); background:var(--dark); border-radius:var(--r-sm);
  padding:1px 6px; border-color:transparent}