/* Раздел «Чарты» в поиске + экраны полного чарта и редакционного плейлиста.
   Строка чарта = .trackrow + номер позиции и стрелка тренда слева. Подключён
   ДО responsive.css (контракт порядка). */

.chartrow { gap: 10px; }
.chartrow__pos {
  flex: none; width: 22px; text-align: center;
  font-size: 13px; font-weight: 700; color: var(--t2);
  font-variant-numeric: tabular-nums;
}
/* Тренд несёт форма (стрелка), цвет И aria-label — не только цвет (a11y).
   Зелёный вверх / красный вниз — универсальная конвенция чартов, не декор. */
.chartrow__trend { flex: none; width: 13px; text-align: center; font-size: 10px; line-height: 1; }
.chartrow__trend--up { color: #34c759; }
.chartrow__trend--down { color: #ff453a; }
.chartrow__trend--same { color: var(--t4); }

/* Экраны полного чарта и плейлиста едут ПОД стеклянную шапку — как album/artist. */
#charts-full-scroll, #playlist-scroll { padding-top: calc(var(--pad-t) + 60px); }

/* Последняя полка блока чартов — нижний отступ как у секций. */
#search-charts > .sec:last-child { padding-bottom: var(--gap-sec); }