/* ==========================================================================
   Страница «Рейтинги» (ratings.html). Подключается после style.css.
   На живом сайте у карточек рейтингов стилей нет — вёрстка в общем стиле сайта.
   ========================================================================== */

.ratings { padding-bottom: 96px; }

.ratings__list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  margin: 40px 0 0;
  padding: 0;
  list-style: none;
}

.ratings__card {
  display: flex;
  flex-direction: column;
  min-height: 300px;
  padding: 32px 28px 28px;
  background-color: var(--c-grey);
}

.ratings__agency {
  margin: 0 0 12px;
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.5rem;
}

.ratings__date { align-self: flex-start; }

.ratings__forecast {
  margin: 24px 0 0;
  font-size: 1rem;
  line-height: 1.5rem;
}

/* Сам рейтинг — крупно, прижат к низу карточки */
.ratings__mark {
  margin: 8px 0 0;
  font-weight: 300;
  font-size: 2.5rem;
  line-height: 3.125rem;
  letter-spacing: -.5px;
}
.ratings__forecast + .ratings__mark { margin-top: auto; padding-top: 24px; }
.ratings__mark--secondary {
  margin-top: 4px;
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.5rem;
  letter-spacing: 0;
}

@media (max-width: 1199px) {
  .ratings__list { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 767px) {
  .ratings { padding-bottom: 56px; }
  .ratings__list { grid-template-columns: 1fr; gap: 16px; margin-top: 24px; }
  .ratings__card { min-height: 0; padding: 24px 20px 20px; }
  .ratings__agency { font-size: 1rem; }
  .ratings__mark { font-size: 2rem; line-height: 2.5rem; }
}