/* Б-10 Анонсы статей, вариант b-articles--list — список базы знаний: закреплённая карточка, строка «тема · дата · время чтения», CTA-карточка; заглушка обложки b-articles__stub. Источник: пакеты D и A задачи 6.4 */

.b-articles--list {
  padding-block: var(--space-2) var(--space-section);
  background: var(--color-bg);
}

.b-articles--list .b-articles__card {
  background: var(--color-surface);
}

.b-articles__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2) var(--space-3);
  padding-inline: var(--space-3);
  color: var(--color-text-subtle);
  font-size: var(--fs-caption);
  font-weight: var(--font-weight-semibold);
  list-style: none;
}

.b-articles--list .b-articles__cta {
  margin-top: var(--space-gutter);
  background: var(--color-surface);
}

/* Заглушка обложки публикации до материалов заказчика */
.b-articles__stub {
  aspect-ratio: 16 / 9;
  min-height: 0;
  margin-bottom: var(--space-2);
}

@media (min-width: 768px) {
  .b-articles__card--featured {
    grid-column: 1 / -1;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    grid-template-rows: 1fr auto auto auto 1fr;
    column-gap: var(--space-6);
    padding: var(--space-3);
  }

  .b-articles__card--featured .b-articles__cover {
    grid-area: 1 / 1 / -1 / 2;
    margin-bottom: 0;
  }

  .b-articles__card--featured .b-articles__meta {
    grid-area: 2 / 2;
  }

  .b-articles__card--featured .b-articles__title {
    grid-area: 3 / 2;
    font-size: var(--fs-h3);
  }

  .b-articles__card--featured .b-articles__text {
    grid-area: 4 / 2;
    font-size: var(--fs-body);
  }
}