/* blog-article.css — деталка статьи блога (Figma 852:44710 «Страница Статьи»)
   Scope: html.gw-p-blog-article (nested /blog/*) or body.newsblog-article + .fg-blog-article */

html.gw-p-blog-article body.newsblog-article #content,
html.gw-p-blog-article body.newsblog-article .site-content,
body.newsblog-article:has(.fg-blog-article) #content {
	max-width: none !important;
	width: 100% !important;
	margin: 0 !important;
}

/* kill legacy navy cover on the article page only. Rubrics under /blog/ keep breadcrumbs. */
html.gw-p-blog-article body.newsblog-article .page-cover,
body.newsblog-article .fg-blog-article + .page-cover,
body.newsblog-article .page-cover.page-cover--large:has(+ .fg-blog-article) {
	display: none !important;
}

.fg-blog-article {
	padding: 20px 0 56px;
	background: #fff;
}
.fg-blog-article__top {
	max-width: 1180px;
	margin: 0 auto 20px;
	padding: 0 15px;
	box-sizing: border-box;
}
/* Mobile-only subscribe card; shown inside @media (max-width: 900px). */
.fg-blog-subscribe {
	display: none;
}

/* Breadcrumbs — light, no navy strip */
.fg-blog-article__bc {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0;
	margin: 0 0 18px;
	font-size: 14px;
	color: #5B6D9C;
	line-height: 1.4;
}
.fg-blog-article__bc a {
	color: #5B6D9C;
	text-decoration: none;
}
.fg-blog-article__bc a:hover { color: #0066B2; }
.fg-blog-article__bc-sep {
	margin: 0 8px;
	opacity: .55;
}

/* Header card 980 wide, left-aligned in 1180 — Figma ~pad16 gap16 r6, img 380² */
.fg-blog-article__card,
html.gw-p-blog-article .article_header_card {
	display: flex !important;
	align-items: stretch;
	gap: 16px;
	max-width: 980px;
	margin: 0 0 24px;
	padding: 16px;
	background: #fff;
	border-radius: 6px;
	box-shadow: 0 5px 24px rgba(193, 200, 218, .4);
	box-sizing: border-box;
}
.fg-blog-article__img,
html.gw-p-blog-article .article_header_card-img {
	flex: 0 0 380px;
	width: 380px;
	max-width: 40%;
	aspect-ratio: 1 / 1;
	border-radius: 6px;
	overflow: hidden;
	background: #F5F8FC;
}
.fg-blog-article__img img,
html.gw-p-blog-article .article_header_card-img img {
	width: 100%;
	height: 100%;
	min-height: 0;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	display: block;
	border-radius: 6px;
}
.fg-blog-article__body {
	flex: 1 1 auto;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding: 4px 4px 4px 0;
}

.fg-blog-article__meta-top {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
}
.fg-blog-article__chip,
html.gw-p-blog-article .article_header_card .item_category {
	display: inline-flex;
	align-items: center;
	padding: 4px 12px;
	border-radius: 999px;
	border: 1px solid #0066B2;
	color: #0066B2;
	font-size: 13px;
	line-height: 1.2;
	background: #fff;
}
.fg-blog-article__meta-line {
	flex: 1 1 40px;
	height: 1px;
	background: #E3E8EF;
	min-width: 24px;
}
.fg-blog-article__date {
	color: #5B6D9C;
	font-size: 14px;
	white-space: nowrap;
}
.fg-blog-article__read {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: #5B6D9C;
	font-size: 14px;
}
.fg-blog-article__read svg { flex: 0 0 auto; }

.fg-blog-article__title,
html.gw-p-blog-article .article_header_card-title {
	margin: 4px 0 0 !important;
	color: #0066B2 !important;
	font-size: 20px !important;
	font-weight: 400 !important;
	line-height: 24px !important;
	position: static !important;
	width: auto !important;
	height: auto !important;
	clip: auto !important;
	overflow: visible !important;
	white-space: normal !important;
}

.fg-blog-article__row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	flex-wrap: wrap;
	margin-top: 4px;
}
.fg-blog-article__author {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: #2E437B;
	font-size: 14px;
}
.fg-blog-article__author img {
	width: 28px;
	height: 28px;
	border-radius: 50%;
	object-fit: cover;
}
.fg-blog-article__share {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	min-height: 34px;
	padding: 0;
	border-radius: 0;
	border: 0;
	background: transparent;
	color: #0066B2;
	font-size: 16px;
	font-weight: 400;
	font-family: inherit;
	cursor: pointer;
	line-height: 22px;
}
.fg-blog-article__share:hover {
	background: transparent;
	color: #00538F;
}
.fg-blog-article__lead {
	margin: 12px 0 4px;
	color: #3E4E72;
	font-size: 15px;
	line-height: 1.45;
}
.fg-blog-article__lead p {
	margin: 0 0 8px;
}
.fg-blog-article__lead p:last-child {
	margin: 0;
}
.fg-blog-article__row2 {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	flex-wrap: wrap;
	margin-top: auto;
	padding-top: 8px;
}
.fg-blog-article__comments {
	color: #5B6D9C;
	font-size: 14px;
}
.fg-blog-article__comments a {
	color: #0066B2;
	font-weight: 500;
	text-decoration: none;
	cursor: pointer;
}
#comments-section.is-comment-target {
	outline: 2px solid #0066B2;
	outline-offset: 6px;
	border-radius: 8px;
}

/* Main column 980 / outer 1180 */
.fg-blog-article__main,
html.gw-p-blog-article #primary.container {
	max-width: 1180px !important;
	margin-left: auto !important;
	margin-right: auto !important;
}
.fg-blog-article .content-box.content-box-wrapper,
html.gw-p-blog-article article.content-box {
	max-width: 980px;
	margin: 0 0 28px;
	background: transparent;
	border: 0;
	box-shadow: none;
	padding: 0;
}
.fg-blog-article .content-box-inner {
	padding: 0 !important;
}
/* hide legacy meta strip under card */
.fg-blog-article .entry-meta {
	display: none !important;
}

/* TOC — title flat; only .page_contents_links is the soft panel */
.fg-blog-article .page_contents_title,
html.gw-p-blog-article .page_contents_title {
	margin: 0 !important;
	padding: 0 0 8px !important;
	color: #0066B2 !important;
	font-size: 16px !important;
	font-weight: 500 !important;
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}
.fg-blog-article .page_contents_links,
html.gw-p-blog-article .page_contents_links {
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin: 0 0 28px;
	padding: 18px 20px;
	background: #F5F8FC;
	border-radius: 10px;
	max-width: 980px;
}
.fg-blog-article .page_contents_links a,
html.gw-p-blog-article .page_contents_links a {
	color: #0066B2;
	font-size: 15px;
	text-decoration: none;
	line-height: 1.4;
}
.fg-blog-article .page_contents_links a:hover {
	text-decoration: underline;
}
.fg-blog-article .page_contents_links a:first-child,
html.gw-p-blog-article .page_contents_links a:first-child {
	text-decoration: underline;
	text-underline-offset: 3px;
}

/* Body typography — Figma subheads 22/400 #5B6D9C, no Listify underline */
.fg-blog-article .entry-content {
	max-width: 980px;
	color: #5B6D9C;
	font-size: 16px;
	line-height: 1.7;
}
.fg-blog-article .entry-content h2,
.fg-blog-article .entry-content h3 {
	color: #5B6D9C !important;
	font-size: 22px !important;
	font-weight: 400 !important;
	line-height: 26px !important;
	margin: 24px 0 10px !important;
	padding-bottom: 0 !important;
	border-bottom: 0 !important;
}
.fg-blog-article .entry-content p {
	margin: 0 0 14px;
}
.fg-blog-article .entry-content a {
	color: #0066B2;
}
/* Inline article photos keep their own ratio. CKEditor width/height must not flatten them. */
html.gw-p-blog-article .entry-content img,
body.newsblog-article .entry-content img,
.fg-blog-article .entry-content img {
	width: auto !important;
	max-width: 100% !important;
	height: auto !important;
	max-height: none !important;
	aspect-ratio: auto !important;
	object-fit: contain !important;
}

/* Comments form — 980 band, not 780 centered card */
.fg-blog-comments {
	max-width: 980px;
	width: 100%;
	margin: 36px 0 28px;
	padding: 28px 24px 32px;
	background: #F5F8FC;
	border-radius: 12px;
	box-shadow: none;
	box-sizing: border-box;
}
.fg-blog-comments__title,
.fg-blog-comments .widget-title {
	margin: 0 0 18px !important;
	text-align: center;
	color: #0066B2 !important;
	font-size: 24px !important;
	font-weight: 400 !important;
	background: none !important;
	padding: 0 !important;
}
.fg-blog-comments__title::before,
.fg-blog-comments .widget-title::before {
	display: none !important;
}
.fg-blog-comments #form-review {
	max-width: 560px;
	margin: 0 auto;
	position: relative;
	padding-bottom: 8px;
}
.fg-blog-comments #form-review::after {
	content: "";
	display: block;
	width: 160px;
	height: 1px;
	background: #0066B2;
	opacity: .4;
	margin: 24px auto 0;
}
.fg-blog-comments .form-group {
	margin: 0 0 12px !important;
}
.fg-blog-comments__input,
.fg-blog-comments #form-review input,
.fg-blog-comments #form-review textarea {
	width: 100%;
	box-sizing: border-box;
	border: 1px solid #DCE3EC;
	border-radius: 6px;
	padding: 12px 14px;
	background: #fff;
	font-size: 15px;
	color: #2E437B;
	font-family: inherit;
}
.fg-blog-comments #form-review textarea {
	min-height: 120px;
	resize: vertical;
}
.fg-blog-comments__submit,
.fg-blog-comments #button-review {
	display: block !important;
	width: auto !important;
	min-width: 200px;
	height: 40px !important;
	margin: 16px auto 0 !important;
	padding: 0 22px !important;
	border: 0 !important;
	border-radius: 6px !important;
	background: #0066B2 !important;
	color: #fff !important;
	font-size: 16px !important;
	font-weight: 400 !important;
	line-height: 40px !important;
	cursor: pointer;
	float: none !important;
	box-shadow: none !important;
	background-image: none !important;
}
.fg-blog-comments__submit:hover,
.fg-blog-comments #button-review:hover {
	background: #00538F !important;
}
.fg-blog-comments .buttons,
.fg-blog-comments .pull-right {
	float: none !important;
	text-align: center;
}
.fg-blog-comments__empty {
	display: none;
	text-align: center;
	color: #5B6D9C;
	margin: 12px 0 0;
}

/* Comment cards — Figma: circle + thru-lines, date under avatar */
.fg-blog-comments #review {
	margin-top: 28px;
}
.fg-blog-commentlist {
	list-style: none;
	margin: 0 auto;
	padding: 0;
	max-width: 880px;
}
.fg-blog-commentlist > li {
	margin: 0 0 16px;
}
.fg-blog-comment,
html.gw-p-blog-article .fg-blog-comment.row {
	display: flex !important;
	flex-wrap: nowrap !important;
	gap: 18px;
	align-items: flex-start;
	margin: 0 !important;
	padding: 18px 22px 20px;
	background: #fff;
	border-radius: 10px;
	box-shadow: 0 5px 20px rgba(193,200,218,.35);
	box-sizing: border-box;
	width: 100% !important;
}
.fg-blog-comment:before,
.fg-blog-comment:after {
	display: none !important;
}
.fg-blog-comment__media,
html.gw-p-blog-article .fg-blog-comment [class*="col-"] {
	float: none !important;
	position: relative;
}
.fg-blog-comment__media {
	flex: 0 0 110px;
	width: 110px !important;
	max-width: 110px !important;
	text-align: center;
	padding: 0 !important;
}
/* horizontal line through the avatar (Figma) */
.fg-blog-comment__media::before {
	content: "";
	position: absolute;
	left: -22px;
	right: -18px;
	top: 36px;
	height: 1px;
	background: #0066B2;
	opacity: .45;
	z-index: 0;
	pointer-events: none;
}
.fg-blog-comment__avatar {
	position: relative;
	z-index: 1;
	width: 72px !important;
	height: 72px !important;
	border-radius: 50% !important;
	object-fit: cover;
	border: 2px solid #0066B2;
	display: block;
	margin: 0 auto 8px;
	background: #fff;
	box-sizing: border-box;
}
.fg-blog-comment__date {
	display: block;
	color: #5B6D9C;
	font-size: 13px;
	position: relative;
	z-index: 1;
}
.fg-blog-comment__content {
	flex: 1 1 auto;
	min-width: 0;
	float: none !important;
	padding: 8px 0 0 !important;
	width: auto !important;
	max-width: none !important;
}
.fg-blog-comment__head {
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 0 0 10px;
}
.fg-blog-comment__name,
.fg-blog-comment__name .fn {
	color: #0066B2 !important;
	font-size: 18px;
	font-weight: 500;
	font-style: normal;
	white-space: nowrap;
}
.fg-blog-comment__line {
	flex: 1 1 auto;
	height: 1px;
	background: #0066B2;
	opacity: .45;
}
.fg-blog-comment__text,
.fg-blog-comment__text p {
	margin: 0;
	color: #5B6D9C;
	font-size: 15px;
	line-height: 1.55;
}

/* Latest articles — 3×380 + 2×20 = 1180 */
.fg-blog-latest,
html.gw-p-blog-article .article_latest {
	max-width: 1180px;
	margin: 40px auto 0;
	padding: 0;
	box-sizing: border-box;
}
.fg-blog-latest__title,
html.gw-p-blog-article .article_latest-title {
	margin: 0 0 22px !important;
	color: #0066B2 !important;
	font-size: 28px !important;
	font-weight: 400 !important;
	text-align: left;
}
html.gw-p-blog-article .article_latest .blog-items {
	display: grid;
	grid-template-columns: repeat(3, 380px);
	gap: 20px;
	margin: 0;
	width: 1180px;
	max-width: 1180px;
}
html.gw-p-blog-article .article_latest .blog-items > [class*="col-"] {
	width: 380px;
	float: none;
	padding: 0;
	max-width: 380px;
}
html.gw-p-blog-article .article_latest .item {
	height: 100%;
	background: #fff;
	border-radius: 10px;
	box-shadow: 0 5px 20px rgba(193,200,218,.35);
	padding: 14px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	gap: 10px;
}
html.gw-p-blog-article .article_latest .item .img {
	border-radius: 8px;
	overflow: hidden;
	aspect-ratio: 1 / 1;
}
html.gw-p-blog-article .article_latest .item .img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
html.gw-p-blog-article .article_latest .item .name a {
	color: #0066B2;
	font-size: 16px;
	font-weight: 500;
}
html.gw-p-blog-article .article_latest .item .button_white {
	margin-top: auto;
	align-self: flex-start;
}

/* Rating stars: not in Figma article (desktop or mobile) */
.fg-blog-article .rating_wrap,
html.gw-p-blog-article .rating_wrap {
	display: none !important;
}

/* ============================================================
   Desktop ≥901 — Figma 852:44641 / 852:44710 «Страница Статьи»
   Beat: #content .content-box (figma-redesign), gw11 #content .site-main
   article max-width 1000, Listify .entry-content h2 border, double TOC,
   primary pad 15, latest 360 grid. Mirror gw10 page-cover kills with
   html.gw-p-blog-article ID beaters (new tpl hides page-cover).
   ============================================================ */
@media (min-width: 901px) {
	/* #primary.container pad 0 15 shrinks 1180 → 1150 */
	html.gw-p-blog-article #primary.container.fg-blog-article__main,
	html.gw-p-blog-article #primary.container,
	html.gw-p-blog-article #primary.fg-blog-article__main,
	body.newsblog-article #primary.container.fg-blog-article__main {
		padding-left: 0 !important;
		padding-right: 0 !important;
		max-width: 1180px !important;
	}
	html.gw-p-blog-article #primary .site-main,
	html.gw-p-blog-article #primary .row.content-area,
	html.gw-p-blog-article #primary .row {
		padding-left: 0 !important;
		padding-right: 0 !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		max-width: 1180px;
	}

	/* Body content-box only (NOT .article_latest article.col-md-4 cards) */
	html.gw-p-blog-article #content .content-box,
	html.gw-p-blog-article #content .site-main > .content-area article.content-box,
	html.gw-p-blog-article #content .site-main article.content-box,
	html.gw-p-blog-article #content article.content-box,
	html.gw-p-blog-article #content article.content-box.content-box-wrapper,
	html.gw-p-blog-article .fg-blog-article #content .content-box,
	html.gw-p-blog-article body.newsblog-article #content .content-box,
	html.gw-p-blog-article body.newsblog-article #content .site-main article.content-box {
		max-width: 980px !important;
		width: 980px !important;
		margin: 0 0 28px !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		padding: 0 !important;
		background: transparent !important;
		box-shadow: none !important;
		border: 0 !important;
		border-radius: 0 !important;
	}
	/* Beat gw11 #content .site-main article { max-width:1000; margin:auto }
	   without widening latest cards: only the main content-box article */
	html.gw-p-blog-article #content .site-main article.content-box.content-box-wrapper {
		max-width: 980px !important;
		width: 980px !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	html.gw-p-blog-article #content .content-box .content-box-inner,
	html.gw-p-blog-article #content .site-main article .content-box-inner,
	html.gw-p-blog-article .fg-blog-article .content-box-inner {
		padding: 0 !important;
	}

	/* Header card proportions Figma ~980×412 pad16 gap16 img 380² r6 */
	html.gw-p-blog-article .fg-blog-article__card,
	html.gw-p-blog-article .article_header_card,
	.fg-blog-article .fg-blog-article__card {
		padding: 16px !important;
		gap: 16px !important;
		border-radius: 6px !important;
		max-width: 980px !important;
		width: 980px !important;
		margin: 0 0 24px !important;
	}
	html.gw-p-blog-article .fg-blog-article__img,
	html.gw-p-blog-article .article_header_card-img {
		flex: 0 0 380px !important;
		width: 380px !important;
		max-width: 40% !important;
		aspect-ratio: 1 / 1 !important;
		border-radius: 6px !important;
	}
	html.gw-p-blog-article .fg-blog-article__img img,
	html.gw-p-blog-article .article_header_card-img img {
		min-height: 0 !important;
		height: 100% !important;
		width: 100% !important;
		aspect-ratio: 1 / 1 !important;
		object-fit: cover !important;
		border-radius: 6px !important;
	}

	/* Card title 20/400 lh24 */
	html.gw-p-blog-article .fg-blog-article__title,
	html.gw-p-blog-article .article_header_card-title,
	html.gw-p-blog-article h1.fg-blog-article__title {
		font-size: 20px !important;
		font-weight: 400 !important;
		line-height: 24px !important;
		color: #0066B2 !important;
	}

	/* Hide duplicate bottom read-time (keep top meta) */
	html.gw-p-blog-article .fg-blog-article__read--bottom,
	html.gw-p-blog-article .fg-blog-article__row2 .fg-blog-article__read,
	.fg-blog-article .fg-blog-article__read--bottom,
	.fg-blog-article .fg-blog-article__row2 .fg-blog-article__read {
		display: none !important;
	}

	/* Share: quiet text+icon, not bordered chip */
	html.gw-p-blog-article .fg-blog-article__share,
	html.gw-p-blog-article .article_header_card-share {
		border: 0 !important;
		padding: 0 !important;
		background: transparent !important;
		box-shadow: none !important;
		min-height: auto !important;
		height: auto !important;
		font-size: 16px !important;
		font-weight: 400 !important;
		color: #0066B2 !important;
	}
	html.gw-p-blog-article .fg-blog-article__share:hover,
	html.gw-p-blog-article .article_header_card-share:hover {
		background: transparent !important;
		color: #00538F !important;
	}

	/* TOC: title not a second panel */
	html.gw-p-blog-article .page_contents_title,
	html.gw-p-blog-article .fg-blog-article .page_contents_title,
	html.gw-p-blog-article body.newsblog-article .page_contents_title,
	body.newsblog-article .fg-blog-article .page_contents_title {
		background: transparent !important;
		padding: 0 0 8px !important;
		border: 0 !important;
		border-radius: 0 !important;
		margin: 0 !important;
		box-shadow: none !important;
	}
	html.gw-p-blog-article .page_contents_links,
	html.gw-p-blog-article .fg-blog-article .page_contents_links {
		padding: 18px 20px !important;
		background: #F5F8FC !important;
		border-radius: 10px !important;
		margin: 0 0 28px !important;
	}

	/* Body H2/H3 — beat Listify 30/500 underline + figma-redesign / gw11 blue
	   Only content-box / entry-content — not latest card titles */
	html.gw-p-blog-article #content .site-main article.content-box h2,
	html.gw-p-blog-article #content .site-main article.content-box h3,
	html.gw-p-blog-article #content article.content-box h2,
	html.gw-p-blog-article #content article.content-box h3,
	html.gw-p-blog-article .fg-blog-article .entry-content h2,
	html.gw-p-blog-article .fg-blog-article .entry-content h3,
	.fg-blog-article .entry-content h2,
	.fg-blog-article .entry-content h3 {
		font-size: 22px !important;
		font-weight: 400 !important;
		line-height: 26px !important;
		color: #5B6D9C !important;
		border-bottom: 0 !important;
		padding-bottom: 0 !important;
		margin: 24px 0 10px !important;
		background: none !important;
	}

	/* Latest 3-col 380 + gap 20; zero side padding */
	html.gw-p-blog-article .article_latest,
	html.gw-p-blog-article .fg-blog-latest,
	.fg-blog-latest {
		padding-left: 0 !important;
		padding-right: 0 !important;
		max-width: 1180px !important;
		width: 100% !important;
	}
	html.gw-p-blog-article .article_latest .blog-items,
	html.gw-p-blog-article .article_latest .blog-items.row,
	html.gw-p-blog-article .fg-blog-latest .blog-items {
		display: grid !important;
		grid-template-columns: repeat(3, 380px) !important;
		gap: 20px !important;
		width: 1180px !important;
		max-width: 1180px !important;
		margin: 0 !important;
	}
	html.gw-p-blog-article .article_latest .blog-items > [class*="col-"],
	html.gw-p-blog-article .article_latest .blog-items > article {
		width: 380px !important;
		max-width: 380px !important;
		flex: 0 0 380px !important;
		padding: 0 !important;
		margin: 0 !important;
		float: none !important;
	}

	/* Comments band 980 */
	html.gw-p-blog-article .fg-blog-comments,
	.fg-blog-comments {
		max-width: 980px !important;
		width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		box-shadow: none !important;
	}
	html.gw-p-blog-article .fg-blog-comments__empty,
	.fg-blog-comments__empty {
		display: none !important;
	}

	/* Breadcrumb/top shell also zero side pad on desktop (card at x of 1180) */
	html.gw-p-blog-article .fg-blog-article__top {
		max-width: 1180px;
		padding-left: 0;
		padding-right: 0;
		margin-left: auto;
		margin-right: auto;
	}
}

/* ============================================================
   Mobile / tablet ≤900 — Figma 1050:82628 «Блог Tab/Mob» article
   Beat gw14-listmob (display:block on .blog-items.row),
   gw15-infomob (#content .site-main article pad 16),
   figma-redesign (#content .content-box chrome + TOC double-box).
   ============================================================ */
@media (max-width: 900px) {
	/* Shell gutters: cancel #primary 25px so card / TOC / latest share 15px page pad */
	html.gw-p-blog-article #primary.container,
	html.gw-p-blog-article .fg-blog-article__main.container,
	body.newsblog-article .fg-blog-article__main.container {
		padding-left: 0 !important;
		padding-right: 0 !important;
		max-width: 100% !important;
		width: 100% !important;
	}
	.fg-blog-article__top.container,
	html.gw-p-blog-article .fg-blog-article__top {
		padding-left: 15px;
		padding-right: 15px;
		max-width: 100%;
		box-sizing: border-box;
	}
	.fg-blog-article {
		padding: 12px 0 40px;
	}

	/* ---- Hero card ---- */
	.fg-blog-article__card,
	html.gw-p-blog-article .article_header_card,
	body.newsblog-article .fg-blog-article__card {
		flex-direction: column !important;
		gap: 14px !important;
		padding: 14px !important;
		margin: 0 0 16px !important;
		max-width: none !important;
		width: 100% !important;
		border-radius: 12px;
	}
	.fg-blog-article__img,
	html.gw-p-blog-article .article_header_card-img {
		width: 100% !important;
		max-width: none !important;
		flex: none !important;
		border-radius: 10px;
		overflow: hidden;
	}
	/* Figma mobile hero shorter/squarer (~4/3), not min-height 280 + 16/10 tall */
	.fg-blog-article__img img,
	html.gw-p-blog-article .article_header_card-img img,
	body.newsblog-article .fg-blog-article__img img {
		min-height: 0 !important;
		height: auto !important;
		width: 100% !important;
		aspect-ratio: 4 / 3 !important;
		object-fit: cover !important;
		display: block;
	}
	.fg-blog-article__body {
		padding: 0;
		gap: 10px;
	}
	/* Title ~20/400/1.25 — Figma mobile, not 24/500/1.3 */
	.fg-blog-article__title,
	html.gw-p-blog-article .article_header_card-title,
	body.newsblog-article .fg-blog-article__title {
		font-size: 20px !important;
		font-weight: 400 !important;
		line-height: 1.25 !important;
		margin: 2px 0 0 !important;
	}

	/* Meta stack: Автор → Комментарии → Время чтения → text-link «Поделиться» */
	.fg-blog-article__row,
	.fg-blog-article__row2,
	html.gw-p-blog-article .article_header_card-row {
		display: contents;
	}
	.fg-blog-article__author,
	html.gw-p-blog-article .article_header_card-author {
		order: 10;
		display: inline-flex;
		align-items: center;
		gap: 8px;
	}
	.fg-blog-article__comments,
	html.gw-p-blog-article .article_header_card-comments {
		order: 11;
		display: inline-flex;
		align-items: center;
		gap: 6px;
	}
	.fg-blog-article__read--bottom {
		order: 12;
	}
	.fg-blog-article__share,
	html.gw-p-blog-article .article_header_card-share,
	body.newsblog-article .fg-blog-article__share {
		order: 13;
		border: 0 !important;
		padding: 0 !important;
		min-height: auto !important;
		height: auto !important;
		border-radius: 0 !important;
		background: transparent !important;
		color: #0066B2 !important;
		font-size: 14px !important;
		gap: 6px;
		align-self: flex-start;
		box-shadow: none !important;
	}
	.fg-blog-article__share:hover,
	html.gw-p-blog-article .article_header_card-share:hover {
		background: transparent !important;
		color: #00538F !important;
	}

	/* ---- Subscribe CTA between header card and TOC (Figma mobile) ----
	   Replaces the CSS-only ::after pill, which had no label and no hit target. */
	.fg-blog-article__top::after {
		content: none;
		display: none;
	}
	.fg-blog-subscribe {
		display: block;
		margin: 0 0 16px;
		padding: 22px 18px 18px;
		border-radius: 12px;
		background: linear-gradient(145deg, #0B4F9C 0%, #1568C4 45%, #1E7AD6 100%);
		color: #fff;
		box-sizing: border-box;
		box-shadow: 0 8px 24px rgba(11, 79, 156, .28);
	}
	.fg-blog-subscribe__title {
		margin: 0 0 12px;
		font-size: 18px;
		line-height: 1.35;
		font-weight: 500;
		color: #fff;
	}
	.fg-blog-subscribe__text {
		margin: 0 0 16px;
		font-size: 16px;
		line-height: 1.4;
		font-weight: 400;
		color: #fff;
	}
	.fg-blog-subscribe__btn {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		min-height: 42px;
		padding: 10px 16px;
		border-radius: 6px;
		background: #fff;
		color: #0066B2;
		font-size: 16px;
		font-weight: 500;
		line-height: 1.2;
		text-align: center;
		text-decoration: none;
		box-sizing: border-box;
	}
	.fg-blog-subscribe__btn:hover,
	.fg-blog-subscribe__btn:focus {
		background: #F1F5FA;
		color: #00538F;
		text-decoration: none;
	}

	/* Side subscribe tab stays on article pages (Figma 889:54589). */

	/* ---- Content shell: open under TOC, no second card chrome ---- */
	.fg-blog-article .content-box,
	.fg-blog-article .content-box.content-box-wrapper,
	html.gw-p-blog-article article.content-box,
	html.gw-p-blog-article #content .content-box,
	html.gw-p-blog-article #content .site-main article.content-box,
	body.newsblog-article .fg-blog-article .content-box {
		box-shadow: none !important;
		background: transparent !important;
		padding: 0 15px !important;
		border: 0 !important;
		border-radius: 0 !important;
		max-width: none !important;
		width: 100% !important;
		margin: 0 0 20px !important;
	}
	.fg-blog-article .content-box-inner {
		padding: 0 !important;
	}

	/* ---- TOC: flat «Содержание:» + single soft panel on links only ---- */
	.fg-blog-article .page_contents_title,
	html.gw-p-blog-article .page_contents_title,
	body.newsblog-article .fg-blog-article .page_contents_title,
	html.gw-p-blog-article body.newsblog-article .page_contents_title {
		background: transparent !important;
		padding: 0 0 8px !important;
		border: 0 !important;
		border-radius: 0 !important;
		margin: 0 0 0 !important;
		color: #0066B2 !important;
		font-size: 16px !important;
		font-weight: 500 !important;
	}
	.fg-blog-article .page_contents_links,
	html.gw-p-blog-article .page_contents_links,
	body.newsblog-article .fg-blog-article .page_contents_links {
		display: flex !important;
		flex-direction: column;
		gap: 10px;
		margin: 0 0 22px !important;
		padding: 16px 18px !important;
		background: #F5F8FC !important;
		border: 0 !important;
		border-radius: 10px !important;
		max-width: none;
	}
	.fg-blog-article .page_contents_links a,
	html.gw-p-blog-article .page_contents_links a {
		color: #0066B2 !important;
		font-size: 15px !important;
		text-decoration: none;
		line-height: 1.4;
	}
	/* First link underline like Figma active */
	.fg-blog-article .page_contents_links a:first-child,
	html.gw-p-blog-article .page_contents_links a:first-child {
		text-decoration: underline;
		text-underline-offset: 3px;
	}

	/* ---- Rating: not in Figma article mobile ---- */
	.fg-blog-article .rating_wrap,
	html.gw-p-blog-article .rating_wrap,
	body.newsblog-article .fg-blog-article .rating_wrap {
		display: none !important;
	}

	/* ---- Comments form: edge-align with 15px gutters ---- */
	.fg-blog-comments,
	html.gw-p-blog-article .fg-blog-comments,
	body.newsblog-article .fg-blog-comments {
		width: auto !important;
		margin-left: 15px !important;
		margin-right: 15px !important;
		max-width: none !important;
		padding: 20px 16px !important;
		box-sizing: border-box;
	}
	.fg-blog-comments__title,
	.fg-blog-comments .widget-title {
		font-size: 22px !important;
	}

	/* ---- Latest articles: full-bleed 1-col, landscape thumb, clamp, full CTA ---- */
	.fg-blog-latest,
	html.gw-p-blog-article .article_latest,
	html.gw-p-blog-article .article_latest.fg-blog-latest,
	body.newsblog-article .article_latest {
		max-width: none !important;
		width: 100% !important;
		margin: 28px 0 0 !important;
		padding: 0 15px !important;
		box-sizing: border-box;
	}
	.fg-blog-latest__title,
	html.gw-p-blog-article .article_latest-title {
		font-size: 24px !important;
		line-height: 1.25 !important;
		font-weight: 400 !important;
		margin: 0 0 16px !important;
	}
	/* Beat gw14 `html.gw-p-blog .blog-items.row { display:block }` */
	html.gw-p-blog-article .article_latest .blog-items,
	html.gw-p-blog-article .article_latest .blog-items.row,
	html.gw-p-blog.gw-p-blog-article .article_latest .blog-items.row,
	body.newsblog-article .article_latest .blog-items.row {
		display: grid !important;
		grid-template-columns: 1fr !important;
		gap: 16px !important;
		margin: 0 !important;
		width: 100% !important;
		max-width: none !important;
	}
	/* Zero nested gutters: col pad 16 + article_latest 15 + primary 25 → 278px cards */
	html.gw-p-blog-article .article_latest .blog-items > [class*="col-"],
	html.gw-p-blog-article .article_latest .blog-items > article,
	html.gw-p-blog-article #content .site-main .article_latest article,
	html.gw-p-blog-article #content .site-main .article_latest .blog-items > article,
	body.newsblog-article .article_latest .blog-items > article {
		width: 100% !important;
		max-width: none !important;
		flex: none !important;
		float: none !important;
		padding: 0 !important;
		margin: 0 !important;
		box-sizing: border-box;
	}
	html.gw-p-blog-article .article_latest .item,
	html.gw-p-blog-article .article_latest .blog-items .item {
		width: 100% !important;
		max-width: none !important;
		height: auto;
		padding: 14px !important;
		gap: 12px;
		border-radius: 10px;
		box-sizing: border-box;
	}
	/* Landscape image, not forced 1:1 square */
	html.gw-p-blog-article .article_latest .item .img,
	html.gw-p-blog-article .article_latest .blog-items .item .img {
		aspect-ratio: 16 / 10 !important;
		width: 100% !important;
		border-radius: 8px;
		overflow: hidden;
		margin: 0;
	}
	html.gw-p-blog-article .article_latest .item .img img,
	html.gw-p-blog-article .article_latest .blog-items .item .img img {
		width: 100% !important;
		height: 100% !important;
		aspect-ratio: 16 / 10 !important;
		object-fit: cover !important;
		display: block;
		max-width: none;
		border-radius: 8px;
	}
	/* Short teaser 3–4 lines */
	html.gw-p-blog-article .article_latest .item .text,
	html.gw-p-blog-article .article_latest .blog-items .item .text {
		display: -webkit-box !important;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 4;
		line-clamp: 4;
		overflow: hidden !important;
		text-overflow: ellipsis;
		max-height: none;
		margin: 0 0 4px !important;
		font-size: 14px;
		line-height: 1.45;
		color: #5B6D9C;
	}
	/* Full-width outline «Читать» */
	html.gw-p-blog-article .article_latest .item .button_white,
	html.gw-p-blog-article .article_latest .blog-items .item .button_white,
	body.newsblog-article .article_latest .item .button_white {
		width: 100% !important;
		align-self: stretch !important;
		text-align: center !important;
		display: flex !important;
		align-items: center;
		justify-content: center;
		box-sizing: border-box;
		margin-top: auto !important;
		min-height: 40px;
		padding: 8px 16px !important;
		border: 1.3px solid #0066B2 !important;
		border-radius: 6px !important;
		background: #fff !important;
		color: #0066B2 !important;
		font-size: 15px !important;
		font-weight: 400 !important;
		position: static !important;
	}

	/* Comment cards stack */
	.fg-blog-comment {
		flex-direction: column;
		align-items: center;
		text-align: center;
		margin-left: 15px;
		margin-right: 15px;
	}
	.fg-blog-comment__head {
		justify-content: center;
	}
	.fg-blog-commentlist {
		padding: 0 15px;
		max-width: none;
	}
}

/* Narrow phone polish ≤480 */
@media (max-width: 480px) {
	.fg-blog-article__title,
	html.gw-p-blog-article .article_header_card-title {
		font-size: 20px !important;
		line-height: 1.25 !important;
	}
	.fg-blog-article__card,
	html.gw-p-blog-article .article_header_card {
		padding: 12px !important;
		gap: 12px !important;
	}
	.fg-blog-comments {
		padding: 18px 14px !important;
	}
	html.gw-p-blog-article .article_latest .item {
		padding: 12px !important;
	}
}