/* testbesplatno.ru — числа количества тестов. Только IBM Plex Mono, tabular-nums.
   Три варианта слота; выбранный — .tb-count (вариант B). Подключать после site.css. */

/* общее: слот фиксированной ширины, ничего не переносится */
.tb-num{font-family:var(--tb-font-mono);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;
  white-space:nowrap;flex:none}

/* ── A. табличная колонка: число и слово в строку, правый край выровнен ── */
.tb-count-a{display:inline-flex;align-items:baseline;justify-content:flex-end;gap:.3125rem;
  min-width:5.25rem;font-size:.8125rem;color:var(--tb-mute)}
.tb-count-a b{font-weight:400;font-size:.9375rem;color:var(--tb-ink)}
.tb-count-a[data-soon]{color:var(--tb-mute);opacity:.8}

/* ── B. пилюля с одной цифрой: слово живёт в шапке хаба (выбранный вариант) ── */
.tb-count{display:inline-flex;align-items:center;justify-content:center;min-width:2.25rem;height:1.75rem;
  padding-inline:.5rem;border:1px solid var(--tb-hair);border-radius:999px;
  font-size:.9375rem;line-height:1;color:var(--tb-ink);background:var(--tb-card);transition:border-color .16s,color .16s}
a:hover .tb-count,.tb-row:hover .tb-count{border-color:var(--tb-tone);color:var(--tb-tone)}
.tb-count[data-soon]{border-style:dashed;font-size:.6875rem;color:var(--tb-mute);letter-spacing:.04em;
  text-transform:uppercase;padding-inline:.625rem}
.tb-count--lg{height:2.125rem;min-width:2.75rem;font-size:1.125rem}

/* ── C. число крупно, слово под ним мелко — для плиток хабов ── */
.tb-count-c{display:inline-flex;flex-direction:column;align-items:flex-end;gap:.0625rem;min-width:3.25rem;line-height:1}
.tb-count-c b{font-weight:400;font-size:1.375rem;letter-spacing:-.02em;color:var(--tb-ink)}
.tb-count-c span{font-size:.5625rem;letter-spacing:var(--tb-tracking-label);text-transform:uppercase;color:var(--tb-mute)}
.tb-count-c[data-soon] b{font-size:.8125rem;color:var(--tb-mute)}

/* ── строка категории ─────────────────────────────────────────────────── */
.tb-hublist{background:var(--tb-card);border:1px solid var(--tb-hair);border-radius:var(--tb-radius);padding:1.25rem 1.375rem 1rem}
.tb-hublist__head{display:flex;align-items:center;gap:.625rem;padding-bottom:.875rem;border-bottom:1px solid var(--tb-hair)}
.tb-hublist__head h3{margin:0;font-size:1.125rem}
.tb-hublist__head .tb-num{margin-left:auto;font-size:.75rem;color:var(--tb-mute)}
.tb-row{display:flex;align-items:center;gap:.75rem;padding:.6875rem 0;min-height:var(--tb-tap);
  border-bottom:1px solid color-mix(in oklab,var(--tb-hair) 55%,transparent)}
.tb-row:last-child{border-bottom:0}
.tb-row__name{font-size:.9375rem;line-height:1.25;flex:1;min-width:0}
.tb-row__mark{width:32px;height:32px;border-radius:9px;flex:none;display:flex;align-items:center;justify-content:center;
  color:#fff;background:linear-gradient(150deg,var(--tb-tone),var(--tb-tone-2))}
.tb-row__mark .tb-ci{width:18px;height:18px}