/* ТЗ-126 В9: раздел «Новости» — две колонки на странице новости, форма подписки,
   короткие состояния списка.

   Файл дополняет news.css и news_listing.css, а не заменяет их: сетка карточек и
   вид самой статьи уже описаны там, и переопределять чужие классы ради двух новых
   блоков значило бы чинить вид новостей правкой, которая заодно двигает статьи
   (RULES п. 131). Здесь только свои .novost*, .novosti*, .podpiska*.

   Палитра как у остальных блоков: фон #f5f5f6, текст #333, служебное #a9adb4,
   акцент #001960, радиус 12px. */

/* ── страница новости: текст и колонка сбоку ─────────────────────── */
.novost { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 40px; align-items: start; }
@media screen and (max-width: 1200px) { .novost { grid-template-columns: minmax(0, 1fr) 280px; gap: 28px; } }
/* на планшете и телефоне подписка уходит ПОД текст: в узкой колонке форма с полем
   и галочкой согласия не помещается по ширине, а не «выглядит тесно» */
@media screen and (max-width: 992px) { .novost { grid-template-columns: 1fr; gap: 24px; } }

.novost__main { min-width: 0; }
.novost__aside { position: sticky; top: 20px; }
@media screen and (max-width: 992px) { .novost__aside { position: static; } }

/* ── форма подписки ──────────────────────────────────────────────── */
.podpiska { padding: 24px; background-color: #f5f5f6; border-radius: 12px; }
.podpiska__title { margin-bottom: 8px; color: #333; font-weight: 600; font-size: 20px; line-height: 130%; }
.podpiska__text { margin-bottom: 16px; color: #5c6169; font-size: 14px; line-height: 150%; }
.podpiska__form { display: flex; flex-direction: column; gap: 12px; }

/* в узкой колонке кнопка занимает всю ширину, иначе прижимается к левому краю
   и выглядит случайной */
.podpiska__form .form__button { width: 100%; }

/* ── короткие состояния списка ───────────────────────────────────── */
.novosti__intro { margin: 12px 0 0; max-width: 820px; color: #5c6169; font-size: 16px; line-height: 150%; }
.novosti__pusto { margin-top: 24px; color: #a9adb4; font-size: 16px; line-height: 150%; }