/* ЕДИНАЯ ТИПОГРАФИКА САЙТА (v4, 17.10.2026). Подключается последним, после v4/site.css.
   Эталон — разметка v3 (.v3-h2, .pl-item…). Страницы на «старой рамке» (.section-heading, .automation-feature-card, .sp-more-card…)
   приводятся к той же шкале, чтобы разные разделы выглядели одинаково.

   Шкала:
     h1 героя            clamp(36px,4.6vw,54px) / 700 / -.035em / 1.04
     лид героя           18px / 1.5
     метка секции        12px / 700 / .16em, верхний регистр
     h2 секции           clamp(28px,3.1vw,42px) / 700 / -.03em / 1.08
     подзаголовок секции 17px / 1.55
     заголовок карточки  18px / 700 / -.01em / 1.3      (обычная карточка)
     заголовок крупной   20px / 700 / -.015em / 1.2      (карточка-«витрина»: функции поиска, «Другие возможности»)
     текст карточки      14px / 1.55 / #55555A
     ссылка в карточке   14px / 600
   Правило для новых блоков: брать классы v3 (.v3-h2, .v3-sub, .pl-item) или добавлять свой селектор в списки ниже, а не задавать размеры шрифта в самом блоке. */

/* ---- первый экран страниц на старой рамке ---- */
.v4.v3 .hero h1{font-size:clamp(36px,4.6vw,54px);font-weight:700;letter-spacing:-.035em;line-height:1.04}
.v4.v3 .hero .hero-text{font-size:18px;line-height:1.5}

/* ---- заголовок секции ---- */
.v4.v3 .section-heading .eyebrow{font-size:12px;font-weight:700;letter-spacing:.16em}
.v4.v3 .section-heading h2{font-size:clamp(28px,3.1vw,42px);font-weight:700;letter-spacing:-.03em;line-height:1.08}
.v4.v3 .section-heading>p{font-size:17px;line-height:1.55}

/* ---- заголовок обычной карточки: 18px ---- */
.v4.v3 :is(.pl-item h3,.sv3-card h3,.h3-adv-card h3,.h3-eco-card h3,.h3-step h3,.h3-news-card h3,.sh3-steps h3,
  .step b,.sp-setting b,.sp-connect-card b,.sp-example b,.px-list b,.sv-check-group h3){
  font-size:18px;font-weight:700;letter-spacing:-.01em;line-height:1.3}

/* ---- заголовок крупной карточки: 22px ---- */
.v4.v3 :is(.automation-feature-copy h3,.search-feature-copy h3,a.analytics-market-card h3,a.personalization-market-card h3,
  .sp-more-card>b,a.hub-card>b,.pg-link-card>b,.sv3-express h3){
  font-size:20px;font-weight:700;letter-spacing:-.015em;line-height:1.2}
.v4.v3 :is(.automation-feature-copy h3,.search-feature-copy h3,.sp-more-card>b,a.hub-card>b,.pg-link-card>b){color:var(--v3-ink)}

/* ---- текст карточки: 14px / 1.55 / #55555A ---- */
.v4.v3 :is(.pl-item p,.sv3-card p,.h3-adv-card p,.h3-eco-card p,.h3-news-card p,.h3-step p,.sh3-steps p){
  font-size:14px;line-height:1.55}
.v4.v3 :is(.automation-feature-copy p,.search-feature-copy p,a.analytics-market-card p,a.personalization-market-card p,
  .sp-more-card>span,a.hub-card>span,.pg-link-card>span,.step span,.sp-setting span,.sp-connect-card:not(.sp-connect-card-accent) span,
  .sp-example span){
  font-size:14px;line-height:1.55;color:var(--v3-text)}

/* ---- ссылка «Подробнее →» ---- */
.v4.v3 :is(.sp-more-card em,a.hub-card em,.pg-link-card em,.pl-more){font-size:14px;font-weight:600}

/* крупная карточка «Другие возможности»: в основных стилях размеры заданы с !important (в т.ч. 28px у первой карточки) */
.v4.v3 .v3sp .sp-more-card>b{font-size:20px!important;letter-spacing:-.015em!important;line-height:1.2!important}
.v4.v3 .v3sp .sp-more-card>span{font-size:14px!important;line-height:1.55!important}

/* названия тарифов в карточках цен: тот же вес, что у остальных заголовков */
.v4.v3 .pp-card h3{font-weight:700}

/* ================= ЕДИНЫЕ ОТСТУПЫ СЕКЦИЙ (17.10.2026) =================
   Раньше: у страниц на v3-разметке секция 76px, метка вплотную к h2 (0), заголовок→контент 32px; у страниц на «старой рамке»
   секция 60px, метка→h2 10px, заголовок→контент 28px. Теперь везде:
     секция сверху/снизу  80px (на телефоне 52px)
     метка → h2           12px
     заголовок → контент  40px (на телефоне 28px)
     заголовок карточки → текст  6px */
.v4.v3 :is(.v3-sec:not(.v3-sec--tight),section.section-pad){padding-top:80px;padding-bottom:80px}
.v4.v3 :is(.v3-head,.section-heading){margin-bottom:40px}
.v4.v3 :is(.section-heading .eyebrow,.v3-head .v3-eyebrow){margin:0 0 12px}
@media (max-width:700px){
  .v4.v3 :is(.v3-sec:not(.v3-sec--tight),section.section-pad){padding-top:52px;padding-bottom:52px}
  .v4.v3 :is(.v3-head,.section-heading){margin-bottom:28px}
}
/* плитки «Что настраивается»: между заголовком и текстом 6px (был зазор 18px из-за сетки и margin) */
.v4.v3 .sp-setting{row-gap:0!important}
.v4.v3 .sp-setting b{margin:0!important}
.v4.v3 .sp-setting span{margin:6px 0 0!important}
.v4.v3 .sp-setting{grid-template-rows:auto 1fr!important}
/* метка внутри тёмной карточки аналитики на «Платформе» и «Поиске»: тот же зазор до заголовка, что у остальных секций */
.v4.v3 .h3-an-copy .v3-eyebrow{margin:0 0 12px}

/* подзаголовок группы внутри секции («Когда вы внедрите рекомендации, это принесёт:» и т.п.): 36px от предыдущего блока, 18px до карточек
   (раньше зазор до карточек был ~4px). Сразу после заголовка секции — без верхнего отступа. */
.v4.v3 .sv-group{margin:36px 0 18px;font-size:18px;font-weight:700;letter-spacing:-.01em;line-height:1.3}
.v4.v3 .section-heading+.sv-group,.v4.v3 .sv-group:first-child{margin-top:0}

/* sub-gap: подзаголовок/лид под заголовком — 14–16px (из-за `.v3 p{margin:0}` отступ терялся и текст слипался с заголовком:
   «Часто задаваемые вопросы» на главной и /platform/, шапки /about/, /pricing/ и др.). У split-шапки подзаголовок стоит справа — без отступа. */
.v4.v3 .v3-head:not(.v3-head--split) .v3-sub,.v4.v3 .h3-faq-intro .v3-sub{margin-top:14px}
.v4.v3 .v3-phero-lead{margin-top:16px}

/* gap2: отступы, которые съедал `.v3 h2,.v3 p{margin:0}` — кнопка под модулями на /pricing/ (было 0px до карточек),
   заметка под заголовком группы тарифов, заголовки месяцев на /news/ (вплотную к предыдущей сетке и вкладкам годов). */
.v4.v3 .pg3-center{margin-top:24px}
.v4.v3 .pp-note{margin-top:18px}
.v4.v3 .nw-month{margin:44px 0 18px}
.v4.v3 .nw-years+.nw-month,.v4.v3 .nw-month:first-of-type{margin-top:28px}

/* gap3: карточки проверок на /platform/automation/catalog-check/ — заголовок, подпись и список (отступы терялись из-за `.v3 h3,.v3 p{margin:0}`) */
.v4.v3 .cc-group h3{margin:0 0 4px}
.v4.v3 .cc-group p{margin:0 0 14px}

/* gap4: значения из tools.css / tools-convert.css / news-page.css / pages.css, которые перебивали сбросы `.v3 h*,p{margin:0}` и `.v3sp h*,p{margin:0}` */
.v4.v3 .tl-group{margin:28px 0 14px}
.v4.v3 .tl-group:first-of-type{margin-top:0}
.v4.v3 .cvp-routes h2{margin:16px 0 32px}
.v4.v3 .cvp-info h2{margin:16px 0 28px}
.v4.v3 .cvp-info-item h3{margin:6px 0 0}
.v4.v3 .nd-text p{margin:0 0 14px}
.v4.v3 .nd-more-title{margin:48px 0 18px}
.v4.v3 .nw-card h3{margin:0 0 10px}
.v4.v3 .pg-case h3{margin:0 0 14px}
.v4.v3 .pg-case p{margin:0 0 12px}

/* gap5: tools-data / tools-marketplace / tools-site / tools.css / pages.css — отступы заголовков и абзацев, перебитые сбросами margin:0 */
.v4.v3 .dt-h2{margin-top:10px}
.v4.v3 .mk-sources{margin-top:16px}
.v4.v3 .mk-fit-sec h2{margin:16px 0 12px}
.v4.v3 .mk-lead{margin:0 0 28px}
.v4.v3 .mk-fitcards h3{margin:6px 0 0}
.v4.v3 .cv-info{margin-top:10px}
.v4.v3 .sa-sec-head h2{margin:2px 0 4px}
.v4.v3 .tl-list{margin-top:14px}
.v4.v3 .sc-legend{margin-top:10px}
.v4.v3 .sa-watch h2{margin:4px 0 10px}
.v4.v3 .legal-other{margin-top:18px}

/* gap6: главная — ссылки/чипы в карточках «Наши решения» (home.css: margin-top:16px, перебивался `.v3 ul{margin:0}`) */
.v4.v3 .h3-links,.v4.v3 .h3-chips{margin-top:16px}