/* ── Информационные страницы: О нас, FAQ, Инструкции, Единство, Отзывы,
      Контакты, Документы. Эталоны: bar_i_about / i_faq / i_instr / i_edin /
      i_otzyv / i_contact.

   Гоча раздела: контент лежит в ДВУХ разных контейнерах в зависимости от типа
   страницы — `information-*` рендерят в `#content .site-main article`, а
   `newsblog-*` (FAQ, Единство, Отзывы) в `.newsblog_specials_description`.
   Поэтому каждое правило дублируется на оба селектора, иначе половина
   страниц остаётся без изменений. */

@media (min-width: 1025px) {

	/* ── Герой ───────────────────────────────────────────────────────────
	   В макете это чистый градиент #000E37 → #0065B1 без фотографии, с
	   крупным заголовком в 1–2 строки. На сайте под заголовок подложено
	   фоновое фото, из-за которого белый текст читался как серый, а кегль
	   был 28px против ~44px в макете. */
	body[class*="information-"] .page-cover,
	body.newsblog-category .page-cover,
	body.newsblog-article .page-cover {
		background-image: linear-gradient(180deg, #000E37 0%, #0065B1 100%) !important;
		background-color: #000E37 !important;
		padding: 64px 0 72px;
	}
	body[class*="information-"] .page-cover h1,
	body.newsblog-category .page-cover h1 {
		font-size: 48px;
		line-height: 1.18;
		font-weight:300;
		color: #fff;
		text-align: center;
		max-width: 900px;
		margin: 0 auto;
		text-transform: none;
	}
	body[class*="information-"] .page-cover .breadcrumb,
	body.newsblog-category .page-cover .breadcrumb {
		justify-content: flex-start;
	}

	/* ── Типографика контента ────────────────────────────────────────────
	   В макете заголовки разделов синие без подчёркивания, текст серо-синий
	   с умеренным интерлиньяжем. На сайте h2 приходили подчёркнутыми. */
	#content .site-main article h2,
	.newsblog_specials_description h2 {
		font-size: 30px;
		line-height: 1.25;
		color: #0066B2;
		font-weight: 500;
		text-decoration: none;
		margin: 40px 0 18px;
	}
	#content .site-main article h2 a,
	.newsblog_specials_description h2 a,
	#content .site-main article h2 u,
	.newsblog_specials_description h2 u {
		text-decoration: none;
		color: inherit;
	}
	#content .site-main article h3,
	.newsblog_specials_description h3 {
		font-size: 22px;
		line-height: 1.3;
		color: #0066B2;
		font-weight: 500;
		margin: 28px 0 12px;
	}
	#content .site-main article p,
	.newsblog_specials_description p {
		font-size: 16px;
		line-height: 1.6;
		color: #5B6D9C;
		margin: 0 0 14px;
	}
	#content .site-main article li,
	.newsblog_specials_description li {
		font-size: 16px;
		line-height: 1.55;
		color: #5B6D9C;
	}
	#content .site-main article a:not(.btn):not(.button),
	.newsblog_specials_description a:not(.btn):not(.button) {
		color: #0066B2;
	}

	/* Ширина колонки текста: в макете контент не растягивается на всю
	   ширину экрана, а держится читаемой мерой по центру. */
	#content .site-main article,
	.newsblog_specials_description {
		max-width: 1000px;
		margin-left: auto;
		margin-right: auto;
	}

	/* Круглые фото внутри текста (портрет основателя на «О нас», аватары
	   в отзывах) — в макете это круг в тонком синем кольце. */
	#content .site-main article img[src*="olga"],
	#content .site-main article .content-box img,
	.newsblog_specials_description .content-box img {
		border-radius: 50%;
	}

	/* Карточки-врезки: в макете белая карточка со скруглением и тонкой
	   рамкой, без тяжёлых теней. */
	#content .site-main article .content-box,
	.newsblog_specials_description .content-box {
		background: #fff;
		border: 1px solid #E3E8EF;
		border-radius: 16px;
		box-shadow: none;
		padding: 24px 28px;
	}
}

@media (min-width: 1025px) {
	/* Затемняющая плёнка над героем: `.page-cover::after` с rgba(0,0,0,.45)
	   существовала, чтобы белый текст читался поверх фонового фото. Фото мы
	   заменили на градиент по макету, а плёнка осталась — она гасила градиент
	   до плоского тёмного и превращала белый заголовок в серый (замер: color
	   белый, но визуально серый). Снимаем. */
	body[class*="information-"] .page-cover::after,
	body.newsblog-category .page-cover::after,
	body.newsblog-article .page-cover::after{display:none}
}

/* ---------- Высота обложки страницы ----------
   `.page-title` в `style2.min.css` имеет `padding: 3em 0`. Пока кегль был 26px,
   это давало 78px. После приведения H1 к макетным 48px тот же `3em` превратился
   в 144px сверху и снизу — обложка раздулась до 664px вместо макетных 482.
   Классическая ловушка отступа в `em`, привязанного к размеру шрифта.
   Эталон Figma (`852:45105` → `upper cap Web`): 1920×482, padding 40 сверху и снизу,
   внутренний Content 1180 с шагом 40, Title с шагом 30. */
.page-cover .page-title {
	padding: 0;
	margin: 0;
}

.page-cover .cover-wrapper,
.page-cover > .container {
	padding-top: 40px;
	padding-bottom: 40px;
}