/* =========================================================================
   Внутренние страницы — 11.08.2026
   Статья, страница, история, списки, поиск, 404.
   Главная сюда не приходит: файл грузится только вне front-page.
   ========================================================================= */

/* Колонка чтения. 68 знаков — то, на чём глаз не теряет строку;
   на широком мониторе .wrap растянулся бы на 1400px и текст стал бы
   нечитаемым полотном. */
.wrap-text { max-width: min(760px, 92vw); }


/* ---- Хлебные крошки ------------------------------------------------------ */

.crumbs { margin-bottom: 18px; }

.crumbs ol {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px 8px;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 12.5px;
	color: var(--c-ink-soft);
}

.crumbs li + li::before {
	content: '/';
	margin-right: 8px;
	color: var(--c-rule);
}

.crumbs a { color: var(--c-ink-soft); text-decoration: none; }

.crumbs a:hover { color: var(--c-accent-dk); }

.crumbs [aria-current] { color: var(--c-ink); }


/* ---- Шапка записи -------------------------------------------------------- */

.entry-head {
	padding-top: clamp(28px, 3.4vw, 52px);
	padding-bottom: clamp(18px, 2.2vw, 28px);
}

.entry-title {
	margin: 0 0 14px;
	font-size: clamp(27px, 3.4vw, 44px);
	font-weight: 660;
	line-height: 1.12;
	letter-spacing: -.025em;
}

.entry-lead {
	margin: 0;
	font-size: clamp(16px, 1.4vw, 19px);
	line-height: 1.55;
	color: var(--c-ink-soft);
}

.entry-meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px 16px;
	margin: 18px 0 0;
	padding-top: 14px;
	border-top: 1px solid var(--c-rule);
	font-size: 13px;
	color: var(--c-ink-soft);
}

.entry-meta span::before {
	content: '·';
	margin-right: 16px;
	color: var(--c-rule);
}

.entry-cover {
	margin: 0 0 clamp(20px, 2.4vw, 32px);
	border-radius: var(--r-md);
	overflow: hidden;
}

.entry-cover img { display: block; width: 100%; height: auto; }


/* ---- Оглавление ---------------------------------------------------------- */

.toc {
	margin: 0 0 clamp(24px, 2.6vw, 34px);
	padding: 18px 22px;
	border: 1px solid var(--c-rule);
	border-radius: var(--r-md);
	background: var(--c-wash);
}

.toc b {
	display: block;
	margin-bottom: 10px;
	font-size: 12px;
	font-weight: 620;
	letter-spacing: .07em;
	text-transform: uppercase;
	color: var(--c-ink-soft);
}

.toc ol {
	margin: 0;
	padding: 0;
	list-style: none;
	counter-reset: toc;
	display: grid;
	gap: 7px;
}

.toc li {
	counter-increment: toc;
	display: flex;
	gap: 10px;
	font-size: 14.5px;
	line-height: 1.4;
}

.toc li::before {
	content: counter(toc) '.';
	flex: none;
	color: var(--c-accent);
	font-weight: 620;
}

.toc a { color: var(--c-ink); text-decoration: none; }

.toc a:hover { color: var(--c-accent-dk); text-decoration: underline; }


/* ---- Текст --------------------------------------------------------------- */

.entry-body {
	padding-bottom: clamp(36px, 4vw, 64px);
	font-size: 16.5px;
	line-height: 1.7;
}

.entry-body > p { margin: 0 0 1.15em; }

.entry-body h2 {
	margin: 1.9em 0 .55em;
	font-size: clamp(21px, 2.1vw, 27px);
	line-height: 1.22;
	letter-spacing: -.02em;

	/* Якорь оглавления не должен уезжать под липкую шапку. */
	scroll-margin-top: 90px;
}

.entry-body h3 {
	margin: 1.6em 0 .5em;
	font-size: clamp(17px, 1.6vw, 20px);
	line-height: 1.3;
}

.entry-body ul,
.entry-body ol { margin: 0 0 1.15em; padding-left: 1.3em; }

.entry-body li { margin-bottom: .5em; }

.entry-body li::marker { color: var(--c-accent); }

.entry-body a { color: var(--c-accent-dk); text-underline-offset: 3px; }

.entry-body img,
.entry-body iframe { max-width: 100%; height: auto; border-radius: var(--r-sm); }

.entry-body figure { margin: 1.6em 0; }

.entry-body figcaption {
	margin-top: 8px;
	font-size: 13px;
	line-height: 1.45;
	color: var(--c-ink-soft);
}

.entry-body blockquote {
	margin: 1.6em 0;
	padding: 4px 0 4px 20px;
	border-left: 3px solid var(--c-accent);
	font-size: 17.5px;
	line-height: 1.55;
	color: var(--c-ink);
}

.entry-body blockquote p:last-child { margin-bottom: 0; }

.entry-body table {
	width: 100%;
	margin: 1.6em 0;
	border-collapse: collapse;
	font-size: 15px;
}

.entry-body th,
.entry-body td {
	padding: 11px 14px;
	border: 1px solid var(--c-rule);
	text-align: left;
	vertical-align: top;
}

.entry-body th { background: var(--c-wash); font-weight: 620; }

.entry-body hr {
	margin: 2.2em 0;
	border: 0;
	border-top: 1px solid var(--c-rule);
}


/* ---- Источники и дисклеймер ---------------------------------------------- */

.sources {
	margin-top: clamp(30px, 3.2vw, 44px);
	padding-top: 22px;
	border-top: 1px solid var(--c-rule);
}

.sources h2 {
	margin: 0 0 12px;
	font-size: 15px;
	font-weight: 620;
	letter-spacing: .04em;
	text-transform: uppercase;
	color: var(--c-ink-soft);
}

.sources ol {
	margin: 0;
	padding-left: 1.2em;
	font-size: 14px;
	line-height: 1.55;
	color: var(--c-ink-soft);
}

.sources li { margin-bottom: 7px; }

.sources a { color: var(--c-accent-dk); overflow-wrap: anywhere; }

/* Дисклеймер спокойный: тревожная плашка на каждой странице
   обесценивается к третьему материалу. */
.disclaimer {
	display: flex;
	align-items: flex-start;
	gap: 11px;
	margin-top: clamp(24px, 2.6vw, 34px);
	padding: 16px 18px;
	border-radius: var(--r-sm);
	background: var(--c-wash);
	font-size: 13.5px;
	line-height: 1.5;
	color: var(--c-ink-soft);
}

.disclaimer .icn { flex: none; margin-top: 1px; color: var(--c-accent); }


/* ---- Вопросы и ответы ---------------------------------------------------- */

.faq {
	display: grid;
	gap: 8px;
	margin: clamp(20px, 2.4vw, 30px) 0 0;
}

.faq-item {
	border: 1px solid var(--c-rule);
	border-radius: var(--r-sm);
	background: #fff;
}

.faq-item[open] { border-color: var(--c-accent); }

.faq-item summary {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	padding: 15px 18px;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.4;
	cursor: pointer;
	list-style: none;
}

.faq-item summary::-webkit-details-marker { display: none; }

.faq-item summary::before {
	content: '+';
	flex: none;
	width: 22px;
	height: 22px;
	display: grid;
	place-items: center;
	border-radius: 50%;
	background: var(--c-tint);
	color: var(--c-accent-dk);
	font-size: 15px;
	line-height: 1;
}

.faq-item[open] summary::before { content: '–'; }

.faq-answer {
	padding: 0 18px 16px 52px;
	font-size: 15.5px;
	line-height: 1.65;
	color: var(--c-ink-soft);
}

.faq-answer p { margin: 0 0 .9em; }

.faq-answer p:last-child { margin-bottom: 0; }


/* ---- Списки записей ------------------------------------------------------ */

.list-wrap { padding-bottom: clamp(40px, 4.4vw, 72px); }

.card-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: clamp(16px, 1.8vw, 26px);
}

.card {
	border: 1px solid var(--c-rule);
	border-radius: var(--r-md);
	background: #fff;
	overflow: hidden;
	transition: border-color .16s ease, box-shadow .16s ease;
}

.card:hover { border-color: var(--c-accent); box-shadow: var(--shadow-soft); }

.card-link {
	display: flex;
	flex-direction: column;
	height: 100%;
	color: inherit;
	text-decoration: none;
}

.card-thumb { aspect-ratio: 3 / 2; overflow: hidden; }

.card-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }

.card-thumb--empty {
	background:
		repeating-linear-gradient(135deg, var(--c-tint) 0 10px, var(--c-wash) 10px 20px);
}

.card-body {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	padding: 16px 18px 18px;
}

.card-body h3 {
	margin: 0 0 8px;
	font-size: 17px;
	font-weight: 620;
	line-height: 1.3;
}

.card-body p {
	margin: 0 0 14px;
	font-size: 14px;
	line-height: 1.5;
	color: var(--c-ink-soft);
}

.card-more {
	margin-top: auto;
	font-size: 13.5px;
	font-weight: 620;
	color: var(--c-accent-dk);
}

.card:hover .card-more { color: var(--c-accent); }

.list-empty {
	padding: 40px 0;
	font-size: 16px;
	color: var(--c-ink-soft);
}


/* ---- Пагинация ----------------------------------------------------------- */

.pagination {
	margin-top: clamp(26px, 3vw, 40px);
	padding-top: 22px;
	border-top: 1px solid var(--c-rule);
}

.pagination .nav-links {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 8px;
}

.pagination .page-numbers {
	display: grid;
	place-items: center;
	min-width: 40px;
	height: 40px;
	padding: 0 12px;
	border: 1px solid var(--c-rule);
	border-radius: var(--r-sm);
	color: var(--c-ink);
	font-size: 14px;
	text-decoration: none;
}

.pagination .page-numbers:hover { border-color: var(--c-accent); color: var(--c-accent-dk); }

.pagination .page-numbers.current {
	border-color: var(--c-accent-dk);
	background: var(--c-accent-dk);
	color: #fff;
}

.pagination .dots { border-color: transparent; }


/* ---- Читайте также ------------------------------------------------------- */

.related {
	margin-bottom: clamp(40px, 4.4vw, 68px);
	padding-top: clamp(28px, 3vw, 40px);
	border-top: 1px solid var(--c-rule);
}

.related h2 {
	margin: 0 0 clamp(16px, 1.8vw, 24px);
	font-size: clamp(19px, 1.9vw, 24px);
	letter-spacing: -.02em;
}

.related-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: clamp(16px, 1.8vw, 26px);
}


/* ---- Поиск и 404 --------------------------------------------------------- */

.searchform {
	display: flex;
	gap: 10px;
	margin-top: 20px;
}

.searchform input {
	flex: 1 1 auto;
	min-width: 0;
	padding: 13px 16px;
	border: 1px solid var(--c-rule);
	border-radius: var(--r-sm);
	background: #fff;
	font: inherit;
	font-size: 15px;
	color: var(--c-ink);
}

.searchform input:focus {
	outline: none;
	border-color: var(--c-accent);
	box-shadow: 0 0 0 3px var(--c-tint);
}

.searchform button {
	flex: none;
	padding: 13px 22px;
	border: 0;
	border-radius: var(--r-sm);
	background: var(--c-accent-dk);
	color: #fff;
	font: inherit;
	font-size: 14.5px;
	font-weight: 620;
	cursor: pointer;
}

.searchform button:hover { background: var(--c-accent); }

.notfound {
	padding-top: clamp(40px, 5vw, 80px);
	padding-bottom: clamp(48px, 6vw, 96px);
}

.notfound-links {
	margin: clamp(20px, 2.2vw, 28px) 0 0;
	padding: 0;
	list-style: none;
	display: grid;
	gap: 8px;
}

.notfound-links a {
	display: inline-flex;
	font-size: 16px;
	color: var(--c-accent-dk);
}


/* ---- Адаптив ------------------------------------------------------------- */

@media (max-width: 1000px) {
	.card-grid,
	.related-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 620px) {
	.card-grid,
	.related-grid { grid-template-columns: minmax(0, 1fr); }

	.entry-body { font-size: 16px; }
	.faq-answer { padding-left: 18px; }
	.searchform { flex-direction: column; }
	.searchform button { width: 100%; }
}


/* =========================================================================
   Формы обращений и страница ответа — 13.08.2026
   Разметку даёт inc/requests.php.
   ========================================================================= */

.hhform {
	max-width: 620px;
	margin: clamp(20px, 2.4vw, 30px) 0;
	padding: clamp(20px, 2.4vw, 30px);
	border: 1px solid var(--c-rule);
	border-radius: var(--r-md);
	background: #fff;
}

.hhform-error {
	margin: 0 0 16px;
	padding: 12px 14px;
	border-left: 3px solid #c0392b;
	border-radius: 0 var(--r-sm) var(--r-sm) 0;
	background: #fdf2f1;
	font-size: 14px;
	line-height: 1.45;
	color: #8c2c22;
}

/* Ловушка для ботов. Не display:none — часть скриптов это распознаёт;
   поле реально существует, просто уведено за пределы экрана. */
.hhform-trap {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.hhform-row { margin-bottom: 16px; }

.hhform-row label {
	display: block;
	margin-bottom: 7px;
	font-size: 14px;
	font-weight: 600;
}

.hhform-row label span {
	font-weight: 400;
	color: var(--c-ink-soft);
}

.hhform input[type="text"],
.hhform textarea {
	width: 100%;
	padding: 12px 14px;
	border: 1px solid var(--c-rule);
	border-radius: var(--r-sm);
	background: #fff;
	font: inherit;
	font-size: 15.5px;
	line-height: 1.5;
	color: var(--c-ink);
}

.hhform textarea { resize: vertical; min-height: 96px; }

.hhform input[type="text"]:focus,
.hhform textarea:focus {
	outline: none;
	border-color: var(--c-accent);
	box-shadow: 0 0 0 3px var(--c-tint);
}

.hhform-note {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	margin: 0 0 16px;
	padding: 12px 14px;
	border-radius: var(--r-sm);
	background: var(--c-wash);
	font-size: 13px;
	line-height: 1.5;
	color: var(--c-ink-soft);
}

.hhform-note .icn { flex: none; margin-top: 1px; color: var(--c-accent); }

.hhform-agree {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	margin-bottom: 18px;
	font-size: 13px;
	line-height: 1.5;
	color: var(--c-ink-soft);
	cursor: pointer;
}

.hhform-agree input { flex: none; margin-top: 2px; }

.hhform-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 15px 28px;
	border: 0;
	border-radius: var(--r-sm);
	background: var(--c-accent-dk);
	color: #fff;
	font: inherit;
	font-size: 15px;
	font-weight: 620;
	text-decoration: none;
	cursor: pointer;
	transition: background-color .16s ease;
}

.hhform-btn:hover { background: var(--c-accent); color: #fff; }

.hhform-after {
	margin: 14px 0 0;
	font-size: 12.5px;
	line-height: 1.5;
	color: var(--c-ink-soft);
}

/* Экран после отправки. Занимает место формы целиком: оставлять рядом
   пустые поля — приглашение отправить второй раз. */
.hhform--done {
	text-align: center;
}

.hhform--done .icn {
	display: block;
	margin: 0 auto 12px;
	color: var(--c-accent);
}

.hhform--done b {
	display: block;
	margin-bottom: 8px;
	font-size: clamp(18px, 1.8vw, 22px);
	font-weight: 640;
	letter-spacing: -.02em;
}

.hhform--done p {
	max-width: 46ch;
	margin: 0 auto;
	font-size: 14.5px;
	line-height: 1.6;
	color: var(--c-ink-soft);
}

/* ---- Страница ответа ----------------------------------------------------- */

.answer {
	padding-top: clamp(32px, 3.6vw, 56px);
	padding-bottom: clamp(44px, 5vw, 80px);
}

.answer-saved {
	margin-bottom: clamp(24px, 2.8vw, 36px);
	padding-bottom: clamp(20px, 2.4vw, 28px);
	border-bottom: 1px solid var(--c-rule);
}

.answer-saved p {
	margin: 0 0 16px;
	font-size: 16px;
	line-height: 1.6;
	color: var(--c-ink-soft);
}

/* Ссылку показываем крупно и сразу с кнопкой: потерять её — значит
   потерять ответ, восстановить нечем. */
.answer-link {
	display: flex;
	gap: 10px;
	margin-bottom: 10px;
}

.answer-link input {
	flex: 1 1 auto;
	min-width: 0;
	padding: 13px 15px;
	border: 1px solid var(--c-accent);
	border-radius: var(--r-sm);
	background: var(--c-tint);
	font: inherit;
	font-size: 15px;
	font-weight: 600;
	color: var(--c-accent-dk);
}

.answer-link button {
	flex: none;
	padding: 13px 20px;
	border: 0;
	border-radius: var(--r-sm);
	background: var(--c-accent-dk);
	color: #fff;
	font: inherit;
	font-size: 14px;
	font-weight: 620;
	cursor: pointer;
}

.answer-hint {
	margin: 0;
	font-size: 13px;
	color: var(--c-ink-soft);
}

.answer-block {
	margin-bottom: 16px;
	padding: 18px 20px;
	border: 1px solid var(--c-rule);
	border-radius: var(--r-md);
	background: var(--c-wash);
}

.answer-block b {
	display: block;
	margin-bottom: 8px;
	font-size: 12px;
	font-weight: 620;
	letter-spacing: .07em;
	text-transform: uppercase;
	color: var(--c-ink-soft);
}

.answer-block p { margin: 0 0 .9em; font-size: 16px; line-height: 1.65; }

.answer-block p:last-child { margin-bottom: 0; }

.answer-block--reply {
	border-color: var(--c-accent);
	background: #fff;
	border-left: 3px solid var(--c-accent);
}

.answer-block--reply b { color: var(--c-accent-dk); }

.answer-block--wait { text-align: center; color: var(--c-ink-soft); }

.answer-cta {
	margin-top: clamp(26px, 3vw, 40px);
	padding: clamp(20px, 2.4vw, 30px);
	border-radius: var(--r-md);
	background: var(--c-tint);
	text-align: center;
}

.answer-cta b {
	display: block;
	margin-bottom: 8px;
	font-size: clamp(18px, 1.8vw, 22px);
	font-weight: 640;
	letter-spacing: -.02em;
}

.answer-cta p {
	max-width: 46ch;
	margin: 0 auto 18px;
	font-size: 14.5px;
	line-height: 1.55;
	color: var(--c-ink-soft);
}

@media (max-width: 620px) {
	.hhform { padding: 18px 16px; }
	.hhform-btn { width: 100%; }
	.answer-link { flex-direction: column; }
	.answer-link button { width: 100%; }
}

/* ---- Каталог материалов -------------------------------------------------- */

.catalog {
	padding-bottom: clamp(40px, 6vw, 80px);
}

/* ---- Каталог материалов -------------------------------------------------- */

.catalog {
	padding-bottom: clamp(40px, 6vw, 80px);
}

.cat-filter {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: clamp(18px, 2vw, 28px);
}

.cat-btn {
	padding: 7px 16px;
	border: 1px solid var(--c-rule);
	border-radius: 999px;
	background: #fff;
	color: var(--c-ink);
	font: inherit;
	font-size: 13.5px;
	line-height: 1.2;
	cursor: pointer;
	transition: border-color .15s, background .15s, color .15s;
}

.cat-btn:hover { border-color: var(--c-accent); color: var(--c-accent-dk); }

.cat-btn.is-on {
	border-color: var(--c-accent-dk);
	background: var(--c-accent-dk);
	color: #fff;
}

.mosaic {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	grid-auto-rows: 92px;
	grid-auto-flow: dense;
	gap: clamp(12px, 1.4vw, 18px);
}

.tile-slot { display: contents; }
.tile-slot.is-hidden { display: none; }

.tile {
	position: relative;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	border-radius: 12px;
	background: #fff;
	min-width: 0;
}

.tile-media {
	position: relative;
	display: block;
	overflow: hidden;
	background: var(--c-tint);
}

.tile-img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.tile-ph {
	display: block;
	width: 100%;
	height: 100%;
	background: repeating-linear-gradient(135deg, var(--c-tint) 0 10px, var(--c-wash) 10px 20px);
}

.tile-body { padding: 14px 16px 16px; }

.tile h3 {
	margin: 0;
	font-size: 15.5px;
	font-weight: 620;
	line-height: 1.26;
	letter-spacing: -.01em;
}

.tile h3 a { color: inherit; text-decoration: none; }
.tile h3 a:hover { color: var(--c-accent-dk); }

.tile p {
	margin: 6px 0 0;
	font-size: 13px;
	line-height: 1.5;
	color: var(--c-ink-soft);
}

.tile-badge {
	display: inline-block;
	margin-bottom: 7px;
	font-size: 10.5px;
	line-height: 1;
	letter-spacing: .07em;
	text-transform: uppercase;
	color: var(--c-accent-dk);
	background: var(--c-tint);
	padding: 5px 9px;
	border-radius: 4px;
}

.tile-badge.on-photo { background: var(--c-accent-dk); color: #fff; }

/* --- типы --- */

.tile-hero,
.tile-tall { justify-content: flex-end; }

.tile-hero .tile-media,
.tile-tall .tile-media {
	position: absolute;
	inset: 0;
}

.tile-veil {
	position: absolute;
	inset: 0;
	background: linear-gradient(0deg, rgba(14, 36, 41, .86) 0%, rgba(14, 36, 41, .55) 42%, rgba(14, 36, 41, .06) 100%);
}

.tile-over {
	position: relative;
	padding: 18px 20px 20px;
	color: #fff;
}

.tile-over h3 a { color: #fff; }
.tile-over h3 a:hover { color: var(--c-accent-lt); }
.tile-over p { color: rgba(255, 255, 255, .8); }

.tile-hero {
	grid-column: span 2;
	grid-row: span 4;
}

.tile-hero h3 { font-size: clamp(19px, 1.7vw, 24px); }

.tile-tall {
	grid-column: span 1;
	grid-row: span 4;
}

.tile-compact {
	grid-column: span 1;
	grid-row: span 3;
	border: 1px solid var(--c-rule);
}

.tile-compact .tile-media { height: 148px; flex: none; }

.tile-split {
	grid-column: span 2;
	grid-row: span 2;
	flex-direction: row;
	border: 1px solid var(--c-rule);
}

.tile-split .tile-media { width: 38%; flex: none; }
.tile-split .tile-body { flex: 1; display: flex; flex-direction: column; justify-content: center; }

.tile-text {
	grid-column: span 1;
	grid-row: span 2;
	border: 1px solid var(--c-rule);
	justify-content: center;
	text-align: center;
	background: var(--c-wash);
}

.tile-strip {
	grid-column: span 3;
	grid-row: span 1;
	border: 1px solid var(--c-rule);
	justify-content: center;
}

.tile-strip .tile-badge { margin-bottom: 5px; }
.tile-strip h3 { font-size: 17px; }

.catalog-more {
	display: flex;
	justify-content: center;
	margin-top: clamp(22px, 2.6vw, 34px);
}

.more-btn {
	padding: 13px 34px;
	border: 1px solid var(--c-accent-dk);
	border-radius: 999px;
	background: #fff;
	color: var(--c-accent-dk);
	font: inherit;
	font-size: 15px;
	font-weight: 560;
	cursor: pointer;
	transition: background .15s, color .15s;
}

.more-btn:hover { background: var(--c-accent-dk); color: #fff; }

.catalog-empty {
	margin: 40px 0 0;
	text-align: center;
	color: var(--c-ink-soft);
}

@media (max-width: 1000px) {
	.mosaic { grid-template-columns: repeat(2, minmax(0, 1fr)); }

	.tile-hero,
	.tile-split,
	.tile-strip { grid-column: span 2; }
}

@media (max-width: 620px) {
	.mosaic { grid-template-columns: minmax(0, 1fr); grid-auto-rows: auto; }

	.tile-hero,
	.tile-tall,
	.tile-compact,
	.tile-split,
	.tile-text,
	.tile-strip { grid-column: span 1; grid-row: auto; }

	.tile-hero,
	.tile-tall { min-height: 320px; }

	.tile-split { flex-direction: column; }
	.tile-split .tile-media { width: 100%; height: 170px; }
	.tile-compact .tile-media { height: 170px; }
	.tile-text { text-align: left; }
}
/* =========================================================================
   Внутренние страницы v0.8 — визуальный язык главной / coming soon
   22.08.2026
   ========================================================================= */

/* Базовая сцена внутренних страниц: холодный светлый фон, глубокий зелёный,
   лаймовый акцент и редакционная serif-типографика. */
body:not(.home) {
	background: #f3f8f7;
	color: #102b2d;
}

body:not(.home) .topbar {
	background: #061f21;
	color: rgba(255,255,255,.68);
	border-bottom-color: rgba(255,255,255,.08);
}

body:not(.home) .site-head {
	background: #082f2d;
	border-bottom: 1px solid rgba(255,255,255,.1);
	box-shadow: none;
}

body:not(.home) .brand,
body:not(.home) .brand-text b,
body:not(.home) .nav-list > li > a {
	color: #fff;
}

body:not(.home) .brand-text i,
body:not(.home) .subnav a {
	color: rgba(255,255,255,.62);
}

body:not(.home) .nav-list > li > a:hover,
body:not(.home) .nav-list > li.current-menu-item > a,
body:not(.home) .nav-list > li.current-menu-ancestor > a {
	color: #d7f45b;
}

body:not(.home) .nav-cta,
body:not(.home) .btn-solid {
	background: #d7f45b;
	color: #092b2b;
	border-color: #d7f45b;
	font-weight: 700;
}

body:not(.home) .nav-cta:hover,
body:not(.home) .btn-solid:hover {
	background: #e4ff77;
	color: #092b2b;
}

body:not(.home) .nav-burger {
	color: #fff;
	border-color: rgba(255,255,255,.22);
}

/* Шапка материала — самостоятельный тёмный экран, а не просто строка h1. */
body:not(.home) .entry-head {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	padding-top: clamp(54px, 6vw, 92px);
	padding-bottom: clamp(58px, 6.4vw, 98px);
	background:
		radial-gradient(circle at 79% 22%, rgba(46,125,112,.28), transparent 28%),
		linear-gradient(120deg, #082f2d 0%, #0a3b37 58%, #092b2b 100%);
	color: #fff;
}

body:not(.home) .entry-head::after {
	content: "";
	position: absolute;
	right: -7vw;
	top: -48%;
	width: 45vw;
	height: 150%;
	background: linear-gradient(145deg, transparent 8%, rgba(215,244,91,.08) 9%, rgba(215,244,91,.025) 55%, transparent 56%);
	transform: rotate(-5deg);
	z-index: -1;
	pointer-events: none;
}

body:not(.home) .entry-head .wrap-text {
	max-width: min(980px, 92vw);
	margin-left: max(4vw, calc((100vw - min(var(--wrap), 96vw))/2 + var(--gut)));
	margin-right: auto;
}

body:not(.home) .crumbs {
	margin-bottom: 24px;
}

body:not(.home) .crumbs ol,
body:not(.home) .crumbs a,
body:not(.home) .crumbs [aria-current] {
	color: rgba(255,255,255,.62);
}

body:not(.home) .crumbs li + li::before {
	color: rgba(215,244,91,.55);
}

body:not(.home) .crumbs a:hover {
	color: #d7f45b;
}

body:not(.home) .entry-title {
	max-width: 17ch;
	margin-bottom: 20px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(44px, 5.4vw, 61px);
	font-weight: 400;
	line-height: .99;
	letter-spacing: -.045em;
	color: #fff;
}

body:not(.home) .entry-lead {
	max-width: 64ch;
	font-size: clamp(17px, 1.35vw, 17px);
	line-height: 1.62;
	color: rgba(255,255,255,.76);
}

body:not(.home) .entry-meta {
	margin-top: 24px;
	padding-top: 17px;
	border-top-color: rgba(255,255,255,.16);
	color: rgba(255,255,255,.6);
}

body:not(.home) .entry-meta span::before {
	color: #d7f45b;
}

/* Поиск живёт прямо в тёмной шапке. */
body:not(.home) .entry-head .searchform {
	max-width: 650px;
	margin-top: 28px;
}

body:not(.home) .entry-head .searchform input {
	background: rgba(255,255,255,.96);
	border-color: rgba(255,255,255,.18);
}

body:not(.home) .entry-head .searchform button {
	background: #d7f45b;
	color: #092b2b;
	font-weight: 700;
}

/* Основной текст — как редакционный материал на светлой плоскости. */
body:not(.home) .entry-cover {
	margin-top: clamp(36px, 4vw, 60px);
	border-radius: 24px;
	box-shadow: 0 24px 70px rgba(7,47,45,.10);
}

body:not(.home) .entry-body {
	margin-top: clamp(34px, 4vw, 64px);
	margin-bottom: clamp(48px, 5vw, 86px);
	padding: clamp(34px, 4vw, 58px);
	background: #fff;
	border: 1px solid #dce9e6;
	border-radius: 24px;
	box-shadow: 0 18px 55px rgba(7,47,45,.055);
}

body:not(.home) .entry-body h2,
body:not(.home) .entry-body h3,
body:not(.home) .related h2,
body:not(.home) .card-body h3,
body:not(.home) .tile h3,
body:not(.home) .answer-cta b {
	font-family: Georgia, "Times New Roman", serif;
	font-weight: 400;
	letter-spacing: -.025em;
	color: #0b3432;
}

body:not(.home) .entry-body h2 {
	font-size: clamp(27px, 2.45vw, 37px);
	line-height: 1.08;
	margin-top: 1.75em;
}

body:not(.home) .entry-body h3 {
	font-size: clamp(21px, 1.7vw, 27px);
}

body:not(.home) .entry-body a,
body:not(.home) .sources a {
	color: #0b6e66;
}

body:not(.home) .entry-body blockquote {
	margin: 1.8em 0;
	padding: 22px 26px;
	border-left: 4px solid #d7f45b;
	border-radius: 0 16px 16px 0;
	background: #edf7f4;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 19px;
	color: #0b3432;
}

body:not(.home) .entry-body th {
	background: #eaf5f2;
	color: #0b3432;
}

body:not(.home) .entry-body th,
body:not(.home) .entry-body td {
	border-color: #d6e6e2;
}

/* Оглавление и служебные блоки — не серые, а в палитре портала. */
body:not(.home) .toc {
	padding: 24px 28px;
	border: 1px solid #cfe2dd;
	border-radius: 18px;
	background: #eaf5f2;
}

body:not(.home) .toc b {
	color: #0b6e66;
}

body:not(.home) .toc li::before {
	color: #7f9b00;
}

body:not(.home) .disclaimer,
body:not(.home) .hhform-note {
	background: #edf7f4;
	border: 1px solid #d8e9e5;
}

body:not(.home) .sources {
	margin-top: 42px;
	padding: 28px;
	border: 0;
	border-radius: 18px;
	background: #092f2d;
	color: rgba(255,255,255,.75);
}

body:not(.home) .sources h2 {
	color: #d7f45b;
}

body:not(.home) .sources ol {
	color: rgba(255,255,255,.72);
}

body:not(.home) .sources a {
	color: #e5fa88;
}

/* FAQ — крупнее и чище. */
body:not(.home) .faq {
	gap: 10px;
}

body:not(.home) .faq-item {
	border-color: #d7e6e2;
	border-radius: 14px;
	box-shadow: 0 6px 18px rgba(7,47,45,.035);
}

body:not(.home) .faq-item[open] {
	border-color: #2b857d;
}

body:not(.home) .faq-item summary {
	padding: 18px 20px;
	font-size: 16.5px;
}

body:not(.home) .faq-item summary::before {
	background: #d7f45b;
	color: #092b2b;
}

/* Архивы, поиск, статьи и связанные материалы. */
body:not(.home) .list-wrap {
	padding-top: clamp(44px, 5vw, 78px);
}

body:not(.home) .card-grid,
body:not(.home) .related-grid {
	gap: clamp(20px, 2vw, 30px);
}

body:not(.home) .card {
	border: 1px solid #dce9e6;
	border-radius: 20px;
	box-shadow: 0 14px 34px rgba(7,47,45,.045);
}

body:not(.home) .card:hover {
	border-color: #6ba59e;
	box-shadow: 0 22px 50px rgba(7,47,45,.10);
	transform: translateY(-2px);
}

body:not(.home) .card-thumb {
	aspect-ratio: 16 / 10;
}

body:not(.home) .card-thumb--empty,
body:not(.home) .tile-ph {
	background:
		linear-gradient(145deg, rgba(7,47,45,.03), rgba(215,244,91,.10)),
		repeating-linear-gradient(135deg, #e6f2ef 0 12px, #f5faf8 12px 24px);
}

body:not(.home) .card-body {
	padding: 22px 23px 24px;
}

body:not(.home) .card-body h3 {
	font-size: clamp(21px, 1.6vw, 27px);
	line-height: 1.15;
}

body:not(.home) .card-more {
	color: #0b6e66;
	font-weight: 700;
}

body:not(.home) .related {
	margin-bottom: clamp(56px, 6vw, 96px);
	padding-top: clamp(36px, 4vw, 58px);
	border-top-color: #d7e6e2;
}

body:not(.home) .related h2 {
	font-size: clamp(30px, 3vw, 46px);
}

/* Формы обращений: отдельная красивая панель вместо системной формы. */
body:not(.home) .hhform {
	max-width: 700px;
	padding: clamp(26px, 3vw, 40px);
	border-color: #d3e5e1;
	border-radius: 20px;
	box-shadow: 0 18px 46px rgba(7,47,45,.06);
}

body:not(.home) .hhform input[type="text"],
body:not(.home) .hhform textarea {
	border-color: #ccdfda;
	border-radius: 11px;
	background: #f9fcfb;
}

body:not(.home) .hhform-btn,
body:not(.home) .more-btn {
	background: #d7f45b;
	border-color: #d7f45b;
	color: #092b2b;
	font-weight: 700;
}

body:not(.home) .hhform-btn:hover,
body:not(.home) .more-btn:hover {
	background: #092f2d;
	border-color: #092f2d;
	color: #fff;
}

/* Каталог материалов — те же цвета и тот же уровень карточек. */
body:not(.home) .catalog {
	padding-top: clamp(40px, 4vw, 64px);
}

body:not(.home) .cat-filter {
	margin-bottom: clamp(24px, 2.6vw, 38px);
}

body:not(.home) .cat-btn {
	padding: 9px 18px;
	border-color: #cedfdb;
	background: rgba(255,255,255,.88);
}

body:not(.home) .cat-btn.is-on {
	background: #092f2d;
	border-color: #092f2d;
	color: #fff;
}

body:not(.home) .tile {
	border-radius: 20px;
	box-shadow: 0 14px 36px rgba(7,47,45,.055);
}

body:not(.home) .tile-compact,
body:not(.home) .tile-split,
body:not(.home) .tile-text,
body:not(.home) .tile-strip {
	border-color: #d7e6e2;
}

body:not(.home) .tile-text {
	background: #eaf5f2;
}

body:not(.home) .tile-badge {
	background: #e7f3f0;
	color: #0b6e66;
}

body:not(.home) .tile-badge.on-photo {
	background: #d7f45b;
	color: #092b2b;
}

/* 404 тоже выглядит как часть портала. */
body:not(.home) .notfound {
	max-width: min(900px, 92vw);
	margin-top: clamp(50px, 7vw, 100px);
	margin-bottom: clamp(60px, 8vw, 110px);
	padding: clamp(40px, 5vw, 72px);
	border-radius: 26px;
	background: #092f2d;
	color: #fff;
}

body:not(.home) .notfound .entry-title {
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(44px, 5vw, 70px);
	font-weight: 400;
	color: #fff;
}

body:not(.home) .notfound .entry-lead {
	color: rgba(255,255,255,.72);
}

body:not(.home) .notfound .crumbs ol,
body:not(.home) .notfound .crumbs a {
	color: rgba(255,255,255,.58);
}

body:not(.home) .notfound-links a {
	color: #d7f45b;
}

/* Мобильное меню внутренних страниц остаётся тёмным — без белого всплывающего
   листа, который ломал общую палитру. */
@media (max-width: 1519px) {
	body:not(.home) .site-nav {
		background: #082f2d;
		border-bottom-color: rgba(255,255,255,.1);
	}
	body:not(.home) .nav-list > li > a {
		border-bottom-color: rgba(255,255,255,.12);
	}
	body:not(.home) .subnav {
		background: transparent;
	}
}

@media (max-width: 900px) {
	body:not(.home) .entry-head {
		padding-top: 46px;
		padding-bottom: 54px;
	}
	body:not(.home) .entry-head .wrap-text {
		max-width: 100%;
		margin-left: auto;
	}
	body:not(.home) .entry-title {
		max-width: 20ch;
		font-size: clamp(40px, 8vw, 62px);
	}
	body:not(.home) .entry-body {
		border-radius: 18px;
		margin-top: 26px;
	}
}

@media (max-width: 620px) {
	body:not(.home) .entry-head {
		padding-top: 36px;
		padding-bottom: 42px;
	}
	body:not(.home) .entry-title {
		font-size: clamp(36px, 11vw, 50px);
		line-height: 1.02;
	}
	body:not(.home) .entry-lead {
		font-size: 16px;
	}
	body:not(.home) .entry-body {
		margin-top: 18px;
		margin-bottom: 42px;
		padding: 26px 20px;
		border-radius: 15px;
	}
	body:not(.home) .entry-cover {
		margin-top: 24px;
		border-radius: 16px;
	}
	body:not(.home) .toc,
	body:not(.home) .sources {
		padding: 20px;
		border-radius: 14px;
	}
	body:not(.home) .card {
		border-radius: 16px;
	}
	body:not(.home) .card-body {
		padding: 19px 18px 21px;
	}
	body:not(.home) .tile {
		border-radius: 16px;
	}
	body:not(.home) .notfound {
		padding: 30px 22px;
		border-radius: 18px;
	}
}

/* ==========================================================================
   Cornerstone article v3.5 — wide editorial / AI-summary pattern
   ========================================================================== */
.single-post:has(.hhc-shell) .entry-head{display:none}
.hhc-shell{--hh-dark:#073a36;--hh-dark2:#052f2d;--hh-lime:#d9f45b;--hh-wash:#edf7f5;--hh-rule:#d8e6e3;background:#fff;color:#153b3a}
.hhc-shell .wrap{width:min(1380px,calc(100% - 64px));max-width:none;margin-inline:auto}
.hhc-hero{background:linear-gradient(115deg,#073a36 0%,#073a36 58%,#0a4942 100%);color:#fff;overflow:hidden;position:relative}
.hhc-hero-grid{min-height:560px;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr);align-items:center;gap:72px;padding-block:64px}
.hhc-hero .crumbs ol,.hhc-hero .crumbs a,.hhc-hero .crumbs [aria-current]{color:rgba(255,255,255,.58)}
.hhc-kicker,.hhc-eyebrow{display:block;margin:0 0 16px;font-size:12px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:#7c9c00}
.hhc-hero .hhc-kicker{color:var(--hh-lime)}
.hhc-hero h1{max-width:800px;margin:0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(52px,5vw,82px);font-weight:400;line-height:.98;letter-spacing:-.045em;color:#fff}
.hhc-answer{max-width:760px;margin:28px 0 0;font-size:19px;line-height:1.62;color:rgba(255,255,255,.82)}
.hhc-answer b{color:#fff}.hhc-trust{display:flex;flex-wrap:wrap;gap:24px;margin-top:30px;font-size:13px;color:rgba(255,255,255,.72)}
.hhc-hero-art{min-height:390px;position:relative;border-left:1px solid rgba(255,255,255,.12);display:flex;align-items:flex-end;padding:0 0 36px 64px}
.hhc-hero-art p{font-family:Georgia,serif;font-size:35px;line-height:1.08;margin:0;color:#fff}.hhc-orbit{position:absolute;inset:10px 0 auto 40px;width:300px;height:300px;border:1px solid rgba(217,244,91,.22);border-radius:50%}.hhc-orbit:before,.hhc-orbit:after{content:"";position:absolute;background:rgba(255,255,255,.18);height:1px;width:240px;left:30px;top:150px;transform:rotate(35deg)}.hhc-orbit:after{transform:rotate(-35deg)}.hhc-orbit b,.hhc-orbit i{position:absolute;width:34px;height:34px;border-radius:50%;background:var(--hh-lime);box-shadow:0 0 0 10px rgba(255,255,255,.06)}.hhc-orbit b{width:58px;height:58px;left:121px;top:121px;background:#fff}.hhc-orbit i:nth-child(1){left:20px;top:80px}.hhc-orbit i:nth-child(2){right:20px;top:70px;background:#58afa3}.hhc-orbit i:nth-child(3){right:35px;bottom:48px}
.hhc-layout{display:grid;grid-template-columns:minmax(0,900px) 330px;gap:64px;align-items:start;padding-block:70px 90px}.hhc-main{min-width:0}.hhc-main h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;color:#092f2e;letter-spacing:-.03em}.hhc-intro h2,.hhc-steps h2,.hhc-faq h2{font-size:clamp(38px,3.3vw,54px);line-height:1.04;margin:0 0 22px}.hhc-summary{font-size:18px;line-height:1.68;color:#4c6564;margin:0}.hhc-metrics{display:grid;grid-template-columns:1fr 1fr;margin:34px 0 18px;border:1px solid var(--hh-rule);border-radius:18px;overflow:hidden;background:var(--hh-wash)}.hhc-metrics>div{padding:28px 30px}.hhc-metrics>div+div{border-left:1px solid #c8dbd7}.hhc-metrics small{display:block;font-weight:700;color:#526d6b;margin-bottom:10px}.hhc-metrics strong{display:block;font-family:Georgia,serif;font-size:38px;font-weight:400;color:#073a36}.hhc-metrics em{font:500 14px/1.3 system-ui,sans-serif;color:#647a78}.hhc-metrics p{font-size:13px;color:#617876;margin:8px 0 0}.hhc-note{padding:14px 18px;border-left:3px solid var(--hh-lime);background:#f7faf6;font-size:14px;color:#526765}
.hhc-expand{margin-top:20px;border-top:1px solid var(--hh-rule);border-bottom:1px solid var(--hh-rule)}.hhc-expand summary{list-style:none;display:flex;justify-content:space-between;align-items:center;padding:17px 2px;cursor:pointer;font-weight:750;color:#0b625c}.hhc-expand summary::-webkit-details-marker{display:none}.hhc-expand summary span{font-size:22px;font-weight:300}.hhc-expand[open] summary span{transform:rotate(45deg)}.hhc-expand>div{padding:0 0 18px;color:#506664;line-height:1.72;font-size:16px}.hhc-expand>div p{margin:0 0 12px}
.hhc-mini-cta{display:flex;align-items:center;justify-content:space-between;gap:30px;margin:38px 0 64px;padding:25px 28px;border:1px solid #cadfda;border-radius:16px;background:linear-gradient(110deg,#eff8f5,#f8f9ec)}.hhc-mini-cta span{font-family:Georgia,serif;font-size:22px;color:#0b3432}.hhc-mini-cta p{margin:5px 0 0;font-size:13px;color:#607674}.hhc-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:8px;background:var(--hh-dark);color:#fff!important;text-decoration:none!important;font-weight:800;font-size:13px;white-space:nowrap}.hhc-btn.lime{background:var(--hh-lime);color:#183b36!important}
.hhc-section{display:grid;grid-template-columns:52px 1fr;gap:22px;padding:38px 0;border-top:1px solid var(--hh-rule)}.hhc-num{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--hh-dark);color:#fff;font-weight:800;font-size:13px}.hhc-section h2{font-size:clamp(29px,2.4vw,38px);line-height:1.08;margin:2px 0 15px}.hhc-section .hhc-expand{margin-top:14px}
.hhc-refusal,.hhc-consult{margin:36px 0 56px;padding:38px 42px;border-radius:18px;background:linear-gradient(120deg,var(--hh-dark2),#0a4b43);color:#fff;display:grid;grid-template-columns:1fr auto;gap:44px;align-items:center;box-shadow:0 18px 44px rgba(5,47,45,.13)}.hhc-refusal h2,.hhc-consult h2{font-size:34px;line-height:1.05;color:#fff;margin:0 0 13px}.hhc-refusal p,.hhc-consult p{margin:0;color:rgba(255,255,255,.76);line-height:1.6}.hhc-refusal .hhc-eyebrow,.hhc-consult .hhc-eyebrow{color:var(--hh-lime)}.hhc-refusal-actions{display:flex;flex-direction:column;gap:10px;align-items:center}.hhc-refusal-actions small{color:rgba(255,255,255,.58)}
.hhc-steps{padding:55px 0}.hhc-step-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:30px}.hhc-step-grid>div{padding:24px 20px;border:1px solid var(--hh-rule);border-radius:14px;background:#fff}.hhc-step-grid b{display:block;color:#7c9c00;margin-bottom:24px}.hhc-step-grid strong{display:block;color:#0b3432}.hhc-step-grid p{font-size:13px;line-height:1.5;color:#687d7b;margin:8px 0 0}.hhc-consult{margin-top:15px}.hhc-consult>div:last-child{display:flex;flex-direction:column;gap:13px;align-items:flex-start}.hhc-textlink{color:#fff!important;font-size:12px;text-underline-offset:3px}
.hhc-faq{padding:48px 0}.hhc-faq-item{border-bottom:1px solid var(--hh-rule)}.hhc-faq-item:first-of-type{border-top:1px solid var(--hh-rule)}.hhc-faq-item summary{list-style:none;display:flex;justify-content:space-between;gap:20px;padding:19px 2px;cursor:pointer;font-weight:700}.hhc-faq-item summary::-webkit-details-marker{display:none}.hhc-faq-item p{margin:0;padding:0 40px 20px 0;color:#5b7270;line-height:1.65}.hhc-sources{margin-top:35px;padding:26px;border-radius:14px;background:var(--hh-wash)}.hhc-sources h2{font-size:24px;margin:0 0 8px}.hhc-sources p{margin:0;color:#5d7472;font-size:14px;line-height:1.6}
.hhc-side{position:sticky;top:92px;display:grid;gap:18px}.hhc-side-card{padding:25px;border:1px solid var(--hh-rule);border-radius:16px;background:#fff;box-shadow:0 12px 36px rgba(5,47,45,.055)}.hhc-situation{border-top:4px solid var(--hh-dark)}.hhc-situation h3{font-family:Georgia,serif;font-size:20px;font-weight:400;line-height:1.18;margin:0 0 9px;color:#0b3432}.hhc-situation a,.hhc-toc a{color:#0b6e66;text-decoration:none;font-size:13px;font-weight:700}.hhc-situation hr{border:0;border-top:1px solid var(--hh-rule);margin:20px 0}.hhc-toc b{display:block;margin-bottom:14px;text-transform:uppercase;letter-spacing:.1em;font-size:11px;color:#607674}.hhc-toc a{display:block;padding:8px 0;border-bottom:1px solid #edf2f1;font-weight:500;color:#536c6a}.hhc-toc a:last-child{border:0}.hhc-related{padding-bottom:80px}.hhc-related .related{border-top:1px solid var(--hh-rule);padding-top:46px}
@media(max-width:1050px){.hhc-shell .wrap{width:min(100% - 40px,940px)}.hhc-hero-grid{grid-template-columns:1fr;min-height:auto;padding-block:54px}.hhc-hero-art{display:none}.hhc-layout{grid-template-columns:1fr;gap:0;padding-top:52px}.hhc-side{position:static;grid-row:1;margin-bottom:38px}.hhc-toc{display:none}.hhc-situation{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.hhc-situation hr{display:none}.hhc-situation .hhc-eyebrow{grid-column:1/-1}.hhc-step-grid{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.hhc-shell .wrap{width:calc(100% - 28px)}.hhc-hero-grid{padding-block:38px 44px}.hhc-hero h1{font-size:clamp(40px,12vw,56px)}.hhc-answer{font-size:16px}.hhc-trust{gap:10px 16px}.hhc-layout{padding-block:38px 60px}.hhc-situation{display:block}.hhc-situation hr{display:block}.hhc-intro h2,.hhc-steps h2,.hhc-faq h2{font-size:34px}.hhc-metrics{grid-template-columns:1fr}.hhc-metrics>div+div{border-left:0;border-top:1px solid #c8dbd7}.hhc-metrics strong{font-size:32px}.hhc-mini-cta,.hhc-refusal,.hhc-consult{display:block;padding:25px 22px}.hhc-mini-cta .hhc-btn,.hhc-refusal .hhc-btn,.hhc-consult .hhc-btn{margin-top:20px;width:100%}.hhc-refusal-actions{align-items:stretch}.hhc-section{grid-template-columns:40px 1fr;gap:13px;padding:30px 0}.hhc-section h2{font-size:28px}.hhc-step-grid{grid-template-columns:1fr}.hhc-consult>div:last-child{margin-top:8px}.hhc-textlink{text-align:center;width:100%}}

/* ==========================================================================
   Universal portal article template v3.6
   ========================================================================== */
.hh-article{--ha-deep:#073a36;--ha-deep2:#052f2d;--ha-lime:#d9f45b;--ha-wash:#edf7f5;--ha-rule:#d8e6e3;color:#173d3b;background:#fff}
.hh-article>.wrap,.hh-article .wrap,.hh-article-related{width:min(1380px,calc(100% - 64px));max-width:none;margin-inline:auto}
.hh-article-hero{background:linear-gradient(112deg,#073a36 0 62%,#0a4b43 62% 100%);color:#fff}
.hh-article-hero-grid{min-height:430px;display:grid;grid-template-columns:minmax(0,880px) 330px;gap:100px;align-items:center;padding-block:58px}
.hh-article-hero .crumbs ol,.hh-article-hero .crumbs a,.hh-article-hero .crumbs [aria-current]{color:rgba(255,255,255,.58)}
.hh-article-kicker,.hh-article-side-label,.hh-inline-cta span{display:block;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.hh-article-kicker{margin:24px 0 13px;color:var(--ha-lime)}
.hh-article-hero h1{max-width:850px;margin:0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(50px,4.7vw,78px);font-weight:400;line-height:1;letter-spacing:-.045em;color:#fff}
.hh-article-lead{max-width:760px;margin:25px 0 0;font-size:18px;line-height:1.65;color:rgba(255,255,255,.78)}
.hh-article-hero-note{padding:28px 0 28px 32px;border-left:1px solid rgba(255,255,255,.18)}
.hh-article-hero-note span{display:block;color:var(--ha-lime);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;margin-bottom:14px}.hh-article-hero-note strong{display:block;font-family:Georgia,serif;font-size:27px;line-height:1.12;font-weight:400}.hh-article-hero-note p{font-size:13px;line-height:1.6;color:rgba(255,255,255,.65);margin:14px 0 0}
.hh-article-grid{display:grid;grid-template-columns:minmax(0,900px) 330px;gap:64px;align-items:start;padding-block:64px 90px}.hh-article-main{min-width:0}.hh-article-side{position:sticky;top:92px;display:grid;gap:18px}.hh-article-side-card{padding:24px;border:1px solid var(--ha-rule);border-radius:16px;background:#fff;box-shadow:0 12px 34px rgba(5,47,45,.05)}.hh-article-side-label{color:#718986;margin-bottom:14px}.hh-article-route{border-top:4px solid var(--ha-deep)}.hh-article-route strong{display:block;font-family:Georgia,serif;font-size:19px;line-height:1.2;font-weight:400;color:#103c39;margin-bottom:8px}.hh-article-route a{font-size:13px;font-weight:800;color:#0b6e66;text-decoration:none}.hh-article-route hr{border:0;border-top:1px solid var(--ha-rule);margin:20px 0}
.hh-article-toc .toc{padding:0;margin:0;background:none;border:0}.hh-article-toc .toc-title{display:none}.hh-article-toc .toc ol{margin:0;padding:0;list-style:none}.hh-article-toc .toc a{display:block;padding:8px 0;border-bottom:1px solid #edf2f1;color:#536c6a;text-decoration:none;font-size:13px;line-height:1.35}.hh-article-toc .toc li:last-child a{border:0}
.hh-article-start{margin:0 0 36px;padding:24px 26px;border-radius:15px;background:var(--ha-wash)}.hh-article-start span{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#0c766e}.hh-article-start p{margin:8px 0 0!important;color:#526c69!important}
.hh-article-main>h2,.hh-article-main .article-answer>h2{margin:58px 0 20px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(34px,3vw,46px);font-weight:400;line-height:1.06;letter-spacing:-.03em;color:#0a3432}.hh-article-main>h3,.hh-article-main .article-answer h3{font-family:Georgia,serif;font-size:27px;font-weight:400;color:#103c39}.hh-article-main p,.hh-article-main li{font-size:17px;line-height:1.72;color:#4f6664}.hh-article-main a{color:#0b756d;text-underline-offset:3px}
/* Content components that future HTML generators can emit. */
.article-answer{margin:0 0 18px;padding:0 0 34px;border-bottom:1px solid var(--ha-rule)}.article-answer:first-child>h2{margin-top:0}.answer-summary{font-size:19px!important;line-height:1.62!important;color:#284f4c!important}.answer-visual{margin:25px 0;border:1px solid #cfe0dc;border-radius:18px;overflow:hidden;background:linear-gradient(120deg,#edf7f5,#f8faef)}.answer-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.answer-metric{padding:27px 30px}.answer-metric+.answer-metric{border-left:1px solid #cfe0dc}.answer-metric small{display:block;font-weight:700;color:#607976;margin-bottom:8px}.answer-metric strong{display:block;font-family:Georgia,serif;font-size:38px;font-weight:400;color:#073a36}.answer-metric p{font-size:13px!important;margin:7px 0 0!important}.answer-note{padding:15px 20px;border-top:1px solid #cfe0dc;font-size:13px;line-height:1.5;color:#5d7471}.answer-details{margin-top:18px;border-top:1px solid var(--ha-rule);border-bottom:1px solid var(--ha-rule)}.answer-details>summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:17px 2px;font-size:14px;font-weight:800;color:#0a6d65}.answer-details>summary::-webkit-details-marker{display:none}.answer-details>summary:after{content:'+';font-size:23px;font-weight:300}.answer-details[open]>summary:after{content:'–'}.answer-full{padding:2px 0 20px}.answer-full p:first-child{margin-top:0}
.hh-inline-cta{margin:46px 0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:36px;align-items:center;padding:34px 36px;border-radius:18px;background:linear-gradient(120deg,#073a36,#0a4b43);color:#fff;box-shadow:0 18px 42px rgba(5,47,45,.12)}.hh-inline-cta span{color:var(--ha-lime);margin-bottom:9px}.hh-inline-cta h2{margin:0!important;font-family:Georgia,serif!important;font-size:30px!important;font-weight:400!important;color:#fff!important}.hh-inline-cta p{margin:8px 0 0!important;max-width:620px;color:rgba(255,255,255,.7)!important;font-size:14px!important}.hh-inline-cta .btn{white-space:nowrap}.hh-inline-cta--check{background:linear-gradient(120deg,#e7f3f0,#f4f8df);color:#123d39;box-shadow:none;border:1px solid #cfe0dc}.hh-inline-cta--check span{color:#0c756d}.hh-inline-cta--check h2{color:#123d39!important}.hh-inline-cta--check p{color:#5d7471!important}
.hh-article-main .page-disclaimer{margin-top:45px}.hh-article-related{padding-bottom:80px}.hh-article-related .related{border-top:1px solid var(--ha-rule);padding-top:46px}
@media(max-width:1050px){.hh-article>.wrap,.hh-article .wrap,.hh-article-related{width:min(100% - 40px,940px)}.hh-article-hero-grid{grid-template-columns:1fr;min-height:auto;gap:28px}.hh-article-hero-note{max-width:620px;border-left:0;border-top:1px solid rgba(255,255,255,.15);padding:22px 0 0}.hh-article-grid{grid-template-columns:1fr;padding-top:48px}.hh-article-side{position:static;grid-row:1}.hh-article-toc{display:none}.hh-article-route{display:grid;grid-template-columns:1fr 1fr;gap:18px}.hh-article-route>.hh-article-side-label{grid-column:1/-1}.hh-article-route hr{display:none}}
@media(max-width:680px){.hh-article>.wrap,.hh-article .wrap,.hh-article-related{width:calc(100% - 28px)}.hh-article-hero-grid{padding-block:36px 42px}.hh-article-hero h1{font-size:clamp(40px,12vw,55px)}.hh-article-lead{font-size:16px}.hh-article-grid{padding-block:34px 58px}.hh-article-route{display:block}.hh-article-route hr{display:block}.hh-article-main>h2,.hh-article-main .article-answer>h2{font-size:33px;margin-top:45px}.hh-article-main p,.hh-article-main li{font-size:16px}.answer-metrics{grid-template-columns:1fr}.answer-metric+.answer-metric{border-left:0;border-top:1px solid #cfe0dc}.hh-inline-cta{display:block;padding:26px 22px}.hh-inline-cta .btn{width:100%;margin-top:20px}.hh-inline-cta h2{font-size:27px!important}}

/* ======================================================================
   Universal article system v3.6.1
   Fast-answer surface + real infographic + expandable evidence layer.
   ====================================================================== */
body.page-template-template-article{
  background:#f6faf9;
}
body.page-template-template-article .hh-article-hero{
  background:
    radial-gradient(circle at 78% 26%,rgba(90,201,186,.14),transparent 32%),
    linear-gradient(112deg,#073a36 0 61%,#0a5147 61% 100%);
}
body.page-template-template-article .hh-article-hero-grid{
  min-height:330px;
  padding-block:42px 46px;
  grid-template-columns:minmax(0,860px) 320px;
  gap:86px;
}
body.page-template-template-article .hh-article-kicker{margin-top:18px}
body.page-template-template-article .hh-article-hero h1{
  font-size:clamp(48px,4.35vw,72px);
  max-width:800px;
}
body.page-template-template-article .hh-article-hero-note{
  background:rgba(0,0,0,.08);
  border:1px solid rgba(255,255,255,.10);
  border-left:3px solid var(--ha-lime,#c6f04c);
  border-radius:0 18px 18px 0;
  padding:24px 26px;
}

body.page-template-template-article .hh-article-grid{
  grid-template-columns:minmax(0,920px) 340px;
  gap:70px;
  padding-block:54px 86px;
}
body.page-template-template-article .hh-article-main{
  counter-reset:article-section;
}
body.page-template-template-article .hh-article-side{
  top:116px;
  gap:16px;
}
body.page-template-template-article .hh-article-side-card{
  border-radius:18px;
  box-shadow:0 14px 38px rgba(7,58,54,.07);
}
body.page-template-template-article .hh-article-route{
  background:linear-gradient(145deg,#073a36,#0a5147);
  color:#fff;
  border:0;
  padding:26px;
}
body.page-template-template-article .hh-article-route .hh-article-side-label{
  color:var(--ha-lime,#c6f04c);
}
body.page-template-template-article .hh-article-route strong{color:#fff;font-size:21px}
body.page-template-template-article .hh-article-route a{color:var(--ha-lime,#c6f04c)}
body.page-template-template-article .hh-article-route hr{border-top-color:rgba(255,255,255,.15)}
body.page-template-template-article .hh-article-toc a{
  padding:9px 0;
  transition:color .2s ease,padding-left .2s ease;
}
body.page-template-template-article .hh-article-toc a:hover{
  color:#073a36;
  padding-left:5px;
}

/* First answer / AI-like summary */
body.page-template-template-article .hh-article-start{
  margin-bottom:28px;
  padding:22px 26px;
  border:1px solid #d6e7e3;
  background:linear-gradient(110deg,#eaf6f3,#f6faf8);
}
body.page-template-template-article .article-answer{
  position:relative;
  margin:0 0 34px;
  padding:34px 36px 30px;
  border:1px solid #dce8e5;
  border-radius:22px;
  background:#fff;
  box-shadow:0 12px 34px rgba(7,58,54,.045);
  overflow:hidden;
}
body.page-template-template-article .article-answer:nth-of-type(even){
  background:linear-gradient(145deg,#fbfdfc,#f3f9f7);
}
body.page-template-template-article .article-answer>h2{
  position:relative;
  margin:0 0 17px!important;
  padding-left:54px;
  font-size:clamp(32px,2.65vw,42px)!important;
}
body.page-template-template-article .article-answer>h2:before{
  counter-increment:article-section;
  content:counter(article-section,decimal-leading-zero);
  position:absolute;
  left:0;
  top:.14em;
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#073a36;
  color:var(--ha-lime,#c6f04c);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:11px;
  font-weight:800;
  letter-spacing:.04em;
}
body.page-template-template-article .answer-summary{
  max-width:800px;
  margin:0 0 22px!important;
  font-size:19px!important;
  line-height:1.62!important;
  color:#244b48!important;
}

/* Infographic surface */
body.page-template-template-article .answer-visual{
  position:relative;
  margin:25px 0 22px;
  border:1px solid #c8dfda;
  border-radius:20px;
  overflow:hidden;
  background:
    radial-gradient(circle at 8% 0,rgba(198,240,76,.13),transparent 25%),
    linear-gradient(125deg,#e9f6f3,#f9fbf5);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
}
body.page-template-template-article .answer-metrics{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
}
body.page-template-template-article .answer-metric{
  position:relative;
  min-height:170px;
  padding:29px 32px 26px 82px;
}
body.page-template-template-article .answer-metric:before{
  content:"";
  position:absolute;
  left:28px;
  top:31px;
  width:38px;
  height:38px;
  border:1px solid #8fc7bd;
  border-radius:50%;
  background:
    radial-gradient(circle,#0b6d64 0 18%,transparent 20%),
    radial-gradient(circle,transparent 0 42%,#8fc7bd 44% 47%,transparent 49%);
}
body.page-template-template-article .answer-metric+.answer-metric{border-left:1px solid #c8dfda}
body.page-template-template-article .answer-metric small{
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:11px;
  color:#52706c;
}
body.page-template-template-article .answer-metric strong{
  margin-top:5px;
  font-size:43px;
  line-height:1;
  letter-spacing:-.035em;
}
body.page-template-template-article .answer-metric p{
  max-width:300px;
  margin-top:11px!important;
  color:#5a716f!important;
}
body.page-template-template-article .answer-note{
  padding:17px 22px 18px;
  border-top:1px solid #c8dfda;
  background:rgba(255,255,255,.58);
  color:#4e6966;
  font-size:14px;
  line-height:1.58;
}
body.page-template-template-article .answer-visual>.answer-note:only-child{
  border-top:0;
  padding:26px 30px 26px 74px;
  font-size:17px;
  line-height:1.6;
}
body.page-template-template-article .answer-visual>.answer-note:only-child:before{
  content:"i";
  position:absolute;
  left:28px;
  top:26px;
  width:29px;
  height:29px;
  display:grid;
  place-items:center;
  border:1px solid #70aa9f;
  border-radius:50%;
  color:#0c6f67;
  font-weight:800;
}

/* Expansion: full chapter hidden by default, intentionally substantial. */
body.page-template-template-article .answer-details{
  margin:20px -36px -30px;
  border:0;
  border-top:1px solid #dce8e5;
  background:#fff;
}
body.page-template-template-article .answer-details>summary{
  min-height:58px;
  padding:17px 36px;
  color:#075f59;
  font-size:14px;
  letter-spacing:.01em;
  background:#fbfdfc;
}
body.page-template-template-article .answer-details>summary:before{
  content:"Полный разбор";
  margin-right:auto;
  color:#78918e;
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.11em;
  font-weight:800;
}
body.page-template-template-article .answer-details>summary{
  gap:16px;
}
body.page-template-template-article .answer-details>summary:after{
  flex:0 0 30px;
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border:1px solid #a8c7c2;
  border-radius:50%;
  content:'+';
  line-height:1;
}
body.page-template-template-article .answer-details[open]>summary{
  background:#f2f8f6;
}
body.page-template-template-article .answer-details[open]>summary:after{content:'–'}
body.page-template-template-article .answer-full{
  max-width:780px;
  padding:30px 36px 34px;
}
body.page-template-template-article .answer-full p{
  font-size:16.5px;
  line-height:1.78;
}
body.page-template-template-article .answer-full p:last-child{margin-bottom:0}

/* CTA blocks between chapters */
body.page-template-template-article .hh-inline-cta,
body.page-template-template-article .answer-cta{
  margin:36px 0;
  border-radius:20px;
  box-shadow:0 16px 40px rgba(7,58,54,.10);
}

/* FAQ should not inherit numbered chapter-card appearance when nested. */
body.page-template-template-article .article-answer>h2 + .answer-details{
  margin-top:8px;
}
body.page-template-template-article .article-answer .answer-details + .answer-details{
  margin-top:0;
}

/* Related: a calm end, not part of the article body. */
body.page-template-template-article .hh-article-related{
  background:#eff7f5;
  width:100%;
  max-width:none;
  padding:54px max(32px,calc((100vw - 1380px)/2)) 84px;
}
body.page-template-template-article .hh-article-related .related{
  max-width:1380px;
  margin:0 auto;
  padding-top:0;
  border:0;
}

@media(max-width:1050px){
  body.page-template-template-article .hh-article-hero-grid{grid-template-columns:1fr;gap:22px;min-height:auto}
  body.page-template-template-article .hh-article-hero-note{max-width:720px}
  body.page-template-template-article .hh-article-grid{grid-template-columns:1fr;gap:30px}
  body.page-template-template-article .hh-article-side{grid-row:auto;position:static}
  body.page-template-template-article .hh-article-route{display:grid;grid-template-columns:1fr 1fr;gap:20px}
  body.page-template-template-article .hh-article-route>.hh-article-side-label{grid-column:1/-1}
}
@media(max-width:680px){
  body.page-template-template-article .hh-article-hero-grid{padding-block:30px 34px}
  body.page-template-template-article .hh-article-hero-note{display:none}
  body.page-template-template-article .hh-article-grid{padding-top:26px}
  body.page-template-template-article .article-answer{padding:25px 20px 24px;border-radius:17px;margin-bottom:22px}
  body.page-template-template-article .article-answer>h2{padding-left:0;padding-top:43px;font-size:30px!important}
  body.page-template-template-article .article-answer>h2:before{top:0;left:0}
  body.page-template-template-article .answer-summary{font-size:17px!important}
  body.page-template-template-article .answer-metrics{grid-template-columns:1fr}
  body.page-template-template-article .answer-metric{min-height:0;padding:24px 20px 24px 70px}
  body.page-template-template-article .answer-metric:before{left:20px;top:25px}
  body.page-template-template-article .answer-metric+.answer-metric{border-left:0;border-top:1px solid #c8dfda}
  body.page-template-template-article .answer-metric strong{font-size:36px}
  body.page-template-template-article .answer-visual>.answer-note:only-child{padding:22px 20px 22px 62px;font-size:15px}
  body.page-template-template-article .answer-visual>.answer-note:only-child:before{left:20px;top:22px}
  body.page-template-template-article .answer-details{margin:18px -20px -24px}
  body.page-template-template-article .answer-details>summary{padding:15px 20px;min-height:56px}
  body.page-template-template-article .answer-details>summary:before{display:none}
  body.page-template-template-article .answer-full{padding:24px 20px 28px}
  body.page-template-template-article .hh-article-route{display:block}
  body.page-template-template-article .hh-article-related{padding:42px 14px 60px}
}

/* ==========================================================================
   Article renderer v3.7 — compact AI-answer + visual + full analysis
   Robust selectors: work from .hh-article regardless of WP body classes.
   ========================================================================== */
.hh-article{
  --ar-deep:#073a36;
  --ar-deep-2:#0b4a43;
  --ar-lime:#c6f04c;
  --ar-ink:#123c39;
  --ar-copy:#526a67;
  --ar-line:#d6e5e1;
  --ar-wash:#eef7f5;
  --ar-white:#fff;
}
.hh-article .hh-article-hero-grid{
  min-height:300px!important;
  padding-block:40px 44px!important;
  grid-template-columns:minmax(0,820px) 320px!important;
  gap:74px!important;
}
.hh-article .hh-article-hero h1{font-size:clamp(48px,4.1vw,68px)!important;max-width:780px!important}
.hh-article .hh-article-hero-note{padding:22px 24px!important;border:1px solid rgba(255,255,255,.13)!important;border-left:3px solid var(--ar-lime)!important;border-radius:0 16px 16px 0;background:rgba(0,0,0,.06)}
.hh-article .hh-article-grid{grid-template-columns:minmax(0,900px) 300px!important;gap:58px!important;padding-block:48px 80px!important}
.hh-article .hh-article-main{counter-reset:hh-section;min-width:0}
.hh-article .hh-article-side{position:sticky!important;top:108px!important;align-self:start;display:grid;gap:14px}
.hh-article .hh-article-side-card{border-radius:18px!important;box-shadow:0 16px 40px rgba(7,58,54,.07)!important}

/* Compact TOC */
.hh-article .hh-article-toc{padding:20px!important}
.hh-article .hh-article-toc>.hh-article-side-label{margin-bottom:12px;color:#6d8783}
.hh-article .hh-article-toc .toc{margin:0;padding:0;border:0;background:none}
.hh-article .hh-article-toc .toc ol{list-style:none;margin:0;padding:0}
.hh-article .hh-article-toc .toc li{margin:0}
.hh-article .hh-article-toc .toc a{display:grid!important;grid-template-columns:27px 1fr;gap:8px;align-items:start;padding:8px 0!important;border:0!important;color:#466461!important;font-size:12.5px!important;line-height:1.35;text-decoration:none}
.hh-article .hh-article-toc .toc a span{color:#87a400;font-weight:800;font-size:11px;letter-spacing:.03em}
.hh-article .hh-article-toc .toc-primary li+li{border-top:1px solid #edf3f1}
.hh-article .hh-article-toc .toc-more{margin-top:10px;border-top:1px solid var(--ar-line);padding-top:9px}
.hh-article .hh-article-toc .toc-more>summary{list-style:none;cursor:pointer;color:#087168;font-size:12px;font-weight:800;padding:4px 0}
.hh-article .hh-article-toc .toc-more>summary::-webkit-details-marker{display:none}
.hh-article .hh-article-toc .toc-more>summary:after{content:' ↓';color:#87a400}
.hh-article .hh-article-toc .toc-more[open]>summary:after{content:' ↑'}
.hh-article .hh-article-toc .toc-more ol{padding-top:7px}

/* Route: one compact conversion card instead of a second long document */
.hh-article .hh-article-route{padding:22px!important;background:linear-gradient(145deg,var(--ar-deep),#0b4b44)!important;color:#fff!important;border:0!important}
.hh-article .hh-article-route .hh-article-side-label{color:var(--ar-lime)!important}
.hh-article .hh-article-route strong{font-size:18px!important;line-height:1.22!important;color:#fff!important}
.hh-article .hh-article-route a{display:inline-block;margin-top:3px;color:var(--ar-lime)!important;font-size:12.5px!important}
.hh-article .hh-article-route hr{margin:16px 0!important;border-top-color:rgba(255,255,255,.15)!important}

/* Top quick answer */
.hh-article .hh-article-start{margin:0 0 28px!important;padding:20px 24px!important;border:1px solid #d5e7e3;border-radius:16px!important;background:linear-gradient(110deg,#eaf6f3,#f6faf6)!important}
.hh-article .hh-article-start p{font-size:16px!important;line-height:1.55!important}

/* Each semantic chapter: visible answer + visible visual + hidden full analysis. */
.hh-article .article-answer{
  position:relative;
  margin:0 0 34px!important;
  padding:30px 32px 0!important;
  border:1px solid var(--ar-line)!important;
  border-radius:22px!important;
  background:#fff!important;
  box-shadow:0 12px 34px rgba(7,58,54,.045)!important;
  overflow:hidden;
}
.hh-article .article-answer:nth-of-type(2n){background:linear-gradient(145deg,#fff,#f7fbfa)!important}
.hh-article .article-answer>h2{
  position:relative;
  margin:0 0 14px!important;
  padding-left:48px!important;
  font-size:clamp(30px,2.25vw,39px)!important;
  line-height:1.08!important;
  scroll-margin-top:120px;
}
.hh-article .article-answer>h2:before{
  counter-increment:hh-section;
  content:counter(hh-section,decimal-leading-zero);
  position:absolute;left:0;top:.08em;width:34px;height:34px;display:grid;place-items:center;
  border-radius:50%;background:var(--ar-deep);color:var(--ar-lime);font:800 10px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:.04em
}
.hh-article .answer-summary{max-width:790px;margin:0 0 20px!important;color:#31514e!important;font-size:18px!important;line-height:1.62!important}

/* Visual layer */
.hh-article .answer-visual{position:relative;margin:22px 0 24px!important;border:1px solid #c8dfda!important;border-radius:18px!important;overflow:hidden;background:radial-gradient(circle at 4% 0,rgba(198,240,76,.14),transparent 26%),linear-gradient(120deg,#eaf6f3,#fafbf3)!important}
.hh-article .answer-metrics{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;margin:0!important;border:0!important;background:none!important;border-radius:0!important}
.hh-article .answer-metric{position:relative;min-height:152px;padding:26px 28px 23px 74px!important}
.hh-article .answer-metric+.answer-metric{border-left:1px solid #c8dfda!important}
.hh-article .answer-metric:before{content:'';position:absolute;left:26px;top:28px;width:32px;height:32px;border-radius:50%;border:1px solid #83bbb1;background:radial-gradient(circle,#0b7168 0 20%,transparent 22%),radial-gradient(circle,transparent 0 43%,#83bbb1 45% 48%,transparent 50%)}
.hh-article .answer-metric small{display:block;text-transform:uppercase;letter-spacing:.09em;font-size:10px!important;font-weight:800;color:#58716e}
.hh-article .answer-metric strong{display:block;margin-top:6px;font-family:Georgia,"Times New Roman",serif;font-size:39px!important;font-weight:400!important;line-height:1;color:var(--ar-deep)}
.hh-article .answer-metric p{max-width:300px;margin:10px 0 0!important;font-size:13px!important;line-height:1.45!important;color:#617976!important}
.hh-article .answer-note{position:relative;margin:0!important;padding:16px 20px!important;border-top:1px solid #c8dfda;background:rgba(255,255,255,.58);font-size:14px!important;line-height:1.55!important;color:#4f6966!important}
.hh-article .answer-visual>.answer-note:only-child{min-height:104px;padding:24px 28px 24px 72px!important;border-top:0!important;display:flex;align-items:center;font-size:16px!important;line-height:1.58!important}
.hh-article .answer-visual>.answer-note:only-child:before{content:'→';position:absolute;left:26px;top:50%;transform:translateY(-50%);width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:var(--ar-deep);color:var(--ar-lime);font-size:15px;font-weight:800}

/* Full analysis is really hidden. */
.hh-article details.answer-details{margin:22px -32px 0!important;border:0!important;border-top:1px solid var(--ar-line)!important;background:#fff!important}
.hh-article details.answer-details:not([open])>.answer-full{display:none!important}
.hh-article details.answer-details>summary{list-style:none!important;cursor:pointer!important;display:flex!important;align-items:center!important;gap:12px!important;min-height:58px!important;padding:16px 32px!important;background:#fbfdfc!important;color:#086d64!important;font-size:13.5px!important;font-weight:800!important}
.hh-article details.answer-details>summary::-webkit-details-marker{display:none!important}
.hh-article details.answer-details>summary:before{content:'Полный разбор';margin-right:auto;color:#819693;font-size:9px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.hh-article details.answer-details>summary:after{content:'+';flex:0 0 29px;width:29px;height:29px;display:grid;place-items:center;border:1px solid #a9c7c2;border-radius:50%;font-size:18px;font-weight:400}
.hh-article details.answer-details[open]>summary{background:#f1f8f6!important}
.hh-article details.answer-details[open]>summary:after{content:'–'}
.hh-article .answer-full{max-width:760px!important;padding:27px 32px 32px!important}
.hh-article .answer-full p,.hh-article .answer-full li{font-size:16px!important;line-height:1.78!important;color:#536a67!important}

/* CTA modules — no H2, therefore they never enter TOC. */
.hh-article .hh-inline-cta{margin:36px 0!important;padding:26px 28px!important;border-radius:20px!important;box-shadow:0 15px 38px rgba(7,58,54,.10)!important}
.hh-article .hh-inline-cta-title{margin:7px 0 8px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(27px,2.1vw,34px);line-height:1.08;color:inherit}
.hh-article .hh-inline-cta p{margin:0!important}

/* Related area */
.hh-article-related{width:100%!important;max-width:none!important;padding:50px max(32px,calc((100vw - 1380px)/2)) 78px!important;background:#eff7f5!important}
.hh-article-related .related{max-width:1380px;margin:0 auto;border:0!important;padding-top:0!important}

@media(max-width:1050px){
  .hh-article .hh-article-hero-grid{grid-template-columns:1fr!important;gap:20px!important;min-height:auto!important}
  .hh-article .hh-article-hero-note{max-width:700px}
  .hh-article .hh-article-grid{grid-template-columns:1fr!important;gap:26px!important}
  .hh-article .hh-article-side{position:static!important;grid-row:1!important}
  .hh-article .hh-article-toc{display:none!important}
  .hh-article .hh-article-route{display:grid;grid-template-columns:1fr 1fr;gap:18px}
  .hh-article .hh-article-route>.hh-article-side-label{grid-column:1/-1}
  .hh-article .hh-article-route hr{display:none}
}
@media(max-width:680px){
  .hh-article .hh-article-hero-grid{padding-block:28px 32px!important}
  .hh-article .hh-article-hero-note{display:none!important}
  .hh-article .hh-article-grid{padding-top:24px!important}
  .hh-article .hh-article-route{display:block}
  .hh-article .hh-article-route hr{display:block}
  .hh-article .article-answer{padding:24px 19px 0!important;margin-bottom:22px!important;border-radius:17px!important}
  .hh-article .article-answer>h2{padding-left:0!important;padding-top:40px!important;font-size:29px!important}
  .hh-article .article-answer>h2:before{top:0;left:0}
  .hh-article .answer-summary{font-size:16.5px!important}
  .hh-article .answer-metrics{grid-template-columns:1fr!important}
  .hh-article .answer-metric{min-height:0;padding:22px 18px 22px 64px!important}
  .hh-article .answer-metric:before{left:18px;top:24px}
  .hh-article .answer-metric+.answer-metric{border-left:0!important;border-top:1px solid #c8dfda!important}
  .hh-article .answer-metric strong{font-size:34px!important}
  .hh-article .answer-visual>.answer-note:only-child{padding:20px 18px 20px 58px!important;font-size:15px!important}
  .hh-article .answer-visual>.answer-note:only-child:before{left:18px}
  .hh-article details.answer-details{margin:18px -19px 0!important}
  .hh-article details.answer-details>summary{padding:14px 19px!important}
  .hh-article details.answer-details>summary:before{display:none}
  .hh-article .answer-full{padding:22px 19px 26px!important}
  .hh-article-related{padding:40px 14px 58px!important}
}

/* ==========================================================================
   MATERIAL PORTAL 0.9 — editorial layout based on approved prototype
   ========================================================================== */
body.page-template-template-article{background:#fff}
.page-template-template-article .hha-article{--hha-deep:#073a36;--hha-deep2:#0b4a43;--hha-accent:#17857a;--hha-lime:#c6f04c;--hha-wash:#f2f8f6;--hha-line:#d9e6e3;--hha-ink:#102f32;--hha-muted:#607370;color:var(--hha-ink);background:#fff}
.page-template-template-article .hha-article>.wrap,.page-template-template-article .hha-article .wrap{width:min(1380px,calc(100% - 64px));max-width:none;margin-inline:auto}

/* hero */
.page-template-template-article .hha-hero{border-bottom:1px solid var(--hha-line);background:linear-gradient(90deg,#fff 0 56%,#edf4f2 56% 100%);overflow:hidden}
.page-template-template-article .hha-hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(430px,.92fr);min-height:560px;align-items:stretch}
.page-template-template-article .hha-hero-copy{padding:34px 62px 48px 0;display:flex;flex-direction:column;justify-content:center;min-width:0}
.page-template-template-article .hha-hero .crumbs{margin:0 0 25px}
.page-template-template-article .hha-hero .crumbs ol{font-size:12px;color:#7a8d89}.page-template-template-article .hha-hero .crumbs a{color:#6d837f}
.page-template-template-article .hha-meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px 20px;margin-bottom:22px;font-size:12px;color:#637874}
.page-template-template-article .hha-meta>span{display:inline-flex;align-items:center;gap:6px}.page-template-template-article .hha-meta .icn{color:var(--hha-accent)}
.page-template-template-article .hha-pill{padding:7px 13px;border:1px solid #bfcf9d;border-radius:999px;color:#718b1a!important;font-size:10px!important;font-weight:800;letter-spacing:.08em;text-transform:uppercase;background:#fbfdec}
.page-template-template-article .hha-hero h1{max-width:770px;margin:0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(50px,4.4vw,74px);font-weight:400;line-height:1.02;letter-spacing:-.045em;color:#112e33}
.page-template-template-article .hha-lead{max-width:760px;margin:24px 0 0;font-size:18px;line-height:1.7;color:#506764}
.page-template-template-article .hha-trust{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:34px;padding-top:26px;border-top:1px solid #e3ece9}
.page-template-template-article .hha-trust>span{display:grid;grid-template-columns:30px 1fr;column-gap:10px;align-items:start;min-width:0}.page-template-template-article .hha-trust .icn{grid-row:1/3;color:#0b7169;margin-top:1px}.page-template-template-article .hha-trust b{font-size:12px;line-height:1.25;color:#213f40}.page-template-template-article .hha-trust small{font-size:10.5px;line-height:1.35;color:#7a8d89;margin-top:2px}
.page-template-template-article .hha-hero-media{position:relative;min-height:560px;margin-right:calc((100vw - min(1380px,calc(100vw - 64px)))/-2);overflow:hidden;background:#dfeae7}
.page-template-template-article .hha-hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.18),transparent 26%);pointer-events:none}
.page-template-template-article .hha-hero-media img{width:100%;height:100%;object-fit:cover;display:block}
.page-template-template-article .hha-hero-media.is-empty{background:radial-gradient(circle at 65% 35%,rgba(198,240,76,.22),transparent 23%),linear-gradient(135deg,#e9f3f0,#c9ddd8)}
.page-template-template-article .hha-hero-placeholder{position:absolute;inset:0;overflow:hidden}.page-template-template-article .hha-hero-placeholder:before{content:"";position:absolute;width:380px;height:380px;border-radius:50%;border:1px solid rgba(7,58,54,.12);right:8%;top:14%}.page-template-template-article .hha-hero-placeholder:after{content:"";position:absolute;width:210px;height:210px;border-radius:50%;border:1px solid rgba(7,58,54,.11);right:19%;top:29%}.page-template-template-article .hha-hero-placeholder i{position:absolute;width:16px;height:16px;border-radius:50%;background:rgba(7,58,54,.18)}.page-template-template-article .hha-hero-placeholder i:nth-child(1){right:25%;top:24%}.page-template-template-article .hha-hero-placeholder i:nth-child(2){right:12%;top:50%;background:var(--hha-lime)}.page-template-template-article .hha-hero-placeholder i:nth-child(3){right:36%;top:62%}

/* main editorial grid */
.page-template-template-article .hha-layout{display:grid!important;grid-template-columns:minmax(0,900px) 330px!important;gap:64px!important;align-items:start;padding-block:58px 82px}
.page-template-template-article .hha-main{min-width:0}.page-template-template-article .hha-side{position:sticky;top:96px;align-self:start;display:grid;gap:18px}
.page-template-template-article .hha-content.entry-body{max-width:none!important;margin:0!important;padding:0!important;font-size:17px!important;line-height:1.72!important;color:#435d5b!important}
.page-template-template-article .hha-content.entry-body>p{margin:0 0 1.25em}.page-template-template-article .hha-content.entry-body>p:first-child{font-size:18px;color:#355451}
.page-template-template-article .hha-content.entry-body h2{scroll-margin-top:120px;margin:56px 0 19px!important;font-family:Georgia,"Times New Roman",serif!important;font-size:clamp(31px,2.35vw,40px)!important;line-height:1.1!important;font-weight:400!important;letter-spacing:-.025em!important;color:#123538!important}
.page-template-template-article .hha-content.entry-body h3{margin:34px 0 14px!important;font-family:Georgia,"Times New Roman",serif!important;font-size:25px!important;line-height:1.18!important;font-weight:400!important;color:#173d3e!important}
.page-template-template-article .hha-content.entry-body ul,.page-template-template-article .hha-content.entry-body ol{padding-left:1.35em;margin:0 0 1.35em}.page-template-template-article .hha-content.entry-body li{margin-bottom:.55em}.page-template-template-article .hha-content.entry-body li::marker{color:#799818;font-weight:700}
.page-template-template-article .hha-content.entry-body blockquote{margin:30px 0!important;padding:20px 26px!important;border:0!important;border-left:4px solid var(--hha-lime)!important;border-radius:0 12px 12px 0;background:#f4f8ef!important;color:#425e59!important}
.page-template-template-article .hha-content.entry-body table{border-radius:14px;overflow:hidden;border:1px solid var(--hha-line)}

/* short answer and reusable visual modules */
.page-template-template-article .hha-short-answer{margin:0 0 34px;padding:24px 28px;border:1px solid #cfe1dd;border-left:4px solid var(--hha-accent);border-radius:14px;background:linear-gradient(110deg,#eff8f6,#fbfcf7)}
.page-template-template-article .hha-short-answer>span,.page-template-template-article .hha-callout span,.page-template-template-article .hha-funnel-copy>span,.page-template-template-article .hha-aftercare>div>span,.page-template-template-article .hha-verification>div>span{display:block;margin-bottom:8px;font-size:10px;font-weight:850;letter-spacing:.11em;text-transform:uppercase;color:#718d1b}
.page-template-template-article .hha-short-answer p{margin:0;font-size:18px;line-height:1.6;color:#244a47}
.page-template-template-article .hha-metrics{display:grid;grid-template-columns:1fr 1fr;margin:28px 0 34px;border:1px solid #d4e2df;border-radius:16px;overflow:hidden;background:linear-gradient(120deg,#eef7f5,#f9fbf7)}
.page-template-template-article .hha-metric{padding:26px 28px}.page-template-template-article .hha-metric+.hha-metric{border-left:1px solid #d4e2df}.page-template-template-article .hha-metric span{display:block;font-size:12px;font-weight:750;color:#617976;margin-bottom:9px}.page-template-template-article .hha-metric strong{display:block;font-family:Georgia,serif;font-size:34px;font-weight:400;line-height:1.1;color:#0b3936}.page-template-template-article .hha-metric p{margin:8px 0 0!important;font-size:12.5px!important;line-height:1.45!important;color:#687e7b!important}.page-template-template-article .hha-metrics-note{grid-column:1/-1;margin:0!important;padding:13px 20px;border-top:1px solid #d4e2df;background:rgba(255,255,255,.55);font-size:12.5px!important;color:#627873!important}
.page-template-template-article .hha-steps{margin:38px 0 42px}.page-template-template-article .hha-steps h3{margin-bottom:20px!important}.page-template-template-article .hha-step-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.page-template-template-article .hha-step{position:relative;padding:22px 18px;border:1px solid var(--hha-line);border-radius:14px;background:#fff}.page-template-template-article .hha-step b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;margin-bottom:20px;background:var(--hha-deep);color:#fff;font-size:10px}.page-template-template-article .hha-step strong{display:block;font-size:13px;line-height:1.3;color:#173a39}.page-template-template-article .hha-step p{margin:7px 0 0!important;font-size:12px!important;line-height:1.45!important;color:#6a7f7b!important}
.page-template-template-article .hha-callout{display:flex;align-items:center;justify-content:space-between;gap:28px;margin:32px 0;padding:25px 28px;border:1px solid #cfdfdb;border-radius:15px;background:linear-gradient(110deg,#eef8f5,#f8faed)}.page-template-template-article .hha-callout h3{margin:0 0 5px!important;font-size:22px!important}.page-template-template-article .hha-callout p{margin:0!important;font-size:13px!important;line-height:1.5!important}.page-template-template-article .hha-callout--dark{background:linear-gradient(120deg,var(--hha-deep),#0b4a43);border:0;color:#fff}.page-template-template-article .hha-callout--dark h3,.page-template-template-article .hha-callout--dark p{color:#fff!important}.page-template-template-article .hha-callout--dark p{opacity:.76}
.page-template-template-article .hha-funnel{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:20px;margin:38px 0;padding:27px 28px;border-radius:16px;background:linear-gradient(120deg,var(--hha-deep),#0a4a43);color:#fff;box-shadow:0 16px 34px rgba(7,58,54,.12)}.page-template-template-article .hha-funnel-icon{width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:50%;color:var(--hha-lime)}.page-template-template-article .hha-funnel h3{margin:0 0 5px!important;font-size:22px!important;color:#fff!important}.page-template-template-article .hha-funnel p{margin:0!important;font-size:12.5px!important;line-height:1.5!important;color:rgba(255,255,255,.7)!important}
.page-template-template-article .hha-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 20px;border-radius:7px;background:var(--hha-deep);color:#fff!important;text-decoration:none!important;font-size:12px;font-weight:800;white-space:nowrap}.page-template-template-article .hha-button--lime{background:var(--hha-lime);color:#163c36!important}.page-template-template-article .hha-text-link{color:#fff!important;text-underline-offset:3px;font-size:12px;font-weight:700}

/* sidebar */
.page-template-template-article .hha-side-card{padding:22px;border:1px solid var(--hha-line);border-radius:14px;background:#fff;box-shadow:0 10px 28px rgba(7,58,54,.055)}
.page-template-template-article .hha-side-kicker{display:block;margin:-22px -22px 20px;padding:13px 20px;border-radius:14px 14px 0 0;background:var(--hha-deep);color:var(--hha-lime);font-size:10px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}
.page-template-template-article .hha-route-item{display:grid;grid-template-columns:32px 1fr;gap:12px}.page-template-template-article .hha-route-item+.hha-route-item{margin-top:18px;padding-top:18px;border-top:1px solid #e7efed}.page-template-template-article .hha-route-item>.icn{color:#0b756d}.page-template-template-article .hha-route-item b{display:block;font-size:13px;line-height:1.35;color:#173a3a}.page-template-template-article .hha-route-item p{margin:5px 0 7px;font-size:11.5px;line-height:1.45;color:#718481}.page-template-template-article .hha-route-item a{font-size:11.5px;font-weight:800;color:#65840b;text-decoration:none}
.page-template-template-article .hha-toc>b,.page-template-template-article .hha-topic-links>b{display:block;margin-bottom:14px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#284947}.page-template-template-article .hha-toc .toc{margin:0!important;padding:0!important;border:0!important;background:none!important}.page-template-template-article .hha-toc .toc ol{list-style:none;margin:0;padding:0}.page-template-template-article .hha-toc .toc a{display:grid!important;grid-template-columns:23px 1fr;gap:7px;padding:7px 0!important;border:0!important;color:#627673!important;text-decoration:none!important;font-size:11.5px!important;line-height:1.35!important}.page-template-template-article .hha-toc .toc li+li{border-top:1px solid #edf2f1}.page-template-template-article .hha-toc .toc a span{color:#91aa34;font-size:10px;font-weight:800}.page-template-template-article .hha-toc .toc a.is-active{color:#0a665f!important;font-weight:750}.page-template-template-article .hha-toc .toc-more{margin-top:8px;padding-top:8px;border-top:1px solid #edf2f1}.page-template-template-article .hha-toc .toc-more summary{font-size:11px;color:#0a7269;cursor:pointer}
.page-template-template-article .hha-topic-links>div{display:grid}.page-template-template-article .hha-topic-links a{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid #edf2f1;color:#496562;text-decoration:none;font-size:12px;line-height:1.35}.page-template-template-article .hha-topic-links a span{color:#89a51d}.page-template-template-article .hha-topic-links a:hover{color:#0b7269}

/* ending */
.page-template-template-article .hha-aftercare{display:grid;grid-template-columns:1fr auto;gap:38px;align-items:center;margin:48px 0 54px;padding:30px 34px;border-radius:16px;background:linear-gradient(120deg,var(--hha-deep),#0b4943);color:#fff}.page-template-template-article .hha-aftercare h2{margin:0 0 9px!important;font-family:Georgia,serif;font-size:30px!important;font-weight:400!important;line-height:1.1!important;color:#fff!important}.page-template-template-article .hha-aftercare p{margin:0!important;max-width:650px;font-size:13px!important;line-height:1.55!important;color:rgba(255,255,255,.72)!important}.page-template-template-article .hha-aftercare-actions{display:flex;flex-direction:column;align-items:stretch;gap:10px;text-align:center}
.page-template-template-article .hha-main .faq-section{margin:48px 0}.page-template-template-article .hha-main .faq-section>h2{font-family:Georgia,serif;font-size:34px;font-weight:400;color:#153737}.page-template-template-article .hha-main .faq-item{border:1px solid var(--hha-line);border-radius:8px;margin:0 0 8px;background:#fff}.page-template-template-article .hha-main .faq-item summary{padding:15px 18px;font-size:13px}.page-template-template-article .hha-verification{display:grid;grid-template-columns:1fr auto;gap:30px;margin:50px 0 22px;padding:25px 28px;border-radius:14px;background:#f3f8f7}.page-template-template-article .hha-verification h2{margin:0 0 7px!important;font-family:Georgia,serif;font-size:25px!important;font-weight:400!important;color:#173a39!important}.page-template-template-article .hha-verification p{margin:0!important;font-size:12.5px!important;line-height:1.55!important;color:#627774!important}.page-template-template-article .hha-review{min-width:205px;padding-left:24px;border-left:1px solid #d7e4e1;display:flex;flex-direction:column;justify-content:center}.page-template-template-article .hha-review b{font-size:11px;color:#294d49}.page-template-template-article .hha-review span{font-size:12px;color:#536c68;margin-top:5px}.page-template-template-article .hha-review small{font-size:10px;color:#849592;margin-top:3px}
.page-template-template-article .hha-main .sources{margin-top:20px}.page-template-template-article .hha-main .disclaimer{margin-top:28px}

/* related cards — image first, text card if there is no image */
.page-template-template-article .hha-related{padding-bottom:76px!important}.page-template-template-article .hha-related .related{padding-top:44px;border-top:1px solid var(--hha-line)}.page-template-template-article .hha-related .related>h2{font-family:Georgia,serif;font-size:34px;font-weight:400;color:#173839}.page-template-template-article .hha-related .related-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.page-template-template-article .hha-related .card{border:1px solid var(--hha-line);border-radius:10px;background:#fff;overflow:hidden;box-shadow:0 8px 22px rgba(7,58,54,.04)}.page-template-template-article .hha-related .card-thumb{aspect-ratio:1.55/1;border-radius:0}.page-template-template-article .hha-related .card-thumb--empty{display:none!important}.page-template-template-article .hha-related .card-body{padding:15px}.page-template-template-article .hha-related .card h3{font-size:13px;line-height:1.35}.page-template-template-article .hha-related .card p{display:none}.page-template-template-article .hha-related .card-more{font-size:11px;color:#0b7169}

@media(max-width:1180px){
 .page-template-template-article .hha-article>.wrap,.page-template-template-article .hha-article .wrap{width:min(100% - 40px,1060px)}
 .page-template-template-article .hha-hero-grid{grid-template-columns:minmax(0,1fr) minmax(360px,.8fr);min-height:500px}
 .page-template-template-article .hha-hero-copy{padding-right:40px}.page-template-template-article .hha-hero-media{min-height:500px;margin-right:calc((100vw - min(1060px,calc(100vw - 40px)))/-2)}
 .page-template-template-article .hha-layout{grid-template-columns:minmax(0,1fr) 300px!important;gap:38px!important}.page-template-template-article .hha-related .related-grid{grid-template-columns:repeat(4,1fr)}
}
@media(max-width:960px){
 .page-template-template-article .hha-hero{background:#fff}.page-template-template-article .hha-hero-grid{grid-template-columns:1fr;min-height:auto}.page-template-template-article .hha-hero-copy{padding:34px 0 38px}.page-template-template-article .hha-hero-media{min-height:390px;margin:0 -20px}.page-template-template-article .hha-trust{max-width:720px}
 .page-template-template-article .hha-layout{grid-template-columns:1fr!important;gap:34px!important;padding-top:38px}.page-template-template-article .hha-side{position:static;grid-row:1}.page-template-template-article .hha-toc{display:none}.page-template-template-article .hha-side{grid-template-columns:1fr 1fr}.page-template-template-article .hha-situation{grid-column:1/-1}.page-template-template-article .hha-related .related-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:680px){
 .page-template-template-article .hha-article>.wrap,.page-template-template-article .hha-article .wrap{width:calc(100% - 28px)}
 .page-template-template-article .hha-hero-copy{padding:24px 0 30px}.page-template-template-article .hha-meta{gap:8px 12px;margin-bottom:17px}.page-template-template-article .hha-hero h1{font-size:clamp(38px,11.5vw,52px)}.page-template-template-article .hha-lead{font-size:16px;margin-top:18px}.page-template-template-article .hha-trust{grid-template-columns:1fr;gap:12px;margin-top:24px;padding-top:20px}.page-template-template-article .hha-hero-media{min-height:270px;margin:0 -14px}
 .page-template-template-article .hha-layout{padding-block:28px 52px}.page-template-template-article .hha-side{display:block}.page-template-template-article .hha-side-card{margin-bottom:14px}.page-template-template-article .hha-topic-links{display:none}.page-template-template-article .hha-short-answer{padding:20px}.page-template-template-article .hha-content.entry-body{font-size:16px!important}.page-template-template-article .hha-content.entry-body h2{font-size:30px!important;margin-top:44px!important}.page-template-template-article .hha-content.entry-body h3{font-size:23px!important}
 .page-template-template-article .hha-metrics{grid-template-columns:1fr}.page-template-template-article .hha-metric+.hha-metric{border-left:0;border-top:1px solid #d4e2df}.page-template-template-article .hha-step-grid{grid-template-columns:1fr 1fr}.page-template-template-article .hha-callout,.page-template-template-article .hha-funnel,.page-template-template-article .hha-aftercare,.page-template-template-article .hha-verification{display:block;padding:22px}.page-template-template-article .hha-callout .hha-button,.page-template-template-article .hha-funnel .hha-button,.page-template-template-article .hha-aftercare .hha-button{width:100%;margin-top:18px}.page-template-template-article .hha-funnel-icon{margin-bottom:14px}.page-template-template-article .hha-review{border-left:0;border-top:1px solid #d7e4e1;padding:16px 0 0;margin-top:18px}.page-template-template-article .hha-related .related-grid{grid-template-columns:1fr 1fr}.page-template-template-article .hha-related{padding-bottom:52px!important}
}
@media(max-width:430px){.page-template-template-article .hha-step-grid,.page-template-template-article .hha-related .related-grid{grid-template-columns:1fr}}


/* ==========================================================================
   ARTICLE v4.1 — layout correction after real-page review
   The article is an open editorial canvas, not a card inside the page.
   ========================================================================== */
.page-template-template-article .hha-article{
  background:#fff!important;
}
.page-template-template-article .hha-layout{
  grid-template-columns:minmax(0,880px) 360px!important;
  gap:52px!important;
  padding-top:64px;
  background:#fff;
}
.page-template-template-article .hha-main{
  min-width:0;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.page-template-template-article .hha-content.entry-body{
  margin:0!important;
  padding:0 8px 0 0!important;
  max-width:none!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  font-size:18px!important;
  line-height:1.72!important;
  color:#395653!important;
}
.page-template-template-article .hha-content.entry-body>p{
  margin-bottom:1.32em;
}
.page-template-template-article .hha-content.entry-body h2{
  margin-top:62px!important;
  margin-bottom:20px!important;
}
.page-template-template-article .hha-content.entry-body h3{
  margin-top:38px!important;
}

/* Sidebar: closer to the reference — calm cards, readable hierarchy. */
.page-template-template-article .hha-side{
  top:92px;
  gap:22px;
}
.page-template-template-article .hha-side-card{
  padding:26px 26px 27px;
  border:1px solid #d7e5e2;
  border-radius:18px;
  background:#fff;
  box-shadow:0 12px 34px rgba(7,58,54,.045);
}
.page-template-template-article .hha-side-kicker{
  margin:-26px -26px 24px;
  padding:16px 22px;
  border-radius:18px 18px 0 0;
  font-size:11px;
  letter-spacing:.095em;
}
.page-template-template-article .hha-route-item{
  grid-template-columns:38px 1fr;
  gap:14px;
}
.page-template-template-article .hha-route-item>.icn{
  width:30px;
  height:30px;
  padding:5px;
  border:1px solid #b9d8d3;
  border-radius:50%;
  color:#087b72;
}
.page-template-template-article .hha-route-item+.hha-route-item{
  margin-top:22px;
  padding-top:22px;
}
.page-template-template-article .hha-route-item b{
  font-size:14.5px;
  line-height:1.35;
}
.page-template-template-article .hha-route-item p{
  margin:7px 0 9px;
  font-size:12.5px;
  line-height:1.5;
}
.page-template-template-article .hha-route-item a{
  font-size:12.5px;
}
.page-template-template-article .hha-toc>b,
.page-template-template-article .hha-topic-links>b{
  margin-bottom:16px;
  font-size:11.5px;
  letter-spacing:.07em;
}
/* global .toc adds CSS-counter numbering; this template already prints 01,02... */
.page-template-template-article .hha-toc .toc li::before{
  content:none!important;
  display:none!important;
}
.page-template-template-article .hha-toc .toc li{
  display:block!important;
  counter-increment:none!important;
}
.page-template-template-article .hha-toc .toc a{
  grid-template-columns:30px 1fr!important;
  gap:10px!important;
  padding:11px 0!important;
  font-size:12.75px!important;
  line-height:1.38!important;
  color:#566e6b!important;
}
.page-template-template-article .hha-toc .toc a span{
  display:inline-flex;
  align-items:center;
  justify-content:flex-start;
  color:#7f9c11;
  font-size:10.5px;
  font-weight:850;
}
.page-template-template-article .hha-toc .toc a.is-active{
  color:#075f59!important;
}
.page-template-template-article .hha-topic-links a{
  align-items:flex-start;
  padding:13px 0;
  font-size:12.75px;
  line-height:1.4;
}

/* Related: keep the visual image slot even before editors upload thumbnails. */
.page-template-template-article .hha-related{
  background:#fff;
}
.page-template-template-article .hha-related .related-grid{
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:18px;
}
.page-template-template-article .hha-related .card{
  border-radius:14px;
  overflow:hidden;
  box-shadow:0 10px 28px rgba(7,58,54,.055);
}
.page-template-template-article .hha-related .card-thumb,
.page-template-template-article .hha-related .card-thumb--empty{
  display:block!important;
  aspect-ratio:16/10;
  border-radius:0!important;
}
.page-template-template-article .hha-related .card-thumb--empty{
  background:
    radial-gradient(circle at 75% 26%,rgba(198,240,76,.24),transparent 25%),
    linear-gradient(145deg,#e9f4f1,#dbeae6)!important;
}
.page-template-template-article .hha-related .card-body{
  padding:17px 17px 18px;
}
.page-template-template-article .hha-related .card h3{
  margin:0 0 13px;
  font-size:14px;
  line-height:1.38;
}
.page-template-template-article .hha-related .card-more{
  font-size:11.5px;
  font-weight:750;
}

@media(max-width:1180px){
  .page-template-template-article .hha-layout{
    grid-template-columns:minmax(0,1fr) 320px!important;
    gap:38px!important;
  }
  .page-template-template-article .hha-content.entry-body{font-size:17.5px!important}
  .page-template-template-article .hha-related .related-grid{grid-template-columns:repeat(4,1fr)}
}
@media(max-width:900px){
  .page-template-template-article .hha-layout{grid-template-columns:1fr!important}
  .page-template-template-article .hha-content.entry-body{padding-right:0!important}
  .page-template-template-article .hha-related .related-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:640px){
  .page-template-template-article .hha-content.entry-body{font-size:16.5px!important}
  .page-template-template-article .hha-related .related-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:430px){
  .page-template-template-article .hha-related .related-grid{grid-template-columns:1fr}
}


/* ========================================================================
   ARTICLE v4.2 — TOC + lead magnet, four related cards
   ======================================================================== */
.page-template-template-article .hha-side{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:18px!important;
}
.page-template-template-article .hha-side .hha-toc{
  margin:0!important;
}
.page-template-template-article .hha-leadmagnet{
  display:grid;
  grid-template-columns:42px 1fr;
  gap:13px;
  padding:18px;
  border:1px solid #cfe1dd;
  border-radius:16px;
  background:linear-gradient(145deg,#f4f9f7 0%,#edf6f3 100%);
  box-shadow:0 10px 28px rgba(7,58,54,.035);
}
.page-template-template-article .hha-leadmagnet-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  width:42px;
  height:42px;
  border-radius:12px;
  background:#fff;
  border:1px solid #d4e6e2;
  color:#08766e;
}
.page-template-template-article .hha-leadmagnet-copy>span:first-child{
  display:block;
  margin:1px 0 6px;
  color:#7b941c;
  font-size:9.5px;
  font-weight:850;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.page-template-template-article .hha-leadmagnet-copy>b{
  display:block;
  color:#173c3a;
  font-size:13px;
  line-height:1.35;
}
.page-template-template-article .hha-leadmagnet-copy p{
  margin:7px 0 10px;
  color:#607572;
  font-size:11.5px;
  line-height:1.45;
}
.page-template-template-article .hha-leadmagnet-copy a,
.page-template-template-article .hha-leadmagnet-action{
  color:#6f8907;
  font-size:11.5px;
  font-weight:800;
  text-decoration:none;
}
.page-template-template-article .hha-leadmagnet-copy a:hover{color:#506500}
.page-template-template-article .hha-leadmagnet-action.is-disabled{opacity:.5;cursor:default}

.page-template-template-article .hha-related .related{
  padding-top:46px;
}
.page-template-template-article .hha-related .related-head{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:24px;
  margin-bottom:22px;
}
.page-template-template-article .hha-related .related-head h2{
  margin:0!important;
}
.page-template-template-article .hha-related .related-all{
  flex:0 0 auto;
  color:#0b7169;
  font-size:13px;
  font-weight:750;
  text-decoration:none;
  white-space:nowrap;
}
.page-template-template-article .hha-related .related-all span{margin-left:5px}
.page-template-template-article .hha-related .related-all:hover{color:#07564f}
.page-template-template-article .hha-related .related-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:20px!important;
  width:100%;
}
.page-template-template-article .hha-related .card{
  min-width:0;
  height:100%;
}

@media(max-width:900px){
  .page-template-template-article .hha-side{display:block!important}
  .page-template-template-article .hha-leadmagnet{max-width:520px;margin:0 auto}
  .page-template-template-article .hha-related .related-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:560px){
  .page-template-template-article .hha-related .related-head{align-items:flex-start;gap:12px}
  .page-template-template-article .hha-related .related-all{font-size:11.5px}
  .page-template-template-article .hha-related .related-grid{grid-template-columns:1fr!important}
}


/* ==========================================================================
   v4.4 — hero статьи: изображение внутри сетки, без full-bleed
   ========================================================================== */
@media (min-width:1100px) {
  .page-template-template-article .hha-hero {
    background:linear-gradient(90deg,#fff 0 58%,#edf4f2 58% 100%);
  }

  .page-template-template-article .hha-hero-grid {
    grid-template-columns:minmax(0,1.12fr) minmax(380px,.88fr);
    min-height:420px;
    max-height:460px;
    gap:0;
  }

  .page-template-template-article .hha-hero-copy {
    padding:38px 54px 38px 0;
    justify-content:center;
  }

  .page-template-template-article .hha-hero .crumbs {
    margin-bottom:16px;
  }

  .page-template-template-article .hha-meta {
    margin-bottom:20px;
  }

  .page-template-template-article .hha-hero h1 {
    font-size:clamp(48px,3.7vw,64px);
    max-width:720px;
  }

  .page-template-template-article .hha-lead {
    margin-top:18px;
    font-size:17px;
    line-height:1.6;
  }

  .page-template-template-article .hha-trust {
    margin-top:24px;
    padding-top:20px;
  }

  .page-template-template-article .hha-hero-media {
    min-height:420px;
    height:100%;
    max-height:460px;
    margin-right:0;
    border-radius:0;
  }

  .page-template-template-article .hha-hero-media img {
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center center;
  }
}

@media (min-width:900px) and (max-width:1099px) {
  .page-template-template-article .hha-hero-grid {
    grid-template-columns:minmax(0,1fr) minmax(340px,.78fr);
    min-height:400px;
  }

  .page-template-template-article .hha-hero-copy {
    padding:32px 36px 32px 0;
  }

  .page-template-template-article .hha-hero-media {
    min-height:400px;
    margin-right:0;
  }
}


/* ==========================================================================
   v4.5 — явный переход на материал в «Читайте также»
   ========================================================================== */
.page-template-template-article .hha-related .card-link{
  position:relative;
  height:100%;
}
.page-template-template-article .hha-related .card-body{
  position:relative;
  min-height:138px;
  padding-right:56px!important;
  padding-bottom:52px!important;
}
.page-template-template-article .hha-related .card-more{
  display:none!important;
}
.page-template-template-article .hha-related .card-arrow{
  position:absolute;
  right:18px;
  bottom:18px;
  width:34px;
  height:34px;
  border:1px solid #153b3a;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#153b3a;
  font-size:16px;
  line-height:1;
  transition:.18s ease;
}
.page-template-template-article .hha-related .card-link:hover .card-arrow{
  transform:translateX(2px);
  background:#0d3b39;
  color:#fff;
}
.page-template-template-article .hha-related .card-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
}


/* ==========================================================================
   v4.6 — article hero: composition aligned to approved prototype
   ========================================================================== */
.page-template-template-article .hha-hero{
  padding:28px 0 30px!important;
  background:
    radial-gradient(circle at 88% 16%,rgba(198,240,76,.10),transparent 22%),
    linear-gradient(180deg,#f6faf9 0%,#eef6f4 100%)!important;
  border-bottom:1px solid #dce9e6;
}
.page-template-template-article .hha-hero-grid{
  width:min(1440px,calc(100% - 64px));
  max-width:1440px;
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,1.12fr) minmax(390px,.88fr)!important;
  gap:26px!important;
  min-height:0!important;
  max-height:none!important;
  align-items:stretch;
}
.page-template-template-article .hha-hero-copy{
  padding:22px 34px 18px 6px!important;
  justify-content:center!important;
}
.page-template-template-article .hha-hero .crumbs{
  margin:0 0 18px!important;
}
.page-template-template-article .hha-meta{
  margin:0 0 19px!important;
  gap:16px!important;
}
.page-template-template-article .hha-hero h1{
  max-width:760px!important;
  margin:0!important;
  font-size:clamp(46px,3.25vw,60px)!important;
  line-height:.98!important;
  letter-spacing:-.035em!important;
}
.page-template-template-article .hha-lead{
  max-width:760px!important;
  margin:20px 0 0!important;
  font-size:17px!important;
  line-height:1.56!important;
}
.page-template-template-article .hha-trust{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;
  margin-top:26px!important;
  padding-top:20px!important;
  border-top:1px solid #dbe7e4!important;
}
.page-template-template-article .hha-trust>span{
  min-width:0;
}
.page-template-template-article .hha-trust b{
  font-size:12.5px!important;
  line-height:1.25!important;
}
.page-template-template-article .hha-trust small{
  font-size:10.5px!important;
  line-height:1.3!important;
}
.page-template-template-article .hha-hero-media{
  position:relative;
  align-self:stretch;
  height:auto!important;
  min-height:390px!important;
  max-height:430px!important;
  margin:0!important;
  overflow:hidden;
  border:1px solid #d3e4e0;
  border-radius:24px!important;
  background:#dfecea;
  box-shadow:0 18px 44px rgba(7,58,54,.08);
}
.page-template-template-article .hha-hero-media img{
  width:100%!important;
  height:100%!important;
  min-height:390px;
  object-fit:cover!important;
  border-radius:inherit;
}
.page-template-template-article .hha-hero-placeholder{
  min-height:390px;
}

/* Article starts closer to hero, as in the prototype. */
.page-template-template-article .hha-layout{
  padding-top:48px!important;
}

/* ==========================================================================
   v4.6 — clear navigation arrows in the /statyi/ mosaic
   ========================================================================== */
.page-template-template-catalog .tile{
  position:relative;
}
.page-template-template-catalog .tile-arrow{
  position:absolute;
  right:16px;
  bottom:16px;
  z-index:5;
  display:flex;
  align-items:center;
  justify-content:center;
  width:38px;
  height:38px;
  border:1px solid #173d3b;
  border-radius:50%;
  background:rgba(255,255,255,.92);
  color:#173d3b;
  text-decoration:none;
  font-size:17px;
  line-height:1;
  box-shadow:0 6px 18px rgba(7,58,54,.06);
  transition:transform .18s ease,background .18s ease,color .18s ease;
}
.page-template-template-catalog .tile-arrow:hover{
  transform:translateX(2px);
  background:#0d3b39;
  color:#fff;
}
.page-template-template-catalog .tile-hero .tile-arrow,
.page-template-template-catalog .tile-tall .tile-arrow{
  border-color:rgba(255,255,255,.78);
  background:rgba(7,45,43,.62);
  color:#fff;
  box-shadow:none;
}
.page-template-template-catalog .tile-hero .tile-over,
.page-template-template-catalog .tile-tall .tile-over{
  padding-right:68px!important;
  padding-bottom:66px!important;
}
.page-template-template-catalog .tile-compact .tile-body,
.page-template-template-catalog .tile-split .tile-body,
.page-template-template-catalog .tile-text .tile-body{
  padding-right:64px!important;
  padding-bottom:58px!important;
}
.page-template-template-catalog .tile-strip .tile-body{
  padding-right:70px!important;
}

@media(max-width:980px){
  .page-template-template-article .hha-hero-grid{
    width:min(100% - 40px,1100px);
    grid-template-columns:1fr 42%!important;
    gap:20px!important;
  }
  .page-template-template-article .hha-hero-copy{
    padding-right:18px!important;
  }
  .page-template-template-article .hha-hero h1{
    font-size:clamp(40px,5vw,54px)!important;
  }
  .page-template-template-article .hha-trust{
    grid-template-columns:1fr 1fr 1fr!important;
  }
  .page-template-template-article .hha-hero-media{
    min-height:360px!important;
    max-height:400px!important;
  }
}
@media(max-width:760px){
  .page-template-template-article .hha-hero{
    padding:18px 0 24px!important;
  }
  .page-template-template-article .hha-hero-grid{
    width:min(100% - 28px,700px);
    grid-template-columns:1fr!important;
  }
  .page-template-template-article .hha-hero-copy{
    padding:10px 4px 0!important;
  }
  .page-template-template-article .hha-hero-media{
    min-height:260px!important;
    max-height:320px!important;
    border-radius:18px!important;
  }
  .page-template-template-article .hha-hero-media img{
    min-height:260px!important;
  }
  .page-template-template-article .hha-trust{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
}


/* ==========================================================================
   v4.7 — hh_metrics: симметричная медицинская инфографика
   ========================================================================== */
.page-template-template-article .hha-metrics{
  display:grid;
  grid-template-columns:1fr 1fr;
  margin:28px 0 34px;
  overflow:hidden;
  border:1px solid #cbded9;
  border-radius:18px;
  background:#f3f8f7;
}
.page-template-template-article .hha-metric{
  position:relative;
  min-width:0;
  padding:26px 30px 24px;
}
.page-template-template-article .hha-metric + .hha-metric{
  border-left:1px solid #cbded9;
}
.page-template-template-article .hha-metric>span{
  display:block;
  margin-bottom:10px;
  color:#56716d;
  font-size:12px;
  font-weight:800;
  letter-spacing:.01em;
}
.page-template-template-article .hha-metric>strong{
  display:block;
  margin:0 0 8px;
  color:#0d3b39;
  font-family:Georgia,"Times New Roman",serif;
  font-size:34px;
  line-height:1.05;
  font-weight:500;
  letter-spacing:-.02em;
}
.page-template-template-article .hha-metric>p{
  margin:0!important;
  max-width:390px;
  color:#617773;
  font-size:13px!important;
  line-height:1.5!important;
}
.page-template-template-article .hha-metrics-note{
  grid-column:1 / -1;
  margin:0!important;
  padding:14px 30px 16px;
  border-top:1px solid #cbded9;
  background:#eaf4f1;
  color:#45615d;
  font-size:12.5px!important;
  line-height:1.5!important;
}
@media(max-width:700px){
  .page-template-template-article .hha-metrics{
    grid-template-columns:1fr;
  }
  .page-template-template-article .hha-metric + .hha-metric{
    border-left:0;
    border-top:1px solid #cbded9;
  }
  .page-template-template-article .hha-metric{
    padding:22px 22px 20px;
  }
  .page-template-template-article .hha-metrics-note{
    padding:14px 22px 16px;
  }
}


/* ==========================================================================
   v4.9 — единая иерархия экспертной статьи
   H2 = основной интент; H3 = уточняющий вопрос; FAQ = отдельный паттерн
   ========================================================================== */
.page-template-template-article .hha-content{
  counter-reset:hha-section;
}
.page-template-template-article .hha-content>h2{
  counter-increment:hha-section;
  position:relative;
  margin:58px 0 18px!important;
  padding:26px 0 0 58px!important;
  border-top:1px solid #d8e5e2;
  color:#0b3534;
  font-size:clamp(30px,2.2vw,40px)!important;
  line-height:1.12!important;
  letter-spacing:-.025em;
  scroll-margin-top:120px;
}
.page-template-template-article .hha-content>h2:first-child{
  margin-top:0!important;
}
.page-template-template-article .hha-content>h2::before{
  content:counter(hha-section, decimal-leading-zero);
  position:absolute;
  left:0;
  top:29px;
  display:flex;
  align-items:center;
  justify-content:center;
  width:38px;
  height:38px;
  border-radius:50%;
  background:#0b403d;
  color:#c9f24b;
  font-family:Arial,sans-serif;
  font-size:12px;
  font-weight:800;
  letter-spacing:.04em;
}
.page-template-template-article .hha-content>h2 + p{
  margin:0 0 22px!important;
  color:#234d4a;
  font-size:18px!important;
  line-height:1.65!important;
  font-weight:560;
}
.page-template-template-article .hha-content>h3,
.page-template-template-article .hha-content>.hha-subquestion{
  position:relative;
  margin:34px 0 12px!important;
  padding:15px 52px 15px 18px!important;
  border-left:3px solid #9fc630;
  border-radius:0 12px 12px 0;
  background:#f3f8f6;
  color:#123d3a;
  font-family:Georgia,"Times New Roman",serif;
  font-size:22px!important;
  line-height:1.3!important;
}
.page-template-template-article .hha-content>h3::after,
.page-template-template-article .hha-content>.hha-subquestion::after{
  content:"↳";
  position:absolute;
  right:18px;
  top:50%;
  transform:translateY(-50%);
  color:#7e9d25;
  font-family:Arial,sans-serif;
  font-size:18px;
}
.page-template-template-article .hha-content>h3 + p,
.page-template-template-article .hha-content>.hha-subquestion + p{
  margin-top:0!important;
}
.page-template-template-article .hha-content p{
  max-width:880px;
}
.page-template-template-article .hha-content ul,
.page-template-template-article .hha-content ol{
  max-width:850px;
  margin-top:12px;
  margin-bottom:24px;
}
.page-template-template-article .hha-content li{
  margin-bottom:8px;
}

/* Визуально отделяем FAQ от основной статьи: это хвостовые вопросы, не главы. */
.page-template-template-article .faq-section{
  margin-top:54px;
  padding-top:34px;
  border-top:1px solid #d8e5e2;
}
.page-template-template-article .faq-section>h2{
  margin:0 0 20px!important;
  color:#0b3534;
  font-size:32px!important;
}
.page-template-template-article .faq{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px 14px;
}
.page-template-template-article .faq-item{
  align-self:start;
  overflow:hidden;
  border:1px solid #d5e3e0;
  border-radius:12px;
  background:#fff;
}
.page-template-template-article .faq-item summary{
  position:relative;
  min-height:62px;
  padding:18px 52px 18px 18px;
  cursor:pointer;
  list-style:none;
  color:#123d3a;
  font-size:14px;
  font-weight:750;
  line-height:1.4;
}
.page-template-template-article .faq-item summary::-webkit-details-marker{display:none}
.page-template-template-article .faq-item summary::after{
  content:"+";
  position:absolute;
  right:16px;
  top:50%;
  transform:translateY(-50%);
  display:flex;
  align-items:center;
  justify-content:center;
  width:28px;
  height:28px;
  border:1px solid #78918e;
  border-radius:50%;
  font-size:17px;
  font-weight:400;
}
.page-template-template-article .faq-item[open] summary::after{content:"−"}
.page-template-template-article .faq-answer{
  padding:0 18px 18px;
  color:#536d69;
  font-size:13px;
  line-height:1.6;
}
.page-template-template-article .faq-answer p:last-child{margin-bottom:0}

/* Sidebar — только реальные H2, компактно и читаемо. */
.page-template-template-article .hha-toc .toc-primary{
  counter-reset:none;
}
.page-template-template-article .hha-toc a{
  line-height:1.35;
}
.page-template-template-article .hha-toc a.is-active{
  color:#0b5d56;
  font-weight:800;
}
.page-template-template-article .hha-toc a.is-active span{
  background:#c9f24b;
  color:#123d3a;
}

/* CTA и инфографика не должны сливаться с вопросами. */
.page-template-template-article .hha-content .hha-metrics,
.page-template-template-article .hha-content .hha-callout,
.page-template-template-article .hha-content .hha-funnel,
.page-template-template-article .hha-content .hha-steps{
  max-width:900px;
}

@media(max-width:760px){
  .page-template-template-article .hha-content>h2{
    margin-top:42px!important;
    padding:22px 0 0 48px!important;
    font-size:29px!important;
  }
  .page-template-template-article .hha-content>h2::before{
    top:23px;
    width:32px;
    height:32px;
    font-size:10px;
  }
  .page-template-template-article .hha-content>h2 + p{
    font-size:16.5px!important;
  }
  .page-template-template-article .hha-content>h3,
  .page-template-template-article .hha-content>.hha-subquestion{
    padding:14px 42px 14px 15px!important;
    font-size:19px!important;
  }
  .page-template-template-article .faq{
    grid-template-columns:1fr;
  }
}


/* ==========================================================================
   v4.10 — финальная структура cornerstone + отдельный FAQ
   ========================================================================== */

/* Встроенный старый заголовок FAQ не является разделом статьи. */
.page-template-template-article .hha-inline-faq-title{
  margin:54px 0 18px!important;
  padding-top:30px!important;
  border-top:1px solid #d8e5e2;
  color:#0b3534;
  font-family:Georgia,"Times New Roman",serif;
  font-size:30px!important;
  line-height:1.2!important;
}

/* Реальный FAQ из hh_faq — самостоятельные открытые карточки, без accordion. */
.page-template-template-article .faq-section{
  margin-top:58px!important;
  padding-top:36px!important;
  border-top:1px solid #d8e5e2!important;
}
.page-template-template-article .faq-section>h2{
  margin:0 0 22px!important;
  padding:0!important;
  border:0!important;
  font-family:Georgia,"Times New Roman",serif;
  font-size:34px!important;
  line-height:1.15!important;
  color:#0b3534;
}
.page-template-template-article .faq-section>h2::before{
  display:none!important;
  content:none!important;
}
.page-template-template-article .faq{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
}
.page-template-template-article .faq-item{
  position:relative;
  min-height:0!important;
  padding:22px 24px 20px!important;
  border:1px solid #d4e3df!important;
  border-radius:16px!important;
  background:#f7faf9!important;
  box-shadow:none!important;
}
.page-template-template-article .faq-item h3{
  margin:0 0 12px!important;
  padding:0 34px 0 0!important;
  border:0!important;
  background:none!important;
  color:#123d3a!important;
  font-family:Arial,sans-serif!important;
  font-size:15px!important;
  line-height:1.4!important;
  font-weight:800!important;
}
.page-template-template-article .faq-item h3::after{
  content:"?";
  position:absolute;
  right:20px;
  top:20px;
  display:flex;
  align-items:center;
  justify-content:center;
  width:26px;
  height:26px;
  border:1px solid #aac0bb;
  border-radius:50%;
  color:#6f8b86;
  font-size:13px;
  font-weight:800;
}
.page-template-template-article .faq-answer{
  padding:0!important;
  color:#526e69!important;
  font-size:13px!important;
  line-height:1.6!important;
}
.page-template-template-article .faq-answer p{
  margin:0 0 9px!important;
}
.page-template-template-article .faq-answer p:last-child{
  margin-bottom:0!important;
}
@media(max-width:760px){
  .page-template-template-article .faq{
    grid-template-columns:1fr!important;
  }
}


/* ==========================================================================
   v4.11 — универсальная система экспертной статьи
   Никаких правил по slug/текстам. Только реальная HTML-иерархия:
   H2 = раздел статьи, H3 = подвопрос/подраздел.
   ========================================================================== */

.page-template-template-article .hha-content{
  counter-reset:hha-section;
}

.page-template-template-article .hha-content > h2{
  counter-increment:hha-section;
  position:relative;
  margin:58px 0 18px!important;
  padding:26px 0 0 58px!important;
  border-top:1px solid #d8e5e2;
  color:#0b3534;
  font-size:clamp(30px,2.2vw,40px)!important;
  line-height:1.12!important;
  letter-spacing:-.025em;
  scroll-margin-top:120px;
}

.page-template-template-article .hha-content > h2:first-child{
  margin-top:0!important;
}

.page-template-template-article .hha-content > h2::before{
  content:counter(hha-section, decimal-leading-zero);
  position:absolute;
  left:0;
  top:29px;
  display:flex;
  align-items:center;
  justify-content:center;
  width:38px;
  height:38px;
  border-radius:50%;
  background:#0b403d;
  color:#c9f24b;
  font-family:Arial,sans-serif;
  font-size:12px;
  font-weight:800;
  letter-spacing:.04em;
}

.page-template-template-article .hha-content > h2 + p{
  margin-top:0!important;
  margin-bottom:22px!important;
  color:#234d4a;
  font-size:18px!important;
  line-height:1.65!important;
  font-weight:560;
}

.page-template-template-article .hha-content > h3{
  position:relative;
  margin:34px 0 12px!important;
  padding:15px 48px 15px 18px!important;
  border-left:3px solid #a8cb3d;
  border-radius:0 12px 12px 0;
  background:#f3f8f6;
  color:#123d3a;
  font-family:Georgia,"Times New Roman",serif;
  font-size:21px!important;
  line-height:1.3!important;
}

.page-template-template-article .hha-content > h3::after{
  content:"";
  position:absolute;
  right:20px;
  top:50%;
  width:8px;
  height:8px;
  border-right:2px solid #86a72c;
  border-bottom:2px solid #86a72c;
  transform:translateY(-60%) rotate(45deg);
}

.page-template-template-article .hha-content > h3 + p{
  margin-top:0!important;
}

.page-template-template-article .hha-content > .hha-inline-faq-title{
  margin:54px 0 18px!important;
  padding:30px 0 0!important;
  border-top:1px solid #d8e5e2!important;
  border-left:0!important;
  border-radius:0!important;
  background:none!important;
  font-size:30px!important;
}
.page-template-template-article .hha-content > .hha-inline-faq-title::after{
  display:none!important;
}

/* Содержание строится только по H2 функцией hivhair_with_toc(). */
.page-template-template-article .hha-toc a.is-active{
  color:#0b5d56;
  font-weight:800;
}
.page-template-template-article .hha-toc a.is-active span{
  background:#c9f24b;
  color:#123d3a;
}

/* FAQ — системный блок, не глава статьи. */
.page-template-template-article .faq-section{
  margin-top:58px!important;
  padding-top:36px!important;
  border-top:1px solid #d8e5e2!important;
}
.page-template-template-article .faq-section > h2{
  margin:0 0 22px!important;
  padding:0!important;
  border:0!important;
  color:#0b3534;
  font-family:Georgia,"Times New Roman",serif;
  font-size:34px!important;
  line-height:1.15!important;
}
.page-template-template-article .faq-section > h2::before{
  display:none!important;
  content:none!important;
}
.page-template-template-article .faq{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
}
.page-template-template-article .faq-item{
  min-height:0!important;
  padding:22px 24px 20px!important;
  border:1px solid #d4e3df!important;
  border-radius:16px!important;
  background:#f7faf9!important;
}
.page-template-template-article .faq-item h3{
  position:relative;
  margin:0 0 12px!important;
  padding:0 32px 0 0!important;
  border:0!important;
  background:none!important;
  color:#123d3a!important;
  font-family:Arial,sans-serif!important;
  font-size:15px!important;
  line-height:1.4!important;
  font-weight:800!important;
}
.page-template-template-article .faq-item h3::after{
  content:"?";
  position:absolute;
  right:0;
  top:-2px;
  display:flex;
  align-items:center;
  justify-content:center;
  width:25px;
  height:25px;
  border:1px solid #aac0bb;
  border-radius:50%;
  color:#6f8b86;
  font-size:12px;
  font-weight:800;
}
.page-template-template-article .faq-answer{
  padding:0!important;
  color:#526e69!important;
  font-size:13px!important;
  line-height:1.6!important;
}
.page-template-template-article .faq-answer p:last-child{
  margin-bottom:0!important;
}

@media(max-width:760px){
  .page-template-template-article .hha-content > h2{
    margin-top:42px!important;
    padding:22px 0 0 48px!important;
    font-size:29px!important;
  }
  .page-template-template-article .hha-content > h2::before{
    top:23px;
    width:32px;
    height:32px;
    font-size:10px;
  }
  .page-template-template-article .hha-content > h2 + p{
    font-size:16.5px!important;
  }
  .page-template-template-article .hha-content > h3{
    padding:14px 40px 14px 15px!important;
    font-size:19px!important;
  }
  .page-template-template-article .faq{
    grid-template-columns:1fr!important;
  }
}


/* ==========================================================================
   v5.1 — structured CMS components by article type
   ========================================================================== */
.page-template-template-article .hha-auto-metrics{
  display:grid;
  grid-template-columns:1fr 1fr;
  margin:0 0 34px;
  overflow:hidden;
  border:1px solid #cbded9;
  border-radius:18px;
  background:#f3f8f7;
}
.page-template-template-article .hha-auto-metric{
  padding:24px 28px;
}
.page-template-template-article .hha-auto-metric + .hha-auto-metric{
  border-left:1px solid #cbded9;
}
.page-template-template-article .hha-auto-metric span,
.page-template-template-article .hha-auto-guide>span,
.page-template-template-article .hha-auto-takeaway>span,
.page-template-template-article .hha-auto-compare article>span{
  display:block;
  margin-bottom:9px;
  color:#617a75;
  font-size:11px;
  font-weight:800;
  letter-spacing:.07em;
  text-transform:uppercase;
}
.page-template-template-article .hha-auto-metric strong{
  display:block;
  margin-bottom:7px;
  color:#0d3b39;
  font-family:Georgia,"Times New Roman",serif;
  font-size:34px;
  font-weight:500;
}
.page-template-template-article .hha-auto-metric p{
  margin:0;
  color:#5a726e;
  font-size:13px;
  line-height:1.5;
}
.page-template-template-article .hha-auto-metrics-note{
  grid-column:1/-1;
  margin:0;
  padding:14px 28px 16px;
  border-top:1px solid #cbded9;
  background:#e8f2ef;
  color:#48635f;
  font-size:12.5px;
  line-height:1.5;
}

.page-template-template-article .hha-auto-takeaway{
  margin:0 0 34px;
  padding:24px 28px;
  border-left:4px solid #c6f04c;
  border-radius:0 16px 16px 0;
  background:#0d3b39;
  color:#fff;
}
.page-template-template-article .hha-auto-takeaway>span{color:#c6f04c}
.page-template-template-article .hha-auto-takeaway h2{
  margin:0 0 8px!important;
  color:#fff!important;
  font-size:24px!important;
}
.page-template-template-article .hha-auto-takeaway p{
  margin:0;
  color:#d8e8e5;
  line-height:1.6;
}

.page-template-template-article .hha-auto-guide{
  margin:0 0 36px;
  padding:26px 28px 28px;
  border:1px solid #d2e1de;
  border-radius:18px;
  background:#f8fbfa;
}
.page-template-template-article .hha-auto-guide h2{
  margin:0 0 20px!important;
  font-size:28px!important;
}
.page-template-template-article .hha-auto-guide-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}
.page-template-template-article .hha-auto-guide-step{
  min-height:128px;
  padding:18px;
  border:1px solid #d7e5e2;
  border-radius:14px;
  background:#fff;
}
.page-template-template-article .hha-auto-guide-step b{
  display:block;
  margin-bottom:14px;
  color:#7a9c22;
  font-size:12px;
}
.page-template-template-article .hha-auto-guide-step p{
  margin:0;
  color:#244b48;
  font-size:13px;
  line-height:1.5;
}

.page-template-template-article .hha-auto-compare{
  margin:0 0 36px;
}
.page-template-template-article .hha-auto-compare-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  overflow:hidden;
  border:1px solid #d2e1de;
  border-radius:18px 18px 0 0;
}
.page-template-template-article .hha-auto-compare article{
  padding:26px 28px;
  background:#fff;
}
.page-template-template-article .hha-auto-compare article + article{
  border-left:1px solid #d2e1de;
  background:#f5f9f8;
}
.page-template-template-article .hha-auto-compare h2{
  margin:0 0 10px!important;
  font-size:26px!important;
}
.page-template-template-article .hha-auto-compare p{
  margin:0;
  color:#536e69;
  line-height:1.6;
}
.page-template-template-article .hha-auto-verdict{
  padding:18px 28px 20px;
  border:1px solid #d2e1de;
  border-top:0;
  border-radius:0 0 18px 18px;
  background:#eaf3f0;
}
.page-template-template-article .hha-auto-verdict b{
  color:#0d3b39;
}
.page-template-template-article .hha-auto-verdict p{
  margin:5px 0 0;
  color:#48635f;
}

@media(max-width:760px){
  .page-template-template-article .hha-auto-metrics,
  .page-template-template-article .hha-auto-compare-grid{
    grid-template-columns:1fr;
  }
  .page-template-template-article .hha-auto-metric + .hha-auto-metric,
  .page-template-template-article .hha-auto-compare article + article{
    border-left:0;
    border-top:1px solid #d2e1de;
  }
  .page-template-template-article .hha-auto-guide-grid{
    grid-template-columns:1fr 1fr;
  }
}
@media(max-width:520px){
  .page-template-template-article .hha-auto-guide-grid{
    grid-template-columns:1fr;
  }
}

/* ==========================================================================
   v5.3 — универсальная библиотека Gutenberg-компонентов материалов
   ========================================================================== */
.page-template-template-article .hha-content .hh-block,
.page-template-template-article .hha-main > .hh-block{margin:32px 0 38px}
.page-template-template-article .hh-block h3{margin:0 0 9px!important;font-family:Georgia,"Times New Roman",serif;font-size:25px!important;font-weight:500!important;line-height:1.2!important;letter-spacing:-.02em;color:#153b39!important}
.page-template-template-article .hh-block p{margin:0!important;color:#526d68;font-size:14px!important;line-height:1.62!important}

.page-template-template-article .hh-block-metrics{overflow:hidden;border:1px solid #cbded9;border-radius:18px;background:#cbded9}
.page-template-template-article .hh-block-metrics-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1px;background:#cbded9}
.page-template-template-article .hh-block-metric{grid-column:span var(--hh-metric-span,6);min-width:0;padding:24px 25px;background:#f3f8f7}
.page-template-template-article .hh-block-metric>span{display:block;margin-bottom:9px;color:#617a75;font-size:10.5px;font-weight:850;letter-spacing:.07em;text-transform:uppercase}
.page-template-template-article .hh-block-metric>strong{display:block;margin-bottom:7px;color:#0d3b39;font-family:Georgia,"Times New Roman",serif;font-size:clamp(27px,2.3vw,35px);font-weight:500;line-height:1.05;overflow-wrap:anywhere}
.page-template-template-article .hh-block-metric>p{font-size:12.5px!important;line-height:1.48!important}
.page-template-template-article .hh-block-metrics-note{padding:14px 25px 16px!important;border-top:1px solid #cbded9;background:#e8f2ef;color:#48635f!important;font-size:12.5px!important}

.page-template-template-article .hh-block-takeaway{padding:25px 29px;border-left:4px solid #c6f04c;border-radius:0 16px 16px 0;background:#0d3b39;color:#fff}
.page-template-template-article .hh-block-takeaway>span{display:block;margin-bottom:9px;color:#c6f04c;font-size:10.5px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.page-template-template-article .hh-block-takeaway h3{color:#fff!important;font-size:27px!important}.page-template-template-article .hh-block-takeaway p{color:#d8e8e5!important;font-size:14.5px!important}

.page-template-template-article .hh-block-medical-note{display:grid;grid-template-columns:42px 1fr;gap:16px;padding:22px 24px;border:1px solid #cfe0dc;border-radius:16px;background:#f2f8f6}
.page-template-template-article .hh-block-note-mark{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:#0d3b39;color:#c6f04c;font-family:Georgia,serif;font-size:23px;font-weight:700}
.page-template-template-article .hh-block-medical-note>div>span{display:block;margin:1px 0 7px;color:#17857a;font-size:10px;font-weight:850;letter-spacing:.09em;text-transform:uppercase}
.page-template-template-article .hh-block-medical-note h3{font-size:22px!important}

.page-template-template-article .hh-block-steps{padding:25px 27px 27px;border:1px solid #d2e1de;border-radius:18px;background:#f8fbfa}
.page-template-template-article .hh-block-steps>h3{margin-bottom:20px!important}
.page-template-template-article .hh-block-steps-grid{display:grid;gap:10px}
.page-template-template-article .hh-block-step{display:grid;grid-template-columns:48px 1fr;gap:14px;align-items:start;padding:17px 18px;border:1px solid #d7e5e2;border-radius:13px;background:#fff}
.page-template-template-article .hh-block-step>b{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;background:#eef5dc;color:#718d12;font-size:11px;letter-spacing:.04em}
.page-template-template-article .hh-block-step strong{display:block;margin:1px 0 5px;color:#173f3c;font-size:14px}.page-template-template-article .hh-block-step p{font-size:13px!important}

.page-template-template-article .hh-block-comparison{overflow:hidden;border:1px solid #d2e1de;border-radius:18px;background:#fff}
.page-template-template-article .hh-compare-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.page-template-template-article .hh-block-comparison table{width:100%;min-width:620px;border-collapse:collapse;margin:0!important;font-size:13px}
.page-template-template-article .hh-block-comparison th,.page-template-template-article .hh-block-comparison td{padding:16px 18px;border-right:1px solid #dbe7e4;border-bottom:1px solid #dbe7e4;vertical-align:top;text-align:left}.page-template-template-article .hh-block-comparison th:last-child,.page-template-template-article .hh-block-comparison td:last-child{border-right:0}
.page-template-template-article .hh-block-comparison thead th{background:#0d3b39;color:#fff;font-size:12px;font-weight:800}.page-template-template-article .hh-block-comparison thead th:first-child{color:#c6f04c}
.page-template-template-article .hh-block-comparison tbody th{width:23%;background:#f5f9f8;color:#254c48;font-weight:800}.page-template-template-article .hh-block-comparison tbody td{color:#526d68;line-height:1.5}
.page-template-template-article .hh-compare-verdict{padding:18px 24px 20px;background:#eaf3f0}.page-template-template-article .hh-compare-verdict b{display:block;color:#0d3b39;font-size:13px}.page-template-template-article .hh-compare-verdict p{margin-top:5px!important}

.page-template-template-article .hh-block-cta{display:grid;grid-template-columns:1fr auto;gap:25px;align-items:center;padding:25px 28px;border-radius:18px}
.page-template-template-article .hh-block-cta>div>span{display:block;margin-bottom:7px;font-size:10px;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.page-template-template-article .hh-block-cta h3{font-size:24px!important}.page-template-template-article .hh-block-cta a{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 19px;border-radius:8px;font-size:12.5px;font-weight:850;text-decoration:none;white-space:nowrap}
.page-template-template-article .hh-block-cta--signal{border:1px solid #cfdfbd;background:#f4f8ed}.page-template-template-article .hh-block-cta--signal>div>span{color:#718d12}.page-template-template-article .hh-block-cta--signal a{background:#c6f04c;color:#1b351b}
.page-template-template-article .hh-block-cta--dark{background:#0d3b39;color:#fff}.page-template-template-article .hh-block-cta--dark>div>span{color:#c6f04c}.page-template-template-article .hh-block-cta--dark h3{color:#fff!important}.page-template-template-article .hh-block-cta--dark p{color:#d6e5e2!important}.page-template-template-article .hh-block-cta--dark a{background:#c6f04c;color:#17352f}

@media(max-width:900px){
 .page-template-template-article .hh-block-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .page-template-template-article .hh-block-metric{grid-column:auto}
}
@media(max-width:760px){
 .page-template-template-article .hh-block-cta{grid-template-columns:1fr}.page-template-template-article .hh-block-cta a{justify-self:start}
}
@media(max-width:520px){
 .page-template-template-article .hh-block-metrics-grid{grid-template-columns:1fr}.page-template-template-article .hh-block-metric{grid-column:auto}
 .page-template-template-article .hh-block-medical-note{grid-template-columns:36px 1fr;padding:18px}.page-template-template-article .hh-block-note-mark{width:36px;height:36px}
 .page-template-template-article .hh-block-steps{padding:20px 18px}.page-template-template-article .hh-block-step{grid-template-columns:40px 1fr;padding:14px}.page-template-template-article .hh-block-step>b{width:34px;height:34px}
 .page-template-template-article .hh-block-cta{padding:21px 20px}.page-template-template-article .hh-block-cta a{width:100%}
}


/* v5.3.2 editorial components */
.page-template-template-article .hha-content .hh-block-takeaway h3,
.page-template-template-article .hha-main .hh-block-takeaway h3,
.page-template-template-article .hh-block-takeaway h3{color:#fff!important;}
.page-template-template-article .hh-block-faq{margin:48px 0;}
.page-template-template-article .hh-block-faq>h2{margin:0 0 22px!important;font-family:Georgia,"Times New Roman",serif!important;font-size:34px!important;font-weight:400!important;line-height:1.12!important;color:#153737!important;}
.page-template-template-article .hh-block-faq-list{display:grid;gap:8px;}
.page-template-template-article .hh-block-faq-item{border:1px solid #d5e3e0;border-radius:12px;background:#fff;overflow:hidden;}
.page-template-template-article .hh-block-faq-item summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 18px;cursor:pointer;font-weight:750;color:#173a39;}
.page-template-template-article .hh-block-faq-item summary::-webkit-details-marker{display:none;}
.page-template-template-article .hh-block-faq-item summary span{flex:0 0 28px;width:28px;height:28px;border:1px solid #bdd2ce;border-radius:50%;position:relative;}
.page-template-template-article .hh-block-faq-item summary span:before,.page-template-template-article .hh-block-faq-item summary span:after{content:"";position:absolute;left:50%;top:50%;width:10px;height:1px;background:#0f5e58;transform:translate(-50%,-50%);}
.page-template-template-article .hh-block-faq-item summary span:after{transform:translate(-50%,-50%) rotate(90deg);transition:transform .18s ease;}
.page-template-template-article .hh-block-faq-item[open] summary span:after{transform:translate(-50%,-50%) rotate(0deg);}
.page-template-template-article .hh-block-faq-answer{padding:0 58px 18px 18px;color:#55686f;line-height:1.65;}
.page-template-template-article .hh-block-faq-answer p{margin:0!important;color:#55686f!important;}
@media(max-width:680px){.page-template-template-article .hh-block-faq>h2{font-size:30px!important}.page-template-template-article .hh-block-faq-answer{padding-right:18px}}

/* v5.3.3 — RichText inside universal article components. */
.page-template-template-article .hh-block-takeaway p a,.page-template-template-article .hh-block-cta--dark p a{color:#c6f04c!important;text-decoration:underline;text-underline-offset:3px}.page-template-template-article .hh-block-medical-note p a,.page-template-template-article .hh-block-step p a,.page-template-template-article .hh-compare-verdict p a,.page-template-template-article .hh-block-faq-answer a{color:#0f6f68;text-decoration:underline;text-underline-offset:3px}.page-template-template-article .hh-block-cta--signal p a{color:#355d45;text-decoration:underline;text-underline-offset:3px}

.page-template-template-article .hh-block-faq-link{display:inline-flex;align-items:center;gap:5px;margin-top:10px;font-weight:700;color:#0f6f68!important;text-decoration:none!important}.page-template-template-article .hh-block-faq-link:hover{text-decoration:underline!important;text-underline-offset:3px}


/* ==========================================================================
   v5.4 — выпадающее меню на внутренних страницах и типографика каталога
   ========================================================================== */

/* 1. Подменю в тёмной шапке.
   Правило body:not(.home) .subnav a красило пункты в белый на всех ширинах,
   хотя задумано было только для мобильного меню, где .subnav прозрачный.
   На десктопе лист подменю остаётся белым — пункты пропадали.
   Делаем лист тёмным в тон шапки. */
@media (min-width: 1520px) {
	body:not(.home) .subnav {
		background: #0b3a37;
		border-color: rgba(255, 255, 255, .14);
		box-shadow: 0 18px 40px rgba(4, 26, 25, .34);
	}
	body:not(.home) .subnav a {
		color: rgba(255, 255, 255, .88);
		font-size: 14.5px;
	}
	body:not(.home) .subnav a:hover {
		background: rgba(215, 244, 91, .13);
		color: #d7f45b;
	}
}

/* 2. Заголовки карточек каталога — та же редакционная serif, что и на всех
   внутренних страницах. Раньше плитки выпадали из системы: системный sans
   14–15 px не держал взгляд в мозаике. */
.page-template-template-catalog .tile h3 {
	font-family: Georgia, "Times New Roman", serif;
	font-weight: 400;
	font-size: 21px;
	line-height: 1.14;
	letter-spacing: -.022em;
	color: #10322f;
}

.page-template-template-catalog .tile h3 a { color: inherit; }

.page-template-template-catalog .tile-hero h3 { font-size: clamp(30px, 2.7vw, 44px); }
.page-template-template-catalog .tile-tall h3 { font-size: clamp(22px, 1.9vw, 29px); }
.page-template-template-catalog .tile-split h3 { font-size: 25px; }
.page-template-template-catalog .tile-strip h3 { font-size: 23px; }
.page-template-template-catalog .tile-compact h3,
.page-template-template-catalog .tile-text h3 { font-size: 22px; }

.page-template-template-catalog .tile-over h3,
.page-template-template-catalog .tile-over h3 a { color: #fff; }

/* Подписи под заголовком чуть светлее и мельче, чтобы контраст с serif
   читался как иерархия, а не как два равных по весу текста. */
.page-template-template-catalog .tile p {
	margin-top: 8px;
	font-size: 13.5px;
	line-height: 1.52;
}

/* 3. Карточки «Читайте также» под статьями — по той же логике. */
body:not(.home) .related-grid .tile h3 {
	font-family: Georgia, "Times New Roman", serif;
	font-weight: 400;
	font-size: 20px;
	line-height: 1.16;
	letter-spacing: -.02em;
}

@media (max-width: 700px) {
	.page-template-template-catalog .tile h3 { font-size: 19px; }
	.page-template-template-catalog .tile-hero h3 { font-size: 27px; }
	.page-template-template-catalog .tile-tall h3 { font-size: 21px; }
	.page-template-template-catalog .tile-split h3,
	.page-template-template-catalog .tile-strip h3 { font-size: 20px; }
}

/* =========================================================================
   Страница с формой — 10.09.2026
   Шаблон template-form.php: текст в левой колонке, форма в правой.
   Ниже 1000px колонки схлопываются, форма встаёт первой: на телефон
   человек приходит по кнопке и ему нужна форма, а не три экрана текста.
   ========================================================================= */

.hhpf-layout {
	display: grid;
	gap: clamp(22px, 2.6vw, 44px);
	align-items: start;
	max-width: 1200px;
	margin: clamp(34px, 4vw, 64px) auto clamp(48px, 5vw, 86px) 0;
}

@media (min-width: 1000px) {
	.hhpf-layout { grid-template-columns: minmax(0, 1fr) 400px; }
	.hhpf-layout--single { grid-template-columns: minmax(0, 820px); }
}

@media (max-width: 999px) {
	.hhpf-side { order: -1; }
}

/* Левая колонка уже белая карточка из общих правил .entry-body,
   отступы сверху и снизу задаёт сетка. */
body:not(.home) .hhpf-main.entry-body {
	margin-top: 0;
	margin-bottom: 0;
}

/* Форма занимает свою колонку целиком: ограничение в 620/700px
   из общих правил здесь только мешает. */
body:not(.home) .hhpf-side .hhform {
	max-width: none;
	margin: 0;
	padding: clamp(22px, 2vw, 30px);
}

body:not(.home) .hhpf-side .hhform-btn { width: 100%; }

/* Дисклеймер внутри колонки текста прижимается к её низу без лишнего воздуха. */
.hhpf-main .disclaimer { margin-bottom: 0; }

/* Прилипание правой колонки. Шапка сайта sticky и занимает верх экрана,
   поэтому отсчёт идёт от 92px. Липнет только на экранах, где форма
   помещается целиком: на низком ноутбуке прилипшая форма обрезалась бы
   снизу вместе с кнопкой, и нажать её было бы нечем. */
@media (min-width: 1000px) and (min-height: 800px) {
	.hhpf-side {
		position: sticky;
		top: 92px;
	}
}

/* В узкой колонке форма собирается плотнее, чтобы влезать в экран целиком. */
@media (min-width: 1000px) {
	.hhpf-side .hhform-row { margin-bottom: 12px; }
	.hhpf-side .hhform textarea { min-height: 76px; }
	.hhpf-side .hhform-note { padding: 10px 12px; font-size: 13px; }
	.hhpf-side .hhform-agree { margin-top: 14px; }
	.hhpf-side .hhform-after { margin-top: 12px; }
}
/* =========================================================================
   Одиночная история — 10.09.2026
   Шаблон single-hh_story.php. Первый экран: слева заголовок и лид на
   тёмном фоне, справа фотография ситуации. Кадр показывается целиком,
   в своих пропорциях — обрезается только узкая полоса по скошенному
   левому краю. Диагональ повторяет герой главной.
   ========================================================================= */

.story-hero {
	position: relative;
	overflow: hidden;
	background:
		radial-gradient(circle at 22% 28%, rgba(38, 112, 103, .22), transparent 46%),
		linear-gradient(135deg, #082b2b 0%, #0a3734 100%);
	color: #fff;
}

.story-hero-in {
	display: grid;
	align-items: center;
	gap: clamp(26px, 3vw, 52px);
	padding-top: clamp(34px, 3.6vw, 52px);
	padding-bottom: clamp(34px, 3.6vw, 52px);
}

@media (min-width: 1000px) {
	.story-hero-in { grid-template-columns: minmax(0, 46%) minmax(0, 1fr); }
}

.story-hero-text { max-width: 560px; }

/* Заголовок истории мельче, чем на обычной странице: рядом стоит
   фотография, и вдвоём они первый экран уже держат. */
.story-hero .entry-title {
	max-width: 20ch;
	margin-bottom: 20px;
	font-size: clamp(30px, 2.3vw, 42px);
	line-height: 1.06;
	letter-spacing: -.03em;
}

.story-hero .entry-lead {
	max-width: 48ch;
	font-size: 16.5px;
	line-height: 1.62;
	color: rgba(255, 255, 255, .79);
}

.story-author {
	margin: 22px 0 0;
	font-size: 15px;
	letter-spacing: .02em;
	color: rgba(255, 255, 255, .72);
}

.story-author::before {
	content: "";
	display: block;
	width: 34px;
	height: 2px;
	margin-bottom: 14px;
	background: #d8f45b;
}

/* Фотография уходит в правый край окна и срезается по диагонали. */
.story-hero-media { margin: 0; }

.story-hero-media img {
	display: block;
	width: 78%;
	height: auto;
	border-radius: 4px;
}

@media (min-width: 1000px) {

	.story-hero-media {
		margin-right: calc(50% - 50vw);
		clip-path: polygon(9% 0, 100% 0, 100% 100%, 0 100%);
	}

	.story-hero-media img { border-radius: 0; }
}

@media (max-width: 999px) {

	.story-hero-media {
		margin-left: calc(50% - 50vw);
		margin-right: calc(50% - 50vw);
	}

	.story-hero-media img { max-height: 46vh; object-fit: cover; }
}

/* Без обложки первый экран остаётся текстовым. */
.story-hero--flat .story-hero-in { grid-template-columns: minmax(0, 1fr); }
.story-hero--flat .story-hero-text { max-width: 700px; }


/* ---- Раскладка: рассказ и боковая полка --------------------------------- */

.story-layout {
	display: grid;
	gap: clamp(24px, 2.8vw, 44px);
	align-items: start;
	margin: clamp(30px, 3.6vw, 54px) 0 clamp(48px, 5vw, 86px);
}

@media (min-width: 1000px) {
	.story-layout { grid-template-columns: minmax(0, 1fr) 340px; }
}

.story-shell {
	padding: clamp(26px, 3.2vw, 54px);
	background: #fff;
	border-radius: 26px;
	box-shadow: var(--shadow-soft);
}

/* Отрывок: врезка перед рассказом, внутри той же секции. */
.story-excerpt {
	margin: 0 0 clamp(24px, 2.6vw, 34px);
	padding: clamp(20px, 2.2vw, 28px) clamp(22px, 2.4vw, 30px);
	background: var(--c-wash, #f4f9f8);
	border-left: 3px solid var(--c-accent, #17857a);
	border-radius: 0 16px 16px 0;
	font-size: clamp(17px, 1.3vw, 19px);
	line-height: 1.62;
	color: #33474d;
}

.story-text p {
	font-size: 17px;
	line-height: 1.78;
	margin: 0 0 22px;
}

.story-text p:last-child { margin-bottom: 0; }

/* ---- Голос редакции ----------------------------------------------------- */

.story-note {
	margin-top: clamp(32px, 3.4vw, 48px);
	padding: clamp(24px, 2.8vw, 38px);
	background: var(--c-wash, #f4f9f8);
	border-radius: 20px;
	border-top: 3px solid var(--c-accent, #17857a);
}

.story-note h2 {
	margin: 0 0 16px;
	font-family: Georgia, "Times New Roman", serif;
	font-weight: 400;
	font-size: clamp(24px, 2.2vw, 30px);
	letter-spacing: -.02em;
}

.story-note p {
	font-size: 16px;
	line-height: 1.7;
	margin: 0 0 16px;
}

.story-note p:last-child { margin-bottom: 0; }

/* ---- Боковая полка ------------------------------------------------------ */

.story-rail {
	display: grid;
	gap: 16px;
}

@media (min-width: 1000px) and (min-height: 820px) {
	.story-rail {
		position: sticky;
		top: 92px;
	}
}

.story-reads {
	padding: 22px;
	background: #fff;
	border-radius: 22px;
	box-shadow: var(--shadow-soft);
}

.story-reads h2 {
	margin: 0 0 14px;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--c-ink-soft, #55686f);
}

.story-read {
	display: grid;
	grid-template-columns: 76px minmax(0, 1fr);
	gap: 14px;
	align-items: center;
	padding: 12px 0;
	text-decoration: none;
	color: inherit;
	border-top: 1px solid var(--c-rule, #d5e3e0);
}

.story-read:first-of-type { border-top: 0; }

.story-read-thumb {
	display: block;
	aspect-ratio: 4 / 3;
	border-radius: 12px;
	overflow: hidden;
	background: var(--c-tint, #e6f1ef);
}

.story-read-thumb img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.story-read-title {
	font-size: 15px;
	line-height: 1.34;
	color: var(--c-ink, #16262d);
}

.story-read:hover .story-read-title { color: var(--c-accent-dk, #0f5e58); }

/* ---- Форма-переход ------------------------------------------------------ */

.story-ask {
	padding: 24px 22px 26px;
	border-radius: 22px;
	background: var(--c-panel, #0d3b39);
	color: #fff;
}

.story-ask-title {
	margin: 0 0 10px;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 24px;
	letter-spacing: -.02em;
}

.story-ask-text {
	margin: 0 0 20px;
	font-size: 15px;
	line-height: 1.6;
	color: rgba(255, 255, 255, .78);
}

.story-ask-btn {
	display: block;
	padding: 13px 20px;
	border-radius: var(--r-pill, 100px);
	background: #d8f45b;
	color: #102b2a;
	font-weight: 600;
	text-align: center;
	text-decoration: none;
}

.story-ask-alt {
	display: block;
	margin-top: 14px;
	font-size: 14px;
	text-align: center;
	color: rgba(255, 255, 255, .8);
}

/* ---- Планшет ------------------------------------------------------------ */

@media (max-width: 999px) {

	/* Полка уезжает под текст и раскладывается в две колонки,
	   чтобы не растягивать страницу ещё на два экрана. */
	.story-rail { grid-template-columns: 1fr 1fr; align-items: start; }
}

@media (max-width: 640px) {
	.story-rail { grid-template-columns: 1fr; }
	.story-read { grid-template-columns: 92px minmax(0, 1fr); }
}