/* ==========================================================================
   ПРОГОН 9 — БЛОК 3. Нормализация вертикального ритма, левого края, радиуса
   и зазоров в сетках. ТОЛЬКО «семья контентных страниц»:
   /about/ /contacts/ /company/* /dostavka/ /oplata/ /proektirovschikam/
   /proektirovschikam/{shef-montazh,gosty-i-snipy,sertifikaty,pdf-katalogi}/
   Каталог, карточки товаров и корзина НЕ затрагиваются — селекторы скоупятся
   обёртками этих страниц.

   Значения не выдуманы: все три шага ритма и оба зазора сеток уже встречались
   на сайте до правки (замер block2_before / block3_family_before).

   ШАГИ РИТМА:  крупный 56px · основной 40px · плотный 24px
   ЗАЗОРЫ СЕТОК: 16px и 24px
   РАДИУС: 13px
   ========================================================================== */

:root{
  --r9-lg:56px;   /* крупный  — было 56 на /about/ и /proektirovschikam/ */
  --r9-md:40px;   /* основной — было 40 на /shef-montazh/ и /oplata/ CTA  */
  --r9-sm:24px;   /* плотный  — было 24 на /company/team/ и в списках док. */
  --r9-gap-sm:16px;
  --r9-gap-lg:24px;
}

/* ---------------------------------------------------------------- ГЕРОИ ---
   4.x/блок 3: верхний и нижний внутренние отступы равны. Было 26/30 → 30/30.
   Скоуп — обёртки семьи, чтобы не задеть героев каталога.                   */
.mpkm-kimi-about .u-hero,
.kimi-contact-page .u-hero,
.mpkm-kimi-dostavka .u-hero,
.mko-kimi-page .u-hero,
.mpkm-proekt-page .u-hero,
.mpkm-kimi-shef .u-hero,
.mpkm-kimi-docs .u-hero,
.mpkm-kimi-pdf-katalogi .u-hero{
  padding-top:30px;
  padding-bottom:30px;
}

/* ------------------------------------------------------- ВЕРТИКАЛЬНЫЙ РИТМ */

/* /about/ — CTA-полоса была 34/34 */
#wrapper .mpkm-kimi-about__section.mka-cta-band{
  padding-top:var(--r9-md);
  padding-bottom:var(--r9-md);
}

/* /dostavka/ — секции 44/48, блок АТИ 48/52, финальный CTA 40/56 */
#wrapper .mpkm-kimi-dostavka__section,
#wrapper .mpkm-kimi-dostavka__cta-final{
  padding-top:var(--r9-md);
  padding-bottom:var(--r9-md);
}
#wrapper .mpkm-kimi-dostavka__ati{
  padding-top:var(--r9-md);
  padding-bottom:var(--r9-md);
}

/* /oplata/ — зазор между секциями был 44 */
#wrapper .mko-kimi-section + .mko-kimi-section,
#wrapper .mko-kimi-section + .mko-kimi-cta,
#wrapper .mko-kimi-cta + .mko-kimi-section{
  margin-top:var(--r9-md)!important;
}

/* /proektirovschikam/ — первая секция была 48/48, остальные 56/56 */
#wrapper .mpkm-proekt-sec--reg{
  padding-top:var(--r9-lg);
  padding-bottom:var(--r9-lg);
}

/* /shef-montazh/ — нижний CTA был 44/48 */
#wrapper .mpkm-kimi-shef__cta{
  padding-top:var(--r9-md);
  padding-bottom:var(--r9-md);
}

/* /contacts/ — зазоры между блоками были 48, CTA-полоса 32/32 */
#wrapper .kimi-contact-page .kmc-section,
#wrapper .kimi-contact-page .kmc-cta{
  margin-top:var(--r9-md)!important;
}
#wrapper .kimi-contact-page .kmc-cta{
  padding-top:var(--r9-md);
  padding-bottom:var(--r9-md);
}
#wrapper .kimi-contact-page .kmc-city-grid{
  margin-top:var(--r9-md);
}

/* /gosty-i-snipy/, /sertifikaty/, /pdf-katalogi/ — зазор блоков был 16 и 24,
   панель фильтров имела 16/16 */
#wrapper .mpkm-docs-block .mpkm-docs-filters{
  padding-top:var(--r9-sm);
  padding-bottom:var(--r9-sm);
}
#wrapper .mpkm-docs-block .mpkm-docs-brand-section + .mpkm-docs-brand-section,
#wrapper .mpkm-docs-block .mpkm-docs-filters + .mpkm-docs-brand-section{
  margin-top:var(--r9-sm);
}

/* /company/team/ — заголовки разделов давали зазоры 25 / 73 / 93 */
#wrapper .team-sec-title{
  margin-top:var(--r9-sm)!important;
  margin-bottom:var(--r9-sm)!important;
}
#wrapper main > .team-intro,
#wrapper main > section._text{margin-bottom:0}
#wrapper .team-lead{margin-bottom:0}

/* /company/arslan-kinzyabulatov/ — блоки шапки давали 57 / 28 / 28 */
#wrapper .person-hero__h1{margin-bottom:0}
#wrapper .person-hero__main .person-lead{margin-top:var(--r9-sm)!important}
#wrapper .person-hero__main .person-facts{margin-top:var(--r9-sm)!important}
#wrapper .person-hero__main .person-act{margin-top:var(--r9-sm)!important}

/* ------------------------------------------------------------ ЛЕВЫЙ КРАЙ ---
   Замер показал: в семье лендингов линия одна — контейнер секции 48px,
   текст 64px (48 + 16 внутреннего отступа секции), карточки (герой, тёмные
   панели, CTA) идут во всю ширину секции и отбивают своё содержимое
   собственным паддингом 30px. Это не разнобой, а два уровня — секция и
   карточка, поэтому здесь ничего не двигаем.
   Правится только /contacts/, где текст был отцентрован (пункт 4.5), —
   правило лежит в mpkm-kimi-contacts.css.
   Отклонение /proektirovschikam/ (герой 94px, секция --auto 105px) вынесено
   в отчёт: там собственный компонент героя, а не общий .u-hero.             */

/* ---------------------------------------------------------------- РАДИУС ---
   Канон 13px. Круги (50%) и пилюли (999px) — отдельные примитивы, не трогаем.
   Правим только элементы страниц семьи; общий слой контролов (mpkm-ui.css)
   делится с каталогом и остаётся как есть — вынесено в отчёт.               */
#wrapper .kimi-contact-page .kmc-sidebar__link,
#wrapper .kimi-contact-page .kmc-tab,
#wrapper .kimi-contact-page .kmc-delivery-feature,
#wrapper .kimi-contact-page .kmc-cta__input,
#wrapper .kimi-contact-page .kmc-copy-btn,
#wrapper .kimi-contact-page .kmc-info-card__icon,
#wrapper .kimi-contact-page .kmc-sidebar__docs li a,
#wrapper .mpkm-kimi-docs--standards .mpkm-kimi-docs__tag,
#wrapper .mpkm-kimi-docs--standards .mpkm-kimi-docs__after,
#wrapper .mpkm-kimi-pdf-katalogi__aside,
#wrapper .mpkm-kimi-pdf-katalogi__notice{
  border-radius:13px;
}

/* --------------------------------------------------------- ЗАЗОРЫ СЕТОК ---
   Два значения: 16px и 24px. Ленты с волосяными разделителями (gap:0),
   ряды кнопок/чипов в героях и пагинация — не сетки карточек, не трогаем.   */
#wrapper .kimi-contact-page .kmc-city-grid,
#wrapper .kimi-contact-page .kmc-card-grid,
#wrapper .team-grid,
#wrapper .mko-kimi-grid,
#wrapper .mpkm-proekt-reggrid,
#wrapper .mpkm-proekt-cmpsteps,
#wrapper .mpkm-proekt-ctgrid,
#wrapper .mpkm-proekt-quick,
#wrapper .mpkm-kimi-shef__steps,
#wrapper .mpkm-kimi-shef__scenario,
#wrapper .mpkm-kimi-dostavka__steps,
#wrapper .mpkm-docs-grid{
  gap:var(--r9-gap-sm);
}
#wrapper .mka-objs,
#wrapper .mka-flow__steps,
#wrapper .mpkm-proekt-autosteps{
  gap:var(--r9-gap-lg);
}

/* ==========================================================================
   ПРОГОН 9 — 4.10. Маркеры списков в статьях приводятся к сайтовому виду.
   Канон засечки взят из mpkm-ui.css:823 (13×3 px, радиус 2, цвет --brand) —
   он же используется в правовых блоках, у списков товаров объекта и в
   /dostavka/. В контенте статей маркер был «— » (mpkm-ui/main.css: .text ul
   li:before), то есть отличался от остального сайта.
   Скоуп — только контентная область статьи и новости. Меню, фильтры,
   хлебные крошки и списки товаров сюда не попадают: у них свои классы и
   они лежат вне .clauses-article/.news-inside .text.
   ========================================================================== */
#wrapper .clauses-article .text ul > li,
#wrapper .news-inside .text ul > li{
  position:relative;
  padding-left:24px;
  line-height:1.6;
}
#wrapper .clauses-article .text ul > li::before,
#wrapper .news-inside .text ul > li::before{
  content:"";
  position:absolute;
  left:0;
  top:.62em;
  width:13px;
  height:3px;
  margin-left:0;
  border-radius:2px;
  background:var(--brand,#fecc2f);
  color:transparent;
}
/* Нумерованные списки: тот же отступ и интерлиньяж, номера остаются номерами. */
#wrapper .clauses-article .text ol > li,
#wrapper .news-inside .text ol > li{
  padding-left:4px;
  line-height:1.6;
}
/* Вложенные списки не должны терять сдвиг. */
#wrapper .clauses-article .text ul ul,
#wrapper .news-inside .text ul ul{margin:8px 0 8px 8px}

/* --- добивка ритма: правила-источники стоят с !important либо задают
       margin-bottom, поэтому здесь перебиваем адресно (замер after → after2) */
#wrapper .kimi-contact-page .kmc-section,
#wrapper .kimi-contact-page .kmc-cta{
  margin-top:var(--r9-md)!important;
  margin-bottom:0!important;
}
#wrapper .mko-kimi-page .mko-kimi-section,
#wrapper .mko-kimi-page .mko-kimi-cta{
  margin-top:var(--r9-md)!important;
  margin-bottom:0!important;
}
#wrapper .mko-kimi-page > :first-child{margin-top:0!important}
#wrapper .kimi-contact-page > :first-child{margin-top:0!important}
#wrapper .mpkm-docs-filters{
  padding-top:var(--r9-sm)!important;
  padding-bottom:var(--r9-sm)!important;
}

/* ==========================================================================
   ПРОГОН 9 — БЛОК 9. Планшетная поломка на /proektirovschikam/sertifikaty/
   и /proektirovschikam/pdf-katalogi/.
   Замер: гориз. скролл +580 px @768, +352 @1024, +96 @1280 — карточки
   документов не помещались в две колонки.
   Причина: `grid-template-columns:repeat(2,1fr)` (mpkm-ui.css:77) — трек 1fr
   не даёт элементу сжаться ниже min-content, а длинные названия ГОСТов
   и СТО как раз шире половины планшета. Лечится minmax(0,1fr) + min-width:0
   на карточке и переносом длинных названий; на узких экранах — одна колонка.
   ========================================================================== */
#wrapper .mpkm-docs-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
@media (max-width:1100px){
  #wrapper .mpkm-docs-grid{grid-template-columns:minmax(0,1fr)!important}
}
#wrapper .mpkm-docs-card,
#wrapper .mpkm-docs-card-main,
#wrapper .mpkm-docs-card-meta{min-width:0;max-width:100%}
#wrapper .mpkm-docs-card-title,
#wrapper .mpkm-docs-card-meta{overflow-wrap:anywhere}
#wrapper .mpkm-docs-card-download{max-width:100%;white-space:normal}

/* /about/: лента типов заказчиков вылезала на 8 px при 1024 */
#wrapper .mka-aud,
#wrapper .mka-aud > *{min-width:0;max-width:100%;overflow-wrap:anywhere}

/* --- БЛОК 9: контраст. /proektirovschikam/shef-montazh/, нижний CTA.
   Фон блока светло-песочный #f7f5f1, а кнопки-контуры и текстовая ссылка
   заданы белым с !important — контраст 1.09:1, текст фактически не виден.
   Возвращаем чернила сайта. Дефект был до прогона (замер before это
   подтверждает: фон блока уже был светлым).                                */
#wrapper .mpkm-kimi-shef__cta-actions .mpkm-kimi-shef__btn--outline{
  color:var(--ink,#15161a)!important;
  border:1.5px solid var(--line,#ecebe7)!important;
}
#wrapper .mpkm-kimi-shef__cta-actions .mpkm-kimi-shef__btn--outline:hover{
  border-color:var(--brand,#fecc2f)!important;
}
#wrapper .mpkm-kimi-shef__cta-actions > :nth-child(4){
  color:var(--ink,#15161a)!important;
}

/* --- БЛОК 9: цели нажатия меньше 44 px на страницах семьи.
   Правим только кнопки и ссылки-действия; обычные текстовые ссылки внутри
   абзацев под правило 44×44 не подпадают и не трогаются.                    */
#wrapper .mpkm-docs-card-download,
#wrapper .mpkm-docs-brand-all,
#wrapper .mpkm-docs-pagination__link,
#wrapper .team-lead__more,
#wrapper .mpkm-proekt-a{
  min-height:44px;
  display:inline-flex;
  align-items:center;
}