/* Кто вырос сильнее всех. Одна мысль — рейтинг роста выручки.
   Строка: место → компания (сайт и выручка серым) → полоса роста → процент.
   Полоса синяя: это данные рынка, зеленый оставлен для результата. */

.wbr-rating{ background:var(--wbr-bg); }

.wbr-rating__head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:20px 48px;
  flex-wrap:wrap;
}
.wbr-rating__note{
  max-width:34ch;
  font-size:15px;
  line-height:1.45;
  color:var(--wbr-muted);
}

.wbr-rating__list{
  margin-top:clamp(32px,3.6vw,48px);
  border-top:1px solid var(--wbr-line);
}
.wbr-rate{
  display:grid;
  grid-template-columns:40px minmax(0,300px) minmax(0,1fr) 110px;
  gap:6px 24px;
  align-items:center;
  padding-block:16px;
  border-bottom:1px solid var(--wbr-line);
}
.wbr-rate__n{
  font-size:15px;
  font-weight:600;
  color:var(--wbr-blue);
}
.wbr-rate__co b{
  display:block;
  font-size:18px;
  font-weight:500;
  line-height:1.3;
  color:var(--wbr-ink);
}
.wbr-rate__co span{
  display:block;
  margin-top:2px;
  font-size:14px;
  line-height:1.45;
  color:var(--wbr-muted);
}
.wbr-rate__track{
  height:10px;
  border-radius:999px;
  background:var(--wbr-bg-2);
  overflow:hidden;
}
.wbr-rate__fill{
  display:block;
  height:100%;
  border-radius:inherit;
  background:var(--wbr-blue);
}
.wbr-rate__val{
  font-size:24px;
  font-weight:500;
  line-height:1;
  letter-spacing:-.03em;
  color:var(--wbr-ink);
  text-align:right;
  white-space:nowrap;
}
/* первая тройка крупнее — глаз начинает с лидеров */
.wbr-rate:nth-child(-n+3) .wbr-rate__val{ font-size:32px; color:var(--wbr-blue-d); }

.wbr-rating__foot{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px 48px;
  flex-wrap:wrap;
  margin-top:36px;
}
.wbr-rating__foot p{
  max-width:52ch;
  font-size:17px;
  line-height:1.5;
  color:var(--wbr-text);
}

@media (max-width:900px){
  .wbr-rate{ grid-template-columns:32px minmax(0,1fr) 96px; }
  .wbr-rate__track{ grid-column:2 / -1; grid-row:2; }
}
@media (max-width:620px){
  .wbr-rate{ grid-template-columns:26px minmax(0,1fr) auto; gap:8px 12px; }
  .wbr-rate__co b{ font-size:17px; }
  .wbr-rate__val,
  .wbr-rate:nth-child(-n+3) .wbr-rate__val{ font-size:22px; }
}