/* Страницы услуг 2026 — набор блоков поверх home.css (пересборка страниц в дизайне главной, Mr Mark digital, 26.10.2026) */

/* первый экран с картинкой */
.kh-phero h1{font-size:clamp(27px,3.4vw,41px);overflow-wrap:anywhere;hyphens:auto;-webkit-hyphens:auto} /* как заголовки блоков (kh-h2): на телефоне 27, на компьютере 41; длинные заглавные слова (КОНТУР.СОПРОВОЖДЕНИЕ) переносятся, а не режутся краем */
.kh-kicker{display:inline-flex;align-items:center;gap:10px;font:500 12px "JetBrains Mono",ui-monospace,monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--g-l);margin-bottom:18px!important}
.kh-kicker:before{content:"";width:22px;height:2px;background:currentColor}
.kh-phero__img{position:relative;margin:0}
.kh-phero__img img{width:100%;height:auto;border-radius:var(--r);box-shadow:0 30px 80px rgba(0,0,0,.4)}
.kh-phero__badge{position:absolute;left:-18px;bottom:26px;display:flex;flex-direction:column;background:#fff;color:var(--ink);border-radius:16px;padding:12px 18px;box-shadow:var(--sh)}
.kh-phero__badge b{font:800 24px Montserrat,sans-serif;color:var(--g-d);line-height:1.1}
.kh-phero__badge small{font-size:12px;color:var(--text);margin-top:2px}
.kh-phero__logo{position:absolute;right:-14px;top:-14px;display:grid;place-items:center;width:64px;height:64px;border-radius:18px;background:#fff;box-shadow:var(--sh)}
.kh-phero__logo img{width:40px;height:40px;border-radius:0;box-shadow:none}
.kh-hero__text .kh-crumbs{margin-bottom:0}

/* карточки с иконкой: преимущества, «кому подходит», «для чего» */
.kh-feats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:44px}
.kh-feats--2{grid-template-columns:repeat(2,1fr)}
.kh-feats--4{grid-template-columns:repeat(4,1fr)}
.kh-feat{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:24px;transition:.2s}
.kh-feat .kh-ibox{margin-bottom:16px}
.kh-feat h3,.kh-feat .kh-feat__t{font:700 18px/1.3 Montserrat,sans-serif;letter-spacing:-.01em;margin:0 0 8px}
.kh-feat p{color:var(--text);font-size:15px}
.kh-feat p+p{margin-top:8px!important}
.kh-feat ul{margin-top:10px!important}
.kh-feat li{position:relative;padding:5px 0 5px 22px;font-size:15px}
.kh-feat li:before{content:"";position:absolute;left:2px;top:12px;width:10px;height:5px;border:solid var(--g-d);border-width:0 0 2px 2px;transform:rotate(-45deg)}
.kh-feat--row{flex-direction:row;align-items:flex-start;gap:16px}
.kh-feat--row .kh-ibox{margin:0}
.kh-feat--row>div{flex:1;min-width:0}
a.kh-feat:hover{border-color:var(--g);box-shadow:0 14px 40px rgba(13,26,20,.08);transform:translateY(-2px)}
.kh-feat--dark,.kh-dark .kh-feat{background:var(--card-d);border-color:var(--line-d);color:#fff}
.kh-dark .kh-feat p,.kh-feat--dark p{color:#a9b9af}
.kh-dark .kh-ibox,.kh-feat--dark .kh-ibox{background:rgba(1,196,99,.14);color:var(--g-l)}
.kh-dark .kh-feat li:before{border-color:var(--g-l)}
.kh-feat--accent{border:2px solid var(--g)}
/* компактные плитки «иконка + подпись» (как блок услуг на главной) */
.kh-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:40px}
.kh-tiles--4{grid-template-columns:repeat(4,1fr)}
.kh-tiles>*{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px 18px;font-weight:700;font-size:16px;line-height:1.25;transition:.2s}
.kh-tiles>a:hover{border-color:var(--g);color:var(--g-d)}

/* длинный текст — читаемая колонка, не простыня */
.kh-prose{max-width:800px;margin-top:28px;font-size:17px;line-height:1.7;color:#2c3a32}
.kh-prose--wide{max-width:none}
.kh-prose p+p,.kh-prose ul+p,.kh-prose ol+p,.kh-prose p+ul,.kh-prose p+ol{margin-top:14px!important}
.kh-prose h1{font:800 clamp(27px,3.4vw,41px)/1.12 Montserrat,sans-serif;letter-spacing:-.015em;color:var(--ink);margin:0 0 20px!important}
.kh-prose h3{font:700 23px/1.25 Montserrat,sans-serif;letter-spacing:-.01em;color:var(--ink);margin:36px 0 12px!important}
.kh-prose h3:first-child{margin-top:0!important}
.kh-prose h4{font:700 18px/1.3 Montserrat,sans-serif;color:var(--ink);margin:24px 0 8px!important}
.kh-prose b,.kh-prose strong{color:var(--ink)}
.kh-prose a{color:var(--g-d);text-decoration:underline;text-underline-offset:3px}
.kh-prose ul li{position:relative;padding:4px 0 4px 24px}
.kh-prose ul li:before{content:"";position:absolute;left:4px;top:14px;width:7px;height:7px;border-radius:50%;background:var(--g)}
.kh-prose ol{counter-reset:n}
.kh-prose ol li{position:relative;padding:4px 0 4px 36px;counter-increment:n}
.kh-prose ol li:before{content:counter(n);position:absolute;left:0;top:5px;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--g-bg);color:var(--g-d);font:700 13px "JetBrains Mono",monospace}
.kh-prose--cols{max-width:none;columns:2;column-gap:56px}
.kh-prose--cols>*{break-inside:avoid}
.kh-prose img{border-radius:16px;margin:18px 0}
.kh-lead-p{font-size:19px;color:var(--text);max-width:820px;margin-top:20px!important}

/* две колонки: текст и картинка / текст и список */
.kh-split{margin-top:44px}
.kh-split--center{align-items:center}
.kh-split>*{min-width:0}
.kh-figure{margin:0}
.kh-figure img{width:100%;height:auto;border-radius:var(--r);box-shadow:var(--sh)}
.kh-figure--plain img{box-shadow:none;border:1px solid var(--line);background:#fff}
.kh-figure figcaption{font-size:14px;color:var(--text);margin-top:10px}

/* шаги: 3 и 5 в ряд, нумерованный список карточками */
.kh-steps--3{grid-template-columns:repeat(3,1fr)}
.kh-steps--5{grid-template-columns:repeat(5,1fr)}
.kh-numlist{display:grid;gap:12px;margin-top:36px;counter-reset:n}
.kh-numlist li{display:flex;gap:18px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:20px 24px;counter-increment:n}
.kh-numlist li:before{content:counter(n,decimal-leading-zero);display:grid;place-items:center;flex:none;width:48px;height:48px;border-radius:50%;background:var(--g-bg);color:var(--g-d);font:500 14px "JetBrains Mono",monospace}
.kh-numlist h3{font:700 18px Montserrat,sans-serif;letter-spacing:-.01em;margin-bottom:4px}
.kh-numlist p{color:var(--text);font-size:15px}
.kh-numlist--2{grid-template-columns:1fr 1fr}

/* строки «название — цена» и таблицы */
.kh-rows{display:grid;gap:10px;margin-top:36px}
.kh-row{display:flex;justify-content:space-between;align-items:center;gap:16px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px 22px}
.kh-row>span{font-weight:600;font-size:16px}
.kh-row small{display:block;font-weight:400;color:var(--text);font-size:13px;margin-top:2px}
.kh-row b{font:800 20px Montserrat,sans-serif;color:var(--g-d);white-space:nowrap}
.kh-row b small{display:inline;font:400 13px "Golos Text",sans-serif;color:var(--text)}
.kh-rows--2{grid-template-columns:1fr 1fr}
.kh-tablewrap{overflow-x:auto;margin-top:36px;border:1px solid var(--line);border-radius:var(--r);background:#fff}
.kh-table{width:100%;border-collapse:collapse;font-size:15px}
.kh-table th{text-align:left;font:500 12px "JetBrains Mono",monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--g-dd);padding:16px 20px;border-bottom:1px solid var(--line);background:var(--bg)}
.kh-table td{padding:14px 20px;border-bottom:1px solid var(--line);vertical-align:top}
.kh-table tr:last-child td{border-bottom:0}
.kh-table td b{font:800 17px Montserrat,sans-serif;color:var(--g-d);white-space:nowrap}
.kh-table td:first-child{font-weight:600}

/* цифры, логотипы, видео, цитата-врезка */
.kh-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:40px}
.kh-stat{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:22px 24px}
.kh-stat b{display:block;font:800 34px/1.1 Montserrat,sans-serif;color:var(--g-d);margin-bottom:6px}
.kh-stat span{font-size:15px;color:var(--text)}
.kh-dark .kh-stat{background:var(--card-d);border-color:var(--line-d)}
.kh-dark .kh-stat b{color:var(--g-l)}
.kh-dark .kh-stat span{color:#a9b9af}
.kh-logos{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}
.kh-logos>*{display:grid;place-items:center;background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px 18px;min-height:72px;min-width:120px}
.kh-logos img{max-height:44px;width:auto}
.kh-video{aspect-ratio:16/9;border-radius:var(--r);overflow:hidden;background:#000;margin-top:40px;box-shadow:var(--sh)}
.kh-video iframe,.kh-video video{display:block;width:100%;height:100%;border:0}
.kh-callout{display:flex;gap:16px;align-items:flex-start;background:#fff;border-left:3px solid var(--g);border-radius:0 18px 18px 0;padding:22px 26px;margin-top:32px!important;font-size:16px;color:var(--text)}
.kh-callout .kh-i{color:var(--g-d);flex:none;margin-top:2px}
.kh-callout b{color:var(--ink)}
.kh-sec--tint .kh-callout,.kh-sec--tint .kh-stat,.kh-sec--tint .kh-feat,.kh-sec--tint .kh-row,.kh-sec--tint .kh-numlist li,.kh-sec--tint .kh-tiles>*{background:#fff}

/* сравнение двух вариантов (флешка / Рутокен и т. п.) */
.kh-compare{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:40px}
.kh-compare>div{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:26px}
.kh-compare>div.is-bad{border-color:#f2d27a;background:#fffdf3}
.kh-compare>div.is-good{border:2px solid var(--g)}
.kh-compare h3{font:700 19px Montserrat,sans-serif;margin-bottom:10px}
.kh-compare p{color:var(--text);font-size:15px}
.kh-compare .kh-mono{margin-bottom:10px!important}
.is-bad .kh-mono{color:#b98900}

/* призыв к действию полосой */
.kh-cta{display:grid;grid-template-columns:1fr auto;gap:32px;align-items:center;background:radial-gradient(500px 300px at 100% 100%,rgba(1,196,99,.2),transparent 70%),var(--ink);color:#fff;border-radius:var(--r);padding:40px 44px;margin-top:52px}
.kh-cta h3{font:800 clamp(22px,2.4vw,28px) Montserrat,sans-serif;letter-spacing:-.02em}
.kh-cta p{color:#a9b9af;margin-top:8px!important;font-size:16px}
.kh-cta__btns{display:flex;flex-wrap:wrap;gap:12px}

/* навигация по якорям на длинных страницах */
.kh-anchors{position:sticky;top:74px;z-index:20;display:flex;gap:8px;overflow-x:auto;background:rgba(243,246,241,.94);backdrop-filter:blur(8px);padding:12px 0;margin-top:28px;border-bottom:1px solid var(--line);scrollbar-width:none}
.kh-anchors::-webkit-scrollbar{display:none}
.kh-anchors a{flex:none;padding:9px 16px;border-radius:999px;background:#fff;border:1px solid var(--line);font-weight:700;font-size:14px;white-space:nowrap}
.kh-anchors a:hover{border-color:var(--g);color:var(--g-d)}
.kh-anchors a.is-on{background:var(--ink);border-color:var(--ink);color:#fff}
@media (min-width:1181px){.kh-anchors{flex-wrap:wrap;overflow:visible}} /* на компьютере все пункты видны, без прокрутки */

/* каталог: группы с аккордеонами, курсы, тарифы */
.kh-cat{margin-top:40px}
.kh-cat+.kh-cat{margin-top:64px}
.kh-cat__h{font:800 clamp(22px,2.4vw,30px) Montserrat,sans-serif;letter-spacing:-.02em;margin-bottom:8px;scroll-margin-top:140px}
.kh-cat__sub{color:var(--text);font-size:16px;max-width:760px}
.kh-courses2{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:24px}
.kh-course{display:flex;flex-direction:column;gap:10px;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:22px 24px}
.kh-course h3,.kh-course .kh-course__t{font:700 17px/1.35 Montserrat,sans-serif;letter-spacing:-.01em;margin:0}
.kh-course__meta{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:14px;color:var(--text)}
.kh-course__meta b{color:var(--g-d);font:800 18px Montserrat,sans-serif}
.kh-course__meta .kh-i,.kh-badge .kh-i,.kh-note .kh-i{display:inline-block;width:16px;height:16px;vertical-align:-3px;margin-right:4px}
.kh-course p{color:var(--text);font-size:15px}
.kh-faq details>div p+p,.kh-faq details>div ul+p,.kh-faq details>div p+ul{margin-top:10px!important} /* абзацы в ответах не слипаются */
.kh-faq--tight{margin-top:24px;max-width:none}
.kh-faq--tight summary{font-size:17px;padding:18px 0}

/* сетка «иконка слева — текст» для списков возможностей */
.kh-list2{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px;margin-top:36px}
.kh-list2 li{display:flex;gap:12px;align-items:flex-start;font-size:16px;padding:12px 0;border-bottom:1px solid var(--line)}
.kh-list2 .kh-i{color:var(--g-d);flex:none;margin-top:2px}
.kh-dark .kh-list2 li{border-color:var(--line-d);color:#e3ece6}
.kh-dark .kh-list2 .kh-i{color:var(--g-l)}

/* примечания внутри двухколоночного блока — столбиком */
.kh-split .kh-notes{grid-template-columns:1fr;margin-top:0}
.kh-split>.kh-feat{margin-top:0}

/* мелочи */
.kh-h2--c{text-align:center;max-width:none}
.kh-c{text-align:center}
.kh-sec--sm{padding:64px 0}
.kh-mt0{margin-top:0!important}
.kh-mt24{margin-top:24px!important}
.kh-btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.kh-note{font-size:14px;color:var(--text);margin-top:14px!important}
.kh-badge{display:inline-block;padding:4px 10px;border-radius:999px;background:var(--g-bg);color:var(--g-dd);font:600 12px "JetBrains Mono",monospace;letter-spacing:.08em;text-transform:uppercase}
.kh-widget{margin-top:32px;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:18px;overflow:hidden}
.kh-widget iframe{display:block;width:100%;border:0}
.kh-qr{display:flex;gap:20px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:20px 24px}
.kh-qr img{width:120px;height:120px;border-radius:12px}

@media (max-width:1180px){
	.kh-feats,.kh-feats--4,.kh-tiles--4{grid-template-columns:repeat(2,1fr)}
	.kh-stats{grid-template-columns:repeat(2,1fr)}
	.kh-steps--5,.kh-steps--3{grid-template-columns:repeat(2,1fr)}
	.kh-cta{grid-template-columns:1fr}
	.kh-anchors{top:62px}
	.kh-phero__badge{left:12px}
	.kh-phero__logo{right:12px;top:12px}
}
@media (max-width:720px){
	.kh-feats,.kh-feats--2,.kh-feats--4,.kh-tiles,.kh-tiles--4,.kh-stats,.kh-compare,.kh-rows--2,.kh-numlist--2,.kh-courses2,.kh-list2,.kh-steps--3,.kh-steps--5{grid-template-columns:1fr}
	.kh-prose{font-size:16px}
	.kh-prose--cols{columns:1}
	.kh-cta{padding:28px 24px}
	.kh-split{gap:28px}
	.kh-row{flex-wrap:wrap}
	.kh-table th,.kh-table td{padding:12px 14px}
	.kh-phero__img{margin-top:8px}
	.kh-phero__badge{bottom:14px}
	.kh-qr{flex-direction:column;align-items:flex-start}
	.kh-cat__h{scroll-margin-top:120px}
}
/* список статей (/article/ и заготовки со списком записей) — как в archive.php (shell.css) */
.kh-posts{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.kh-pcard{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;transition:.2s}
.kh-pcard:hover{border-color:var(--g);box-shadow:0 14px 40px rgba(13,26,20,.08);transform:translateY(-2px)}
.kh-pcard__img img{width:100%;height:190px;object-fit:cover}
.kh-pcard__body{display:flex;flex-direction:column;gap:8px;padding:20px 22px 24px}
.kh-pcard__body small{color:var(--text)}
.kh-pcard__x{margin:0}
.kh-feat h4{font:700 16px/1.3 Montserrat,sans-serif;color:var(--ink);margin:16px 0 6px}
.kh-pcard__x{margin:0}
.kh-feat h4{font:700 16px/1.3 Montserrat,sans-serif;color:var(--ink);margin:16px 0 6px}
.kh-pcard__x{margin:0}
.kh-feat h4{font:700 16px/1.3 Montserrat,sans-serif;color:var(--ink);margin:16px 0 6px}
.kh-pcard__t{font:700 18px/1.3 Montserrat,sans-serif;color:var(--ink)}
.kh-pcard__x{color:var(--text);font-size:15px}
@media (max-width:1180px){.kh-posts{grid-template-columns:repeat(2,1fr)}}
@media (max-width:720px){.kh-posts{grid-template-columns:1fr}}

/* длинный текст со старого сайта — вступление и карточки с номерами (kh_chapters в inc/helpers.php) */
.kh-chap{margin-top:32px}
.kh-chap__lead{max-width:860px;font-size:17px;color:var(--text)}
.kh-chap__lead p:first-child{font-size:19px;color:var(--ink)}
.kh-chap__lead>*+*{margin-top:14px!important}
.kh-chap__lead--cols{max-width:none;columns:2;column-gap:48px}
.kh-chap__lead--cols p{break-inside:avoid}
.kh-chap__lead--cols p:first-child{font-size:17px}
.kh-chap__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:28px}
.kh-chap__lead+.kh-chap__grid{margin-top:32px}
.kh-chap__grid>:last-child:nth-child(odd){grid-column:1/-1}  /* нечётная последняя карточка — во всю ширину */
.kh-chap__card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:26px 28px;font-size:16px;color:var(--text);min-width:0}
.kh-chap__card>*+*{margin-top:12px!important}
.kh-chap__n{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--g-bg);color:var(--g-d);font:500 13px "JetBrains Mono",monospace}
.kh-chap__card h3,.kh-chap__card h4,.kh-chap__t{font:700 19px/1.3 Montserrat,sans-serif;letter-spacing:-.01em;color:var(--ink);margin-top:14px!important}
.kh-chap__card b,.kh-chap__card strong{color:var(--ink)}
.kh-chap a{color:var(--g-d);text-decoration:underline}
.kh-chap ul li{position:relative;padding-left:26px}
.kh-chap ul li+li{margin-top:8px}
.kh-chap ul li:before{content:"";position:absolute;left:3px;top:8px;width:11px;height:6px;border:solid var(--g-d);border-width:0 0 2px 2px;transform:rotate(-45deg)}
.kh-chap li>b:first-child{display:block;margin-bottom:2px}
.kh-chap ol{counter-reset:li}
.kh-chap ol li{counter-increment:li;position:relative;padding-left:26px}
.kh-chap ol li:before{content:counter(li) ".";position:absolute;left:0;font-weight:700;color:var(--g-d)}
.kh-chap--split{display:grid;grid-template-columns:1fr 1fr;gap:28px 40px;align-items:start}
.kh-chap--split .kh-chap__lead{max-width:none}
@media (max-width:900px){.kh-chap__grid,.kh-chap--split{grid-template-columns:1fr}.kh-chap__lead--cols{columns:1}}
@media (max-width:720px){.kh-chap__card{padding:22px 20px}.kh-chap__lead p:first-child{font-size:17px}}

/* ссылки во вступлении первого экрана видны (официальные сайты, соседние страницы) */
.kh-phero .kh-lead a{color:#fff;text-decoration:underline;text-decoration-color:rgba(255,255,255,.35);text-underline-offset:3px;transition:text-decoration-color .2s}
.kh-phero .kh-lead a:hover{text-decoration-color:var(--g-l)}

/* «Частые вопросы» (/chzv/, seeds/chzv.php): оглавление в первом экране, вопросы — карточки-аккордеон по темам, шаги со снимками экрана */
.kh-toc{background:#fff;color:var(--ink);border-radius:var(--r);padding:24px 26px 16px;box-shadow:0 30px 80px rgba(0,0,0,.35)}
.kh-toc__t{font:800 20px/1.2 Montserrat,sans-serif;letter-spacing:-.01em}
.kh-toc__g{margin-top:14px}
.kh-toc__g .kh-mono{font-size:11px;margin-bottom:2px!important}
.kh-toc a{display:flex;gap:12px;align-items:baseline;padding:7px 0;border-bottom:1px solid var(--line);font-size:15px;font-weight:600;line-height:1.35;transition:color .2s}
.kh-toc li:last-child a{border-bottom:0}
.kh-toc a span{flex:none;font:500 12px "JetBrains Mono",monospace;color:var(--g-d)}
.kh-toc a:hover{color:var(--g-d)}
.kh-qa__top{display:flex;justify-content:space-between;align-items:flex-end;gap:16px 24px;flex-wrap:wrap}
.kh-qa__all{min-height:42px;padding:0 18px;border-radius:999px;border:1.5px solid var(--line);background:#fff;color:var(--ink);font:700 14px "Golos Text",sans-serif;cursor:pointer;transition:border-color .2s,color .2s}
.kh-qa__all:hover{border-color:var(--g);color:var(--g-d)}
.kh-qa__group{margin-top:36px}
.kh-qa__gt{display:flex;align-items:center;gap:14px;font:800 clamp(20px,2vw,24px)/1.2 Montserrat,sans-serif;letter-spacing:-.02em;margin-bottom:14px!important}
.kh-qa__gt .kh-ibox{width:44px;height:44px;border-radius:12px;margin:0}
.kh-qa__item{background:#fff;border:1px solid var(--line);border-radius:var(--r);scroll-margin-top:96px;transition:border-color .2s,box-shadow .2s}
.kh-qa__item+.kh-qa__item{margin-top:10px}
.kh-qa__item[open]{border-color:var(--g);box-shadow:var(--sh)}
.kh-qa__item>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:18px;padding:20px 24px}
.kh-qa__item>summary::-webkit-details-marker{display:none}
.kh-qa__item>summary:focus-visible{outline:2px solid var(--g);outline-offset:2px;border-radius:var(--r)}
.kh-qa__item>summary h2{flex:1;font:700 clamp(17px,1.7vw,20px)/1.3 Montserrat,sans-serif;letter-spacing:-.01em;margin:0}
.kh-qa__item>summary:hover h2{color:var(--g-d)}
.kh-qa__n{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--g-bg);color:var(--g-d);font:500 14px "JetBrains Mono",monospace;transition:background .2s}
.kh-qa__item[open] .kh-qa__n{background:var(--g);color:var(--ink)}
.kh-qa__meta{flex:none;font-size:13px;color:var(--text);white-space:nowrap}
.kh-qa__item[open] .kh-pm{background:var(--g)}
.kh-qa__item[open] .kh-pm:after{display:none}
.kh-qa__body{padding:0 24px 24px 86px;font-size:16px;color:var(--text)}
.kh-qa__body>*+*{margin-top:14px!important}
.kh-qa__body b,.kh-qa__body strong,.kh-qa__body em{color:var(--ink)}
.kh-qa__body p a,.kh-qa__body .kh-warn a{color:var(--g-d);text-decoration:underline}
.kh-qa__short{background:var(--g-bg);border-radius:var(--r-s);padding:14px 18px;color:var(--ink);font-size:17px;max-width:860px}
.kh-qa__short .kh-mono{display:block;font-size:11px;margin-bottom:4px}
.kh-howto__t{font-weight:700;color:var(--ink)}
.kh-howto{counter-reset:s;display:grid;gap:20px}
.kh-howto>li{counter-increment:s;position:relative;padding-left:46px;color:var(--ink)}
.kh-howto>li:before{content:counter(s);position:absolute;left:0;top:-3px;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--ink);color:#fff;font:600 13px "JetBrains Mono",monospace}
.kh-howto>li>*+*{margin-top:10px!important}
.kh-shot{margin:0;display:table;max-width:100%;padding:10px;background:var(--bg);border:1px solid var(--line);border-radius:16px}
.kh-shot img{max-width:100%;height:auto;border-radius:6px}
.kh-qa .kh-warn{margin-top:18px!important;max-width:860px}
.kh-qa .kh-warn .kh-i{margin-top:1px}
.kh-pins{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.kh-pins p{background:var(--bg);border:1px solid var(--line);border-radius:var(--r-s);padding:14px 16px;font-size:15px;line-height:1.5}
.kh-pins .kh-mono{display:block;margin-bottom:6px}
.kh-pins b{font:600 21px/1.3 "JetBrains Mono",monospace;letter-spacing:.03em}
.kh-qa .kh-feats{margin-top:18px!important}
.kh-qa .kh-feat{background:var(--bg)}
.kh-qa .kh-feat h3{color:var(--ink)}
.kh-qa .kh-tiles{margin-top:12px!important}
.kh-qa .kh-tiles>*{background:var(--bg);font-size:15px;color:var(--ink)}
.kh-qa .kh-chips{margin:0}
.kh-qa .kh-chips span{font-size:14px;font-weight:600;background:var(--g-bg);border-color:transparent;color:var(--g-dd)}
.kh-qa .kh-checks{margin:0;gap:8px}
.kh-qa__foot{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin-top:24px!important;padding-top:18px;border-top:1px solid var(--line)}
.kh-qa__foot p{flex:1 1 240px;color:var(--ink);font-weight:600}
.kh-qa__foot .kh-btn{min-height:42px}
.kh-qa__rel{display:inline-flex;align-items:center;gap:6px;font-weight:700;color:var(--g-d)}
.kh-qa__rel .kh-i{width:16px;height:16px}
.kh-qa__rel:hover{color:var(--g-dd)}
.kh-qa__up{font-size:14px;color:var(--text)}
.kh-qa__up:hover{color:var(--ink)}
@media (max-width:1180px){.kh-toc{display:none}}  /* первый экран в одну колонку: список вопросов идёт сразу под ним */
@media (max-width:720px){
	.kh-qa__group{margin-top:28px}
	.kh-qa__item>summary{gap:12px;padding:16px}
	.kh-qa__n{width:34px;height:34px;font-size:12px}
	.kh-qa__meta{display:none}
	.kh-qa__body{padding:0 16px 18px}
	.kh-howto>li{padding-left:40px}
	.kh-pins,.kh-qa .kh-tiles{grid-template-columns:1fr}
	.kh-qa__foot .kh-btn{width:100%}
}

/* Свободный текст в блоках — по ширине, с переносами (Даша 21.10 и 27.10: «во всех таких блоках»).
   Карточки, вопросы-ответы, главы, нумерованные шаги, программы курсов и вступления разделов; первый экран и кнопки — как были. */
:is(.kh-feat,.kh-faq,.kh-prose,.kh-numlist,.kh-qa__body,.kh-chap__card,.kh-chap__lead,.kh-howto,.kh-course,.kh-compare) :is(p,li),
.kh-sec>.kh-wrap>p{text-align:justify;hyphens:auto;-webkit-hyphens:auto}
/* и заголовки внутри этих блоков: названия курсов и карточек, строки вопросов в аккордеонах (Даша 27.10, скриншот Айтиком) */
:is(.kh-feat,.kh-course,.kh-chap__card,.kh-compare,.kh-qa__item) :is(h3,h4),.kh-course__t,.kh-faq summary>:is(h3,h4,span:not(.kh-pm)),.kh-faq summary{text-align:justify;hyphens:auto;-webkit-hyphens:auto}
.kh-faq summary>:is(h3,h4){flex:1;min-width:0}

/* Правки клиента 27.10 («изменение на сайте2»):
   — «соседние страницы» из 5, 6 или 9 ссылок — по три в ряд (было 4 + 2), на телефоне и планшете — как раньше;
   — карта офиса под контактами (виджет Яндекс Карт вставляет home.js, пока не вставлен — адрес и ссылка на карту);
   — карточки с ценами: высоту названий в ряду выравнивает home.js, здесь — только цена и список с одного уровня. */
@media (min-width:900px){
	/* на сайте — класс от inc/sections.php (kh_related_cols), работает в любом браузере */
	.kh-related--3{grid-template-columns:repeat(3,1fr)}
	/* в редакторе админки класса нет — там то же по числу кнопок; отдельным правилом: браузер без :has() отбросил бы и класс выше */
	.kh-related:has(>a:nth-child(5):last-child),.kh-related:has(>a:nth-child(6):last-child),.kh-related:has(>a:nth-child(9):last-child){grid-template-columns:repeat(3,1fr)}
}
.kh-map{position:relative;height:380px;margin-top:40px;border-radius:var(--r);overflow:hidden;border:1px solid var(--line-d);background:var(--card-d)}
.kh-map iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
.kh-map__ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:16px;padding:24px;color:#c1cfc6}
.kh-map__ph .kh-i{width:34px;height:34px;color:var(--g-l);flex:none}
.kh-map__ph p{display:flex;flex-direction:column;gap:6px;font-size:16px}
.kh-map__ph b{color:#fff;font:700 18px Montserrat,sans-serif}
.kh-map__ph a{color:var(--g-l);text-decoration:underline;text-underline-offset:3px}
.kh-map.is-loaded .kh-map__ph{visibility:hidden}
@media (max-width:720px){.kh-map{height:300px;margin-top:28px}}

/* Оглавление юридических страниц (политика, seeds/privacy.php; 28.10.2026): ссылки на разделы, раздел под шапкой не прячется */
.kh-doctoc{background:#fff;border:1px solid var(--line);border-radius:var(--r-s);padding:18px 22px 12px;margin:0 0 30px}
.kh-doctoc p{margin:0 0 8px!important}
.kh-doctoc ol{margin:0!important;padding-left:22px;columns:2;column-gap:36px}
.kh-doctoc li{margin:0 0 6px;break-inside:avoid}
.kh-doctoc a{color:var(--g-d);text-decoration:none}
.kh-doctoc a:hover{text-decoration:underline}
.kh-prose h2[id]{scroll-margin-top:110px}
@media (max-width:720px){.kh-doctoc ol{columns:1}}

/* Тарифы и преимущества (Прогосзаказ, 28.10.2026): 6 карточек цен — по три в ряд; список преимуществ — в две колонки */
@media (min-width:900px){
	.kh-cards--3{grid-template-columns:repeat(3,1fr)}
	.kh-checks--2col{grid-template-columns:1fr 1fr;column-gap:40px}
}
.kh-mt-sm{margin-top:18px!important}

/* «Контакты»: карточка формы вровень с колонкой карточек — верх по первой карточке, низ по последней (Даша, 28.10.2026).
   Левая колонка раскладывается по строкам сетки (display:contents), форма и список карточек — в одной строке и тянутся до её высоты */
@media (min-width:1200px){
	.kh-contacts-page .kh-contacts{grid-template-rows:auto auto 1fr;row-gap:0}
	.kh-contacts-page .kh-contacts>div:first-child{display:contents}
	.kh-contacts-page .kh-contacts>div:first-child>*{grid-column:1}
	.kh-contacts-page .kh-contacts .kh-ccards{grid-row:3}
	.kh-contacts-page .kh-contacts>.kh-formcard{grid-column:2;grid-row:3;align-self:stretch;margin-top:32px;display:flex;flex-direction:column;justify-content:center}
}