.news__title{font-weight:600;font-size:20px;line-height:130%}@media screen and (max-width:992px){.news__title{font-size:16px}}.news__date,.news__link,.pagination__link{font-weight:400;font-size:14px;line-height:140%}@media screen and (max-width:992px){.news__date,.news__link,.pagination__link{font-size:13px}}.news{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:32px}@media screen and (max-width:992px){.news{gap:20px}}@media screen and (max-width:640px){.news{gap:16px}}.news__wrapper{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}@media screen and (max-width:992px){.news__wrapper{padding-bottom:10px;display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px;overflow-x:auto}.news__wrapper--listing{padding-bottom:0;display:grid;grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:640px){.news__wrapper--listing{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:440px){.news__wrapper--listing{grid-template-columns:1fr}}.news__item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background-color:#f5f5f6;border-radius:12px}@media screen and (max-width:992px){.news__item{-ms-flex-negative:0;flex-shrink:0;width:234px}.news__wrapper--listing .news__item{width:auto}}.news__img,.news__img img{-o-object-fit:cover;object-fit:cover}.news__img{border-radius:12px;overflow:hidden;height:240px}@media screen and (max-width:1600px){.news__img{height:210px}}@media screen and (max-width:992px){.news__img{height:156px}}.news__img img,.news__link::before{-webkit-transition-duration:400ms;-o-transition-duration:400ms;transition-duration:400ms}.news__img img{height:100%}.news__img:hover img{-webkit-transform:scale(1.04);-ms-transform:scale(1.04);transform:scale(1.04)}.news__card{padding:24px 20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;gap:12px}.news__title{color:#333}.news__bottom{margin-top:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.news__date,.news__link{color:#a9adb4}.news__link{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-negative:0;flex-shrink:0;gap:6px}.news__link::before{content:'';position:absolute;left:0;bottom:0;width:0;height:1px;background-color:#a9adb4}.news__link:hover::before{width:100%}.news__arrow{width:16px;height:16px;fill:none;stroke:#a9adb4;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.pagination{display:-webkit-box;display:-ms-flexbox;display:flex}.pagination__item{width:40px;height:40px;background-color:transparent;border-radius:6px;overflow:hidden;-webkit-transition-duration:300ms;-o-transition-duration:300ms;transition-duration:300ms}.pagination__item--active{background-color:#f5f5f6}.pagination__item:not(.pagination__item--active):not(.pagination__item--skip):hover{background-color:#001960}.pagination__link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%}.pagination__link>span{color:#333;-webkit-transition-duration:300ms;-o-transition-duration:300ms;transition-duration:300ms}.pagination__item:not(.pagination__item--active):not(.pagination__item--skip) .pagination__link:hover>span{color:#fff}.pagination__arrow{width:20px;height:20px;fill:none;stroke:#333;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;-webkit-transition-duration:300ms;-o-transition-duration:300ms;transition-duration:300ms}.pagination__arrow--prev{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.pagination__item:not(.pagination__item--active):not(.pagination__item--skip) .pagination__link:hover .pagination__arrow{stroke:#fff}
/* ТЗ-126 В10 — навигация по рубрикам блога.
   Класс общий для ленты и страницы рубрики: вид один, и вторая копия правил
   однажды разъехалась бы с первой. */
.news__rubriki {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 0 0 30px;
}
.news__rubrika {
	display: inline-flex;
	align-items: center;
	padding: 8px 16px;
	border: 1px solid #e3e6eb;
	background: #f5f5f6;
	border-radius: 6px;
	font-size: 15px;
	line-height: 1.2;
	color: #333;
	text-decoration: none;
	transition: border-color .2s, color .2s;
}
/* ТЗ-127 ч. 7 п. 5: цвета сайта вместо оранжевого — активная рубрика тёмно-синяя с белым текстом, остальные светлые */
a.news__rubrika:hover {
	border-color: #001960;
	color: #001960;
}
.news__rubrika--active {
	border-color: #001960;
	background: #001960;
	color: #fff;
}
.news__intro {
	margin: 0 0 24px;
}
/* Заголовок блока статей со ссылкой «Все статьи» — в каталоге и на статье. */
.news__head {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 16px;
	margin: 0 0 24px;
}
.news__all {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	white-space: nowrap;
	color: #001960;
	text-decoration: none;
}
.news__all:hover { text-decoration: underline; }
/* Рубрика в шапке статьи. */
.article__rubrika {
	display: flex;
	gap: 8px;
	margin: 12px 0 0;
	font-size: 15px;
	color: #777;
}
@media (max-width: 640px) {
	.news__head { flex-direction: column; align-items: flex-start; gap: 8px; }
	.news__rubriki { gap: 8px; }
	.news__rubrika { padding: 6px 12px; font-size: 14px; }
}

/* ТЗ-127 ч. 7 п. 4: подписка в ленте — внизу, на всю ширину, после карточек и пагинации */
.lenta__podpiska { margin-top: 40px; }
.lenta__podpiska .podpiska { padding: 28px; }
@media (max-width: 992px) { .lenta__podpiska { margin-top: 28px; } .lenta__podpiska .podpiska { padding: 20px; } }
.lenta__podpiska .podpiska__form { max-width: 640px; }
/* ТЗ-132 ч. 3: на /novosti/ подписка — отдельная секция (div.section.section--bot > .container.lenta__podpiska), и её
   margin-top 40 px (он для подписки под лентой статей в той же секции) ложился поверх отступа секции: 190 / 118 px */
.section>.lenta__podpiska{margin-top:0}