/* Единый вертикальный ритм для содержательных секций всех инструментов */
main > .wrap.section{padding-top:52px!important;padding-bottom:0!important}
main > .wrap.section > h2{margin:0 0 18px!important;line-height:1.18}
main > .wrap.section > p{margin:0!important;line-height:1.75}
main > .wrap.section > p + p{margin-top:14px!important}
main > .wrap.section > p + ul,
main > .wrap.section > p + ol,
main > .wrap.section > ul + p,
main > .wrap.section > ol + p{margin-top:18px!important}

/* SEO-текст и его визуальная схема */
.legacy-seo{padding-top:52px!important}
.legacy-seo-copy{margin:0!important}
.legacy-seo-copy p{margin:0!important;line-height:1.75}
.legacy-seo-copy p + p{margin-top:14px!important}
.legacy-mock{margin-top:26px!important}
.legacy-mock__label,.legacy-mock__panel b{display:block}
.legacy-mock__chips{margin-top:2px}
.legacy-seo-list{margin-top:20px!important}

/* Карточки связанных инструментов */
.tech-links,.metric-links,.tk-links,.dt-links{margin-top:2px!important;gap:14px!important}
.tech-link,.metric-link,.tk-link,.dt-link{gap:8px!important;padding:16px!important}
.tech-link b,.tech-link span,
.metric-link b,.metric-link span,
.tk-link b,.tk-link span,
.dt-link b,.dt-link span{display:block}

/* FAQ и мобильный ритм */
.tech-faq details + details{margin-top:0!important}
@media(max-width:760px){
  main > .wrap.section,.legacy-seo{padding-top:38px!important}
  main > .wrap.section > h2{margin-bottom:14px!important}
  .legacy-mock{margin-top:20px!important}
  .tech-links,.metric-links,.tk-links,.dt-links{gap:12px!important}
}

/* v3.1 (06.09.2026): контент секций лежит внутри .reveal, и прежние правила
   `main > .wrap.section > h2` до него не доставали — заголовки и таблицы внутри
   инструментов слипались друг с другом. Ритм задаём по прямым детям контейнера
   секции, внутрь виджетов не лезем. */
main > .wrap.section > .reveal > * + *,
main > .wrap.calc-section > .reveal > * + *,
main > .wrap.calc-section > * + *{margin-top:16px}
main > .wrap.section > .reveal > * + h2,
main > .wrap.calc-section > .reveal > * + h2,
main > .wrap.calc-section > * + h2{margin-top:36px}
main > .wrap.section > .reveal > * + h3,
main > .wrap.calc-section > .reveal > * + h3,
main > .wrap.calc-section > * + h3{margin-top:26px}
main > .wrap.section > .reveal > h2,
main > .wrap.calc-section > .reveal > h2,
main > .wrap.calc-section > h2{margin-bottom:14px;line-height:1.2}
main > .wrap.section > .reveal > h3,
main > .wrap.calc-section > .reveal > h3,
main > .wrap.calc-section > h3{margin-bottom:10px;line-height:1.25}
@media(max-width:760px){
  main > .wrap.section > .reveal > * + h2,
  main > .wrap.calc-section > .reveal > * + h2,
  main > .wrap.calc-section > * + h2{margin-top:28px}
  main > .wrap.section > .reveal > * + h3,
  main > .wrap.calc-section > .reveal > * + h3,
  main > .wrap.calc-section > * + h3{margin-top:22px}
}