/* Страница статьи cmclinic.ru в вёрстке стенда WP (blog-single.css), 29.10.2026. Токены — как в service-2026 (красная палитра прода). */
.cm-diag.cm-artpage{--cm-accent:#ff0043;--cm-accent-hover:#dd0039;--cm-accent-soft:#fde5ec;
  --cm-primary:#ff0043;--cm-primary-deep:#dd0039;--cm-primary-soft:#fde5ec;
  --cm-bg-cool:#e7f2f8;--cm-bg-page:#fbf9f5;--cm-bg-surface:#fff;
  --cm-border:#e8ebf0;--cm-border-strong:#d4d9e0;
  --cm-ink:#2a3246;--cm-ink-muted:#5a6376;--cm-ink-subtle:#8a909c;
  --cm-ease-base:250ms cubic-bezier(.32,.72,0,1);
  --cm-font-display:"Unbounded",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --cm-font-body:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --cm-font-mono:"SF Mono",ui-monospace,Menlo,Consolas,monospace;
  --cm-fs-body-lg:1.0625rem;--cm-fs-body-sm:.875rem;--cm-fs-caption:.8125rem;
  --cm-fs-h1:clamp(1.6rem,2.6vw + .75rem,2.6rem);--cm-fs-h3:clamp(1.25rem,1vw + .75rem,1.5rem);
  --cm-header-h:90px;--cm-max-w:1280px;--cm-section-padding:clamp(24px,4vw,48px);
  --cm-r-12:12px;--cm-r-16:16px;--cm-r-24:24px;--cm-r-pill:999px;
  --cm-s-4:4px;--cm-s-8:8px;--cm-s-12:12px;--cm-s-16:16px;--cm-s-24:24px;--cm-s-32:32px;--cm-s-48:48px;--cm-s-64:64px;
  --cm-shadow-2:0 4px 12px rgba(42,50,70,.05),0 8px 24px rgba(42,50,70,.06);
  width:100%;margin:0;padding:0;background:var(--cm-bg-page);color:var(--cm-ink);font-family:var(--cm-font-body);font-size:16px;line-height:1.55}
.cm-artpage *{box-sizing:border-box}
.cm-artpage .crumbs26-wrap{max-width:var(--cm-max-w);margin:0 auto;padding:16px clamp(16px,4vw,32px) 0}
.cm-art__meta{color:var(--cm-ink-muted)}
/**
 * blog-single.css — страница статьи блога.
 * Только canonical --cm-* токены.
 * ВАЖНО: ссылки и заголовки — с родителем (.cm-art …), иначе
 * body.theme-cmclinic a / h1-h4 из style.css перебивают одиночный класс.
 */

.cm-art {
	background: var(--cm-bg-page);
	padding: var(--cm-section-padding) 0 var(--cm-s-64);
}

.cm-art__inner {
	max-width: var(--cm-max-w);
	margin: 0 auto;
	padding: 0 clamp(16px, 4vw, 32px);
}

/* — Крошки — */
.cm-art__crumbs {
	display: flex;
	align-items: center;
	gap: var(--cm-s-8);
	flex-wrap: wrap;
	font-family: var(--cm-font-body);
	font-size: var(--cm-fs-caption);
	color: var(--cm-ink-subtle);
	margin-bottom: var(--cm-s-24);
}

.cm-art .cm-art__crumbs a { color: var(--cm-ink-muted); text-decoration: none; }
.cm-art .cm-art__crumbs a:hover { color: var(--cm-primary); }

/* — Шапка — */
.cm-art__head { max-width: 860px; margin-bottom: var(--cm-s-32); }

.cm-art .cm-art__rubric {
	display: inline-block;
	margin-bottom: var(--cm-s-16);
	padding: 5px 12px;
	border-radius: var(--cm-r-pill);
	background: var(--cm-primary-soft);
	font-family: var(--cm-font-body);
	font-size: 12px;
	font-weight: 700;
	color: var(--cm-primary-deep);
	text-decoration: none;
}

.cm-art .cm-art__title {
	font-family: var(--cm-font-display);
	font-size: var(--cm-fs-h1);
	font-weight: 600;
	line-height: 1.15;
	letter-spacing: -0.02em;
	color: var(--cm-ink);
	margin: 0 0 var(--cm-s-24);
}

/* — Автор и дата — */
.cm-art__byline {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--cm-s-24);
	flex-wrap: wrap;
	padding: var(--cm-s-16) 0;
	border-top: 1px solid var(--cm-border);
	border-bottom: 1px solid var(--cm-border);
}

.cm-art__author { display: flex; align-items: center; gap: var(--cm-s-12); }

.cm-art__author-photo {
	width: 48px;
	height: 48px;
	border-radius: var(--cm-r-pill);
	object-fit: cover;
	flex-shrink: 0;
	background: var(--cm-bg-cool);
}

.cm-art__author-photo--org {
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--cm-primary);
	background: var(--cm-primary-soft);
}

.cm-art__author-txt { display: flex; flex-direction: column; gap: 2px; min-width: 0; }

.cm-art .cm-art__author-name {
	font-family: var(--cm-font-body);
	font-size: 15px;
	font-weight: 700;
	color: var(--cm-ink);
	text-decoration: none;
}

.cm-art .a:hover, .cm-art a.cm-art__author-name:hover { color: var(--cm-primary); }

.cm-art__author-role {
	font-family: var(--cm-font-body);
	font-size: 13px;
	color: var(--cm-ink-muted);
}

.cm-art__dates {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 2px;
	font-family: var(--cm-font-mono);
	font-size: 12px;
	color: var(--cm-ink-muted);
}

.cm-art__upd { color: var(--cm-primary-deep); }

.cm-art__reviewer {
	margin: var(--cm-s-12) 0 0;
	font-family: var(--cm-font-body);
	font-size: 13px;
	color: var(--cm-ink-muted);
}

.cm-art .cm-art__reviewer a { color: var(--cm-primary-deep); font-weight: 600; }

/* — Обложка — */
.cm-art__hero {
	margin: 0 0 var(--cm-s-24);
	border-radius: var(--cm-r-24);
	overflow: hidden;
	background: var(--cm-bg-cool);
	aspect-ratio: 16 / 7;
}

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

/* — Резюме (оно же speakable для AI) — */
.cm-art__summary {
	max-width: 860px;
	margin: 0 0 var(--cm-s-32);
	padding-left: var(--cm-s-16);
	border-left: 3px solid var(--cm-primary);
	font-family: var(--cm-font-body);
	font-size: var(--cm-fs-body-lg);
	line-height: 1.6;
	color: var(--cm-ink);
}

/* — Раскладка: текст + колонка — */
.cm-art__layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 320px;
	gap: var(--cm-s-48);
	align-items: start; /* колонки разной высоты — center дал бы дыру */
}

@media (max-width: 1024px) {
	.cm-art__layout { grid-template-columns: 1fr; gap: var(--cm-s-32); }
}

/* — Оглавление — */
.cm-art__toc {
	margin-bottom: var(--cm-s-32);
	padding: var(--cm-s-24);
	border: 1px solid var(--cm-border);
	border-radius: var(--cm-r-16);
	background: var(--cm-bg-surface);
}

.cm-art__toc-h {
	margin: 0 0 var(--cm-s-12);
	font-family: var(--cm-font-body);
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: var(--cm-ink-subtle);
}

.cm-art__toc ol { margin: 0; padding-left: var(--cm-s-16); display: flex; flex-direction: column; gap: var(--cm-s-8); }

.cm-art .cm-art__toc a {
	font-family: var(--cm-font-body);
	font-size: 14px;
	color: var(--cm-ink);
	text-decoration: none;
}

.cm-art .cm-art__toc a:hover { color: var(--cm-primary); text-decoration: underline; }

/* — Тело статьи — */
.cm-art__body {
	font-family: var(--cm-font-body);
	font-size: 17px;
	line-height: 1.7;
	color: var(--cm-ink);
	max-width: 72ch;
}

.cm-art .cm-art__body h2 {
	font-family: var(--cm-font-display);
	font-size: var(--cm-fs-h3);
	font-weight: 600;
	line-height: 1.25;
	letter-spacing: -0.01em;
	color: var(--cm-ink);
	margin: var(--cm-s-48) 0 var(--cm-s-16);
	scroll-margin-top: calc(var(--cm-header-h) + 16px); /* якорь не уезжает под шапку */
}

.cm-art .cm-art__body h3 {
	font-family: var(--cm-font-body);
	font-size: 19px;
	font-weight: 700;
	color: var(--cm-ink);
	margin: var(--cm-s-32) 0 var(--cm-s-12);
}

.cm-art__body p { margin: 0 0 var(--cm-s-16); }

.cm-art__body ul, .cm-art__body ol { margin: 0 0 var(--cm-s-16); padding-left: var(--cm-s-24); }
.cm-art__body li { margin-bottom: var(--cm-s-8); }

.cm-art .cm-art__body a { color: var(--cm-primary-deep); text-decoration: underline; text-underline-offset: 2px; }
.cm-art .cm-art__body a:hover { color: var(--cm-accent); }

.cm-art__body img { max-width: 100%; height: auto; border-radius: var(--cm-r-12); }

.cm-art__body table { width: 100%; border-collapse: collapse; margin-bottom: var(--cm-s-16); font-size: 15px; }
.cm-art__body th, .cm-art__body td { padding: var(--cm-s-8) var(--cm-s-12); border: 1px solid var(--cm-border); text-align: left; }
.cm-art__body th { background: var(--cm-bg-cool); font-weight: 700; }

/* — Врезка акции — */
.cm-art__promo {
	margin: var(--cm-s-32) 0 0;
	padding: var(--cm-s-24);
	border: 1px solid var(--cm-accent-soft);
	border-radius: var(--cm-r-16);
	background: linear-gradient(150deg, var(--cm-bg-surface) 0%, var(--cm-accent-soft) 140%);
}

.cm-art__promo-badge {
	display: inline-block;
	margin-bottom: var(--cm-s-8);
	padding: 4px 10px;
	border-radius: var(--cm-r-pill);
	background: var(--cm-accent);
	font-family: var(--cm-font-body);
	font-size: 11px;
	font-weight: 700;
	color: #fff;
}

.cm-art__promo-title {
	margin: 0 0 var(--cm-s-16);
	font-family: var(--cm-font-body);
	font-size: 17px;
	font-weight: 700;
	color: var(--cm-ink);
}

.cm-art__promo-foot {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--cm-s-16);
	flex-wrap: wrap;
}

.cm-art__promo-price { font-family: var(--cm-font-body); font-size: 14px; color: var(--cm-ink-muted); }
.cm-art__promo-price strong { font-family: var(--cm-font-display); font-size: 19px; color: var(--cm-ink); }

.cm-art .cm-art__promo-link { font-family: var(--cm-font-body); font-size: 14px; font-weight: 700; color: var(--cm-accent); text-decoration: none; }

/* — Источники — */
.cm-art__sources { margin-top: var(--cm-s-48); padding-top: var(--cm-s-24); border-top: 1px solid var(--cm-border); }

.cm-art .cm-art__sources h2 {
	font-family: var(--cm-font-body);
	font-size: 15px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	color: var(--cm-ink-subtle);
	margin: 0 0 var(--cm-s-12);
}

.cm-art__sources ul { margin: 0; padding-left: var(--cm-s-16); }
.cm-art__sources li { font-family: var(--cm-font-body); font-size: 14px; color: var(--cm-ink-muted); margin-bottom: var(--cm-s-8); }
.cm-art .cm-art__sources a { color: var(--cm-primary-deep); }

/* — Правая колонка — */
.cm-art__side { position: sticky; top: calc(var(--cm-header-h) + 16px); display: flex; flex-direction: column; gap: var(--cm-s-16); }

@media (max-width: 1024px) { .cm-art__side { position: static; } }

.cm-art__card {
	padding: var(--cm-s-24);
	border: 1px solid var(--cm-border);
	border-radius: var(--cm-r-16);
	background: var(--cm-bg-surface);
	text-align: center;
}

.cm-art__card--links { text-align: left; }

.cm-art__card-h {
	margin: 0 0 var(--cm-s-16);
	font-family: var(--cm-font-body);
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: var(--cm-ink-subtle);
}

.cm-art__card-photo {
	width: 88px;
	height: 88px;
	border-radius: var(--cm-r-pill);
	object-fit: cover;
	margin: 0 auto var(--cm-s-12);
	display: block;
	background: var(--cm-bg-cool);
}

.cm-art .cm-art__card-name {
	display: block;
	font-family: var(--cm-font-body);
	font-size: 16px;
	font-weight: 700;
	color: var(--cm-ink);
	text-decoration: none;
}

.cm-art__card-role { margin: var(--cm-s-4) 0 var(--cm-s-16); font-family: var(--cm-font-body); font-size: 13px; color: var(--cm-ink-muted); }

.cm-art .cm-art__card-cta {
	display: block;
	padding: 12px 16px;
	border-radius: var(--cm-r-pill);
	background: var(--cm-accent);
	font-family: var(--cm-font-body);
	font-size: 14px;
	font-weight: 700;
	color: #fff;
	text-decoration: none;
	transition: background var(--cm-ease-base);
}

.cm-art .cm-art__card-cta:hover { background: var(--cm-accent-hover); color: #fff; }

.cm-art__links { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: var(--cm-s-8); }

.cm-art .cm-art__links a {
	display: block;
	padding: 10px 12px;
	border: 1px solid var(--cm-border);
	border-radius: var(--cm-r-12);
	font-family: var(--cm-font-body);
	font-size: 14px;
	font-weight: 600;
	color: var(--cm-ink);
	text-decoration: none;
	transition: border-color var(--cm-ease-base), background var(--cm-ease-base), color var(--cm-ease-base);
}

.cm-art .cm-art__links a:hover { border-color: var(--cm-primary); background: var(--cm-primary-soft); color: var(--cm-primary-deep); }

/* — CTA — */
.cm-art__cta {
	margin-top: var(--cm-s-64);
	padding: var(--cm-s-32);
	border-radius: var(--cm-r-24);
	background: var(--cm-bg-cool);
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--cm-s-24);
	flex-wrap: wrap;
}

.cm-art__cta-h { margin: 0 0 var(--cm-s-4); font-family: var(--cm-font-display); font-size: var(--cm-fs-h3); font-weight: 600; color: var(--cm-ink); }
.cm-art__cta-sub { margin: 0; font-family: var(--cm-font-body); font-size: var(--cm-fs-body-sm); color: var(--cm-ink-muted); max-width: 52ch; }

.cm-art__cta-btns { display: flex; align-items: center; gap: var(--cm-s-12); flex-wrap: wrap; }

.cm-art .cm-art__cta-btn {
	display: inline-block;
	text-decoration: none;
	padding: 14px 24px;
	border-radius: var(--cm-r-pill);
	background: var(--cm-accent);
	font-family: var(--cm-font-body);
	font-size: 15px;
	font-weight: 700;
	color: #fff;
	cursor: pointer;
	transition: background var(--cm-ease-base);
}

.cm-art .cm-art__cta-btn:hover { background: var(--cm-accent-hover); }

.cm-art .cm-art__cta-tel {
	padding: 14px 24px;
	border: 1px solid var(--cm-border-strong);
	border-radius: var(--cm-r-pill);
	background: var(--cm-bg-surface);
	font-family: var(--cm-font-mono);
	font-size: 15px;
	font-weight: 600;
	color: var(--cm-ink);
	text-decoration: none;
	white-space: nowrap;
}

.cm-art .cm-art__cta-tel:hover { border-color: var(--cm-primary); color: var(--cm-primary-deep); }

/* — Похожие — */
.cm-art__similar { margin-top: var(--cm-s-64); }

.cm-art .cm-art__similar-h {
	font-family: var(--cm-font-display);
	font-size: var(--cm-fs-h3);
	font-weight: 600;
	color: var(--cm-ink);
	margin: 0 0 var(--cm-s-24);
}

/* align-items:start — иначе карточка без фото тянется по высоте соседней и внутри дыра
   (memory feedback_no_center_align_2col_grids) */
.cm-art__similar-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--cm-s-16); align-items: start; }

@media (max-width: 900px) { .cm-art__similar-grid { grid-template-columns: 1fr; } }

.cm-art .cm-art__sim {
	display: flex;
	flex-direction: column;
	border: 1px solid var(--cm-border);
	border-radius: var(--cm-r-16);
	overflow: hidden;
	background: var(--cm-bg-surface);
	text-decoration: none;
	color: inherit;
	transition: border-color var(--cm-ease-base), transform var(--cm-ease-base), box-shadow var(--cm-ease-base);
}

.cm-art .cm-art__sim:hover { border-color: var(--cm-border-strong); transform: translateY(-3px); box-shadow: var(--cm-shadow-2); }

.cm-art__sim--noimg {
	background: linear-gradient(155deg, var(--cm-bg-surface) 0%, var(--cm-primary-soft) 120%);
	min-height: 150px;
}

.cm-art__sim--noimg .cm-art__sim-title { font-size: 17px; }

.cm-art__sim-media { display: block; aspect-ratio: 16/9; overflow: hidden; background: var(--cm-bg-cool); }
.cm-art__sim-media img { width: 100%; height: 100%; object-fit: cover; display: block; }

.cm-art__sim-body { display: flex; flex-direction: column; gap: var(--cm-s-8); padding: var(--cm-s-16); flex: 1; }

.cm-art__sim-title {
	font-family: var(--cm-font-body);
	font-size: 15px;
	font-weight: 700;
	line-height: 1.35;
	color: var(--cm-ink);
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.cm-art__sim-date { margin-top: auto; font-family: var(--cm-font-mono); font-size: 12px; color: var(--cm-ink-muted); }

/* — Юр-строка — */
.cm-art__legal {
	margin: var(--cm-s-48) 0 0;
	font-family: var(--cm-font-body);
	font-size: var(--cm-fs-caption);
	color: var(--cm-ink-subtle);
}

@media (prefers-reduced-motion: reduce) {
	.cm-art .cm-art__sim { transition: none; }
	.cm-art .cm-art__sim:hover { transform: none; }
}

/* прод-тема капсит h1–h3 и ссылки — в вёрстке стенда регистр обычный */
.cm-art .cm-art__title,.cm-art .cm-art__body h2,.cm-art .cm-art__body h3,.cm-art .cm-art__similar-h,.cm-art .cm-art__cta-h,.cm-art .cm-art__card-h,.cm-art .cm-art__sim-title,.cm-art .cm-art__card-name,.cm-art .cm-art__author-name{text-transform:none}
.cm-art .cm-art__body h2{font-size:clamp(1.2rem,1vw + .8rem,1.45rem)}
.cm-art .cm-art__title{font-size:clamp(1.6rem,2.2vw + .9rem,2.5rem)}
@media (max-width:600px){.cm-art__dates{flex-direction:row;flex-wrap:wrap;align-items:flex-start;gap:4px 12px}}
/* правки по критике арт-директора 29.10 */
.cm-art__toc{padding:var(--cm-s-16) var(--cm-s-24)}
.cm-art__toc>summary{cursor:pointer;list-style:none;margin:0;font-size:13px;color:var(--cm-ink-muted);display:flex;justify-content:space-between;align-items:center}
.cm-art__toc>summary::-webkit-details-marker{display:none}
.cm-art__toc>summary::after{content:"+";font-size:20px;line-height:1;color:var(--cm-primary)}
.cm-art__toc[open]>summary::after{content:"−"}
.cm-art__toc[open]>summary{margin-bottom:var(--cm-s-12)}
.cm-art .cm-art__toc a{font-size:15px;line-height:1.4}
.cm-art__toc ol{padding-left:var(--cm-s-24)}
.cm-art__card-role,.cm-art__author-role{font-size:14px;line-height:1.4}
.cm-art__card-h{font-size:13px;color:var(--cm-ink-muted)}
.cm-art__cta-sub{font-size:15px;color:var(--cm-ink-muted)}
.cm-art .cm-art__cta-h{font-size:clamp(1.25rem,1vw + .85rem,1.6rem)}
.cm-art .cm-art__similar-h{font-size:clamp(1.25rem,1vw + .85rem,1.6rem)}
.cm-art__similar{margin-top:var(--cm-s-48)}
.cm-art__dates{font-family:var(--cm-font-body)}
@media (max-width:600px){.cm-art__author-role{font-size:13px}.cm-art .cm-art__title{font-size:1.4rem;line-height:1.2}.cm-art__byline{gap:12px;padding:12px 0}}
.cm-art__toc>summary::before{display:none!important}

/* красный блок «Записаться на приём» внутри текста статей: стили прода (production-inline) не должны перебиваться типографикой статьи */
.cm-art .cm-art__body .redBigBlock{line-height:1.3;font-size:16px;margin:50px 0;font-family:var(--cm-font-body)}
.cm-art .cm-art__body .redBigBlock h3.whiteH3{color:#fff;font-family:var(--cm-font-body);font-size:30px;font-weight:700;line-height:1.2;margin:0 0 -10px;text-transform:none}
.cm-art .cm-art__body .redBigBlock .underWhiteH3{color:#fff;font-size:22px;line-height:1.3}
.cm-art .cm-art__body .redBigBlock .firstinWhite{color:#000;font-size:27px;line-height:1.2}
.cm-art .cm-art__body .redBigBlock a,.cm-art .cm-art__body .redBigBlock a:hover{text-decoration:none}
.cm-art .cm-art__body .redBigBlock a.btn.white{color:#232323}
.cm-art .cm-art__body .redBigBlock img{border-radius:0}
@media (max-width:600px){.cm-art .cm-art__body .redBigBlock h3.whiteH3{font-size:26px}.cm-art .cm-art__body .redBigBlock .underWhiteH3{font-size:20px}.cm-art .cm-art__body .redBigBlock .firstinWhite{font-size:22px}}
.cm-art .cm-art__body .redBigBlock{padding:40px 36px;gap:16px}
.cm-art .cm-art__body .redBigBlock .leftContentBlocker{flex:1 1 auto;min-width:0;align-items:flex-start}
.cm-art .cm-art__body .redBigBlock .whiteinRed{max-width:100%;width:100%}
.cm-art .cm-art__body .redBigBlock .firstinBut{max-width:100%}
.cm-art .cm-art__body .redBigBlock .firstinBut .btn{width:100%;height:auto;min-height:48px;line-height:1.25;padding:12px 16px;white-space:normal}
.cm-art .cm-art__body .redBigBlock .rightContentBlocker{flex:0 0 235px}
.cm-art .cm-art__body .redBigBlock .rightBut{left:auto;right:0;width:max-content;max-width:100%}
@media (max-width:992px){.cm-art .cm-art__body .redBigBlock{padding:30px 20px}.cm-art .cm-art__body .redBigBlock .rightContentBlocker{flex:none}.cm-art .cm-art__body .redBigBlock .leftContentBlocker{align-items:center}}

/* оглавление под карточкой эксперта: липкое, подсветка текущего раздела (как на МГ) */
.cm-art__toc-side{display:none}
@media (min-width:1025px){
.cm-art__toc--main{display:none}
.cm-art__side{position:static;align-self:stretch}
.cm-art__toc-side{display:block;position:sticky;top:calc(var(--cm-header-h) + 16px);padding:var(--cm-s-20,20px);border:1px solid var(--cm-border);border-radius:var(--cm-r-16);background:var(--cm-bg-surface)}
.cm-art__toc-side-h{margin:0 0 12px;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--cm-ink-muted)}
.cm-art__toc-side ol{list-style:none;margin:0;padding:0;max-height:calc(100vh - var(--cm-header-h) - 120px);overflow-y:auto;position:relative;border-left:2px solid var(--cm-border);counter-reset:t}
.cm-art__toc-side li{counter-increment:t;margin:0}
.cm-art .cm-art__toc-side a{display:block;padding:6px 8px 6px 14px;margin-left:-2px;border-left:2px solid transparent;font-size:14px;line-height:1.35;color:var(--cm-ink-muted);text-decoration:none;transition:color .15s,border-color .15s}
.cm-art .cm-art__toc-side a:hover{color:var(--cm-ink);text-decoration:none}
.cm-art .cm-art__toc-side a.is-active{color:var(--cm-primary);border-left-color:var(--cm-primary);font-weight:600}
}
/* липкая вся колонка: карточка врача с кнопкой остаётся на виду, оглавление под ней прокручивается внутри */
@media (min-width:1025px){
.cm-art__side{position:sticky;top:calc(var(--cm-header-h) + 16px);align-self:start;max-height:calc(100vh - var(--cm-header-h) - 32px)}
.cm-art__side .cm-art__card{flex:none}
.cm-art__toc-side{position:static;display:flex;flex-direction:column;flex:1 1 auto;min-height:150px;overflow:hidden}
.cm-art__toc-side ol{max-height:none;flex:1 1 auto;min-height:0}
}
/* карточка врача: вверху крупная, при прилипании (is-stuck, ставит скрипт) сжимается: фото слева, имя и роль рядом, кнопка снизу */
@media (min-width:1025px){
.cm-art__side.is-stuck .cm-art__card{display:grid;grid-template-columns:64px 1fr;column-gap:14px;row-gap:0;align-items:center;text-align:left;padding:16px 18px}
.cm-art__side.is-stuck .cm-art__card-h{grid-column:1/-1;margin:0 0 10px;text-align:left}
.cm-art__side.is-stuck .cm-art__card-photo{grid-column:1;grid-row:2/4;width:64px;height:64px;margin:0;border-radius:50%;object-fit:cover}
.cm-art .cm-art__side.is-stuck .cm-art__card-name{grid-column:2;margin:0;font-size:16px;line-height:1.25;text-align:left}
.cm-art__side.is-stuck .cm-art__card-role{grid-column:2;margin:2px 0 0;font-size:12.5px;line-height:1.35;text-align:left;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cm-art .cm-art__side.is-stuck .cm-art__card-cta{grid-column:1/-1;margin:12px 0 0;padding:11px 16px;min-height:0;font-size:15px}
}
/* обложка статьи: шапка внутри колонки текста, справа сразу карточка врача; автор и метки в один ряд */
.cm-art__head{max-width:none;margin-bottom:var(--cm-s-24)}
.cm-art .cm-art__title{margin-bottom:var(--cm-s-16)}
.cm-art__byline{border:0;padding:0;gap:12px 24px}
.cm-art__author-photo{width:44px;height:44px}
.cm-art__dates{flex-direction:row;flex-wrap:wrap;align-items:center;gap:6px 16px;font-family:var(--cm-font-body);font-size:14px}
.cm-art__dt{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.cm-art__dt svg{color:var(--cm-primary);flex:none}
.cm-art__hero{aspect-ratio:16/9;margin-bottom:var(--cm-s-32);border-radius:24px;box-shadow:0 1px 0 rgba(42,50,70,.04),0 12px 32px -16px rgba(42,50,70,.25)}
.cm-art__hero img{object-position:50% 30%}
@media (min-width:1025px){
.cm-art__author-role{display:none}
.cm-art__byline{padding-bottom:var(--cm-s-16);border-bottom:1px solid var(--cm-border);margin-bottom:var(--cm-s-24)}
}
@media (max-width:600px){.cm-art__hero{border-radius:16px;aspect-ratio:4/3}.cm-art__dates{gap:4px 12px;font-size:13px}}
@media (min-width:1025px){.cm-art__side .cm-art__card-photo{transition:width .25s,height .25s}}
@media (min-width:1025px){.cm-art__author--dup{display:none}}

/* ===== 30.10.2026: блок эксперта сверху, промо записи, сноска ===== */
.cm-art__head{margin-bottom:var(--cm-s-16)}
.cm-art__expert{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--cm-s-8) var(--cm-s-24);padding:var(--cm-s-24);margin:0 0 var(--cm-s-32);background:var(--cm-bg-cool);border-radius:var(--cm-r-24)}
.cm-art__expert-photo{display:block;width:96px;height:96px;border-radius:var(--cm-r-16);overflow:hidden;background:var(--cm-bg-surface);flex:none}
.cm-art__expert-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 20%;display:block}
.cm-art__expert-photo--org{display:flex;align-items:center;justify-content:center;color:var(--cm-primary);background:var(--cm-bg-surface)}
.cm-art__expert-txt{display:flex;flex-direction:column;gap:4px;min-width:0}
.cm-art__expert-label{margin:0;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--cm-ink-muted)}
.cm-art .cm-art__expert-name{font-family:var(--cm-font-display);font-size:clamp(1.05rem,.6vw + .9rem,1.3rem);font-weight:600;line-height:1.25;color:var(--cm-ink);text-decoration:none}
.cm-art a.cm-art__expert-name:hover{color:var(--cm-primary)}
.cm-art__expert-role{margin:0;font-size:var(--cm-fs-body-sm);line-height:1.4;color:var(--cm-ink-muted)}
.cm-art__expert-meta{display:flex;flex-direction:column;align-items:flex-end;gap:6px;font-size:14px;color:var(--cm-ink-muted);text-align:right}
.cm-art__expert-meta p{margin:0}
.cm-art__expert-date{color:var(--cm-ink)}
.cm-art__expert-upd{display:inline-block;padding:4px 12px;border-radius:var(--cm-r-pill);background:var(--cm-bg-surface);color:var(--cm-primary-deep)}
.cm-art__expert-chips{display:flex;gap:4px 16px;flex-wrap:wrap;justify-content:flex-end}
.cm-art__expert .cm-art__dt{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.cm-art__expert .cm-art__dt svg{color:var(--cm-primary)}
@media (max-width:760px){
.cm-art__expert{grid-template-columns:72px 1fr;padding:var(--cm-s-16);gap:var(--cm-s-12);border-radius:var(--cm-r-16)}
.cm-art__expert-photo{width:72px;height:72px;border-radius:var(--cm-r-12)}
.cm-art__expert-meta{grid-column:1/-1;align-items:flex-start;text-align:left;flex-direction:row;flex-wrap:wrap;gap:6px 12px;padding-top:var(--cm-s-12);border-top:1px solid rgba(42,50,70,.12)}
.cm-art__expert-chips{justify-content:flex-start}
}
@media (min-width:1025px){.cm-art__author--dup{display:flex}}

/* карточка врача в колонке: короткая, без кнопки записи */
.cm-art .cm-art__card-link{display:inline-block;margin-top:var(--cm-s-8);font-size:14px;font-weight:700;color:var(--cm-primary-deep);text-decoration:none}
.cm-art .cm-art__card-link:hover{text-decoration:underline}
@media (min-width:1025px){
.cm-art__side .cm-art__card-photo{width:96px;height:96px;border-radius:var(--cm-r-16)}
.cm-art__side.is-stuck .cm-art__card-link{grid-column:1/-1;margin-top:8px}
}

/* промо записи по направлению */
.cm-art .cm-promo{display:grid;grid-template-columns:1fr auto;gap:var(--cm-s-16) var(--cm-s-32);align-items:center;margin:var(--cm-s-32) 0;padding:var(--cm-s-24) var(--cm-s-32);background:var(--cm-bg-surface);border:1px solid var(--cm-border-strong);border-left:4px solid var(--cm-primary);border-radius:var(--cm-r-16);box-shadow:var(--cm-shadow-2)}
.cm-art .cm-promo--end{margin-top:var(--cm-s-64);background:var(--cm-bg-cool);border-color:transparent;border-left:4px solid var(--cm-primary);box-shadow:none}
.cm-promo__main{min-width:0}
.cm-art .cm-promo__kicker{margin:0 0 4px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--cm-ink-muted)}
.cm-art .cm-promo__title{margin:0 0 var(--cm-s-8);font-family:var(--cm-font-display);font-size:clamp(1.15rem,1vw + .8rem,1.5rem);font-weight:600;line-height:1.25;color:var(--cm-ink)}
.cm-art .cm-promo__title a{color:inherit;text-decoration:none}
.cm-art .cm-promo__title a:hover{color:var(--cm-primary)}
.cm-art .cm-promo__sub{margin:0;font-size:var(--cm-fs-body-sm);color:var(--cm-ink-muted);max-width:48ch}
.cm-art .cm-promo__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.cm-art .cm-promo__list li{display:flex;justify-content:space-between;gap:16px;margin:0;padding:0;font-size:15px;line-height:1.4;color:var(--cm-ink)}
.cm-art .cm-promo__list li::before,.cm-art .cm-promo__list li::marker{content:none}
.cm-art .cm-promo__list b{white-space:nowrap;font-weight:700}
.cm-art .cm-promo--inline .cm-promo__list li:nth-child(n+2){display:none}
.cm-promo__act{display:flex;flex-direction:column;align-items:stretch;gap:10px;min-width:220px;text-align:center}
.cm-art .cm-promo__btn{display:block;padding:14px 24px;border-radius:var(--cm-r-pill);background:var(--cm-accent);color:#fff;font-size:15px;font-weight:700;text-decoration:none;transition:background var(--cm-ease-base)}
.cm-art .cm-promo__btn:hover{background:var(--cm-accent-hover);color:#fff}
.cm-art .cm-promo__tel{font-family:var(--cm-font-mono);font-size:15px;font-weight:600;color:var(--cm-ink);text-decoration:none;white-space:nowrap}
.cm-art .cm-promo__all{font-size:14px;color:var(--cm-primary-deep);text-decoration:none}
.cm-art .cm-promo__all:hover{text-decoration:underline}
@media (max-width:760px){
.cm-art .cm-promo{grid-template-columns:1fr;padding:var(--cm-s-16) var(--cm-s-16) var(--cm-s-16) var(--cm-s-24);margin:var(--cm-s-24) 0}
.cm-art .cm-promo--end{margin-top:var(--cm-s-48)}
.cm-promo__act{min-width:0}
}
/* сноска в подвале статьи */
.cm-art .cm-art__disclaimer{margin:var(--cm-s-32) 0 0;padding-top:var(--cm-s-16);border-top:1px solid var(--cm-border);font-size:12.5px;color:var(--cm-ink-subtle)}

/* внутри текста статьи типографика body перебивает ссылки: возвращаем вид блока */
.cm-art .cm-art__body .cm-promo a{text-decoration:none;border-bottom:0}
.cm-art .cm-art__body .cm-promo a.cm-promo__btn{color:#fff}
.cm-art .cm-art__body .cm-promo a.cm-promo__tel{color:var(--cm-ink)}
.cm-art .cm-art__body .cm-promo a.cm-promo__all{color:var(--cm-primary-deep)}
.cm-art .cm-art__body .cm-promo .cm-promo__title{margin:0 0 var(--cm-s-8)}
.cm-art .cm-art__body .cm-promo .cm-promo__kicker{margin:0 0 4px}
.cm-art .cm-art__body .cm-promo ul{padding:0;margin:0}
/* карточка врача в колонке: компактно, раз эксперт уже вверху */
@media (min-width:1025px){
.cm-art__side .cm-art__card{display:grid;grid-template-columns:56px 1fr;column-gap:14px;align-items:center;text-align:left;padding:16px 18px}
.cm-art__side .cm-art__card-h{grid-column:1/-1;margin:0 0 10px;text-align:left}
.cm-art__side .cm-art__card-photo{grid-column:1;grid-row:2/4;width:56px;height:56px;margin:0;border-radius:var(--cm-r-12)}
.cm-art .cm-art__side .cm-art__card-name{grid-column:2;margin:0;font-size:15px;text-align:left}
.cm-art__side .cm-art__card-role{grid-column:2;margin:2px 0 0;font-size:12.5px;text-align:left}
.cm-art__side .cm-art__card-link{grid-column:1/-1;margin-top:10px}
}

/* правки по критике арт-директора 30.10 */
.cm-art__expert-meta{align-items:flex-start;text-align:left}
.cm-art__expert-chips{justify-content:flex-start}
.cm-art__expert-upd{padding:0;background:none;border-radius:0;color:var(--cm-ink-muted)}
@media (min-width:1025px){.cm-art__side .cm-art__card{display:none}}
.cm-promo__main{max-width:560px}
.cm-art .cm-promo__list li{justify-content:flex-start;gap:12px;flex-wrap:wrap}
.cm-art .cm-promo__tel{font-family:var(--cm-font-body);font-size:16px;font-weight:700}
.cm-art .cm-promo,.cm-art .cm-promo--end{border-left:1px solid var(--cm-border-strong);box-shadow:inset 4px 0 0 var(--cm-primary),var(--cm-shadow-2)}
.cm-art .cm-promo--end{border-color:transparent;box-shadow:inset 4px 0 0 var(--cm-primary)}
@media (max-width:760px){
.cm-art .cm-promo__kicker{text-transform:none;letter-spacing:0;font-size:13px;color:var(--cm-ink)}
.cm-art .cm-promo__all{padding:10px 0;font-size:15px}
.cm-art__expert-meta{gap:2px 12px}
}