/* Новости (SPEC §4). Лента — датированный список v10 (partials/news_row.html, стили в base.css) с превью 3:2
   справа: колонка даты слева остаётся, как в v10. Публикация — изображение и текст в колонке 8 из 12. Цвет — ink. */

/* пометка администратору в ленте: черновик или запланированная дата (цвета плашки черновика) */
.news__note { display: inline-block; margin-bottom: 8px; padding: 1px 8px; border-radius: var(--radius); background: #FFF4D6; color: #5C4200; font-size: var(--fs-small); font-weight: 500; }

/* строки с превью начинают заголовок там же, где строки без превью и новости главной (колонка даты — 2 из 12,
   как в v10), превью занимает остаток справа; иначе в смешанной ленте заголовки сдвигаются на 5 px */
@media (min-width: 768px) {
  .news-feed .news__item--media { grid-template-columns: calc((100% - var(--gutter)) / 6) minmax(0, 1fr) calc((100% - var(--gutter)) / 6 - var(--gutter)); }
}

/* ---------- публикация ---------- */
.news-article__media { margin: 0 0 32px; aspect-ratio: 3 / 2; overflow: hidden; background: var(--surface); }
.news-article__media picture { display: contents; }
.news-article__media img { width: 100%; height: 100%; object-fit: cover; }
.news-article__back { margin-top: 32px; }
.news-others { margin-top: var(--section); }
@media (min-width: 768px) {
  .news-article__media { margin-bottom: 40px; }
  .news-article__back { margin-top: 40px; }
}
@media (min-width: 1024px) {
  .news-article__media, .news-article__body { max-width: calc((100% - 11 * var(--gutter)) / 12 * 8 + 7 * var(--gutter)); }
}