/* Коридор, 01.10.2026: одна колонка 980 px на страницах калькуляторов (слой calc-columns-install.cjs, класс kd-cols).
   Видимые края вкладок, форм, результатов, статьи и блока «Рядом» совпадают: у прозрачных обёрток 980 px
   ограничивает содержимое (content-box, их внутренние поля 16-36 px остаются снаружи), у плашек с фоном
   980 px вместе с рамкой. На телефоне ограничение не работает, там колонка во всю ширину с прежними полями.
   calc-visuals.css задаёт вкладкам 1080 и 880 px правилами с id вкладок, поэтому здесь тот же вес (id в :is)
   плюс повтор класса, а файл подключается последним. */
body.kd-cols{--kd-col:980px}

/* прозрачные обёртки: содержимое 980 */
body.kd-cols.kd-cols :is(#content-0,#content-1,#content-2,#content-3,#content-4)>[class*="max-w-"],
body.kd-cols.kd-cols .wrap,
body.kd-cols.kd-cols .kdr-in,
body.kd-cols.kd-cols footer.max-w-screen-2xl{box-sizing:content-box!important;max-width:var(--kd-col)!important;margin-left:auto!important;margin-right:auto!important}

/* вступление с картинкой справа: рамка 980 со своими полями (слева 25, справа 330 под картинку), как у остальных
   калькуляторов, где оно стоит внутри .wrap. Поля не трогаем: иначе заголовок заходит под картинку */
body.kd-cols.kd-cols header.kd-c-intro{box-sizing:border-box!important;max-width:var(--kd-col)!important;margin-left:auto!important;margin-right:auto!important}

/* полоса вкладок нумерологии с фоном и рамкой: 980 снаружи */
body.kd-cols.kd-cols nav.kd-sticky,
body.kd-cols.kd-cols nav:has(.nav-tab){box-sizing:border-box!important;max-width:var(--kd-col)!important;margin-left:auto!important;margin-right:auto!important}
/* рамку вкладок рисует внутренний блок, поля nav (20 px) делали её уже колонки */
body.kd-cols.kd-cols :is(nav.kd-sticky,nav:has(.nav-tab)){padding-left:0!important;padding-right:0!important}
body.kd-cols.kd-cols nav:has(.nav-tab)>div{max-width:none!important}

/* поля страницы одинаковые, 16 px, как у .wrap матрицы и Бацзы: у нумерологии обёртка вкладок и статья шли с полями
   32 px, блок «Рядом» 18 px, поэтому на планшете и телефоне края расходились */
body.kd-cols.kd-cols :is(div:has(>.tab-content),.wrap,.kdr-in){padding-left:16px!important;padding-right:16px!important}

/* форма ввода и статья внутри колонки тоже во всю её ширину (матрица и Дизайн Человека были 760 и 840 px) */
body.kd-cols.kd-cols .wrap>:is(.form,form,article,section.faq){max-width:none!important}

/* подпись «Коридор · нумерология» над заголовком слева, как у остальных калькуляторов (на телефоне всё по центру) */
@media(min-width:801px){body.kd-cols.kd-cols header.kd-c-intro .text-xs{text-align:left!important}}

/* большая картинка лунного календаря: 960 → вся колонка */
body.kd-cols.kd-cols .wrap>figure.kd-hero{max-width:none!important;margin-left:0!important;margin-right:0!important}

/* Один стандарт статьи под всеми калькуляторами (01.10.2026). Было: между абзацами 13-18 px, перед H2 32-46 px,
   H2 от 22 до 39 px, строка 26-29 px, ссылки трёх цветов (у лунного календаря серо-голубые), у натальной карты
   абзацы слипались из-за сброса *{margin:0}. У Бацзы статья без <article>, её текст лежит прямо в .wrap после #result.
   Заголовки внутри summary (свёрнутые дни лунного календаря) не трогаем. */
body.kd-cols.kd-cols :is(article,.kd-u-bazi .wrap)>p,
body.kd-cols.kd-cols.kd-u-bazi .wrap>p{font-size:16px!important;line-height:1.75!important;margin:0 0 16px!important}
body.kd-cols.kd-cols article p{font-size:16px!important;line-height:1.75!important;margin:0 0 16px!important}
body.kd-cols.kd-cols :is(article,section.faq)>h2,
body.kd-cols.kd-cols.kd-u-bazi .wrap>h2{font-family:'Cormorant',Georgia,serif!important;font-size:28px!important;line-height:1.25!important;font-weight:600!important;margin:44px 0 14px!important}
body.kd-cols.kd-cols article>h2:first-child,body.kd-cols.kd-cols section.faq>h2:first-child{margin-top:0!important}
body.kd-cols.kd-cols section.faq{margin-top:44px}
body.kd-cols.kd-cols article :not(summary)>h3{font-size:21px!important;line-height:1.3!important;margin:28px 0 10px!important}
body.kd-cols.kd-cols :is(article,.kd-u-bazi .wrap) :is(ul,ol):not([class]),
body.kd-cols.kd-cols.kd-u-bazi .wrap>:is(ul,ol){margin:0 0 16px!important;padding-left:22px!important}
body.kd-cols.kd-cols article :is(ul,ol):not([class])>li,body.kd-cols.kd-cols.kd-u-bazi .wrap>:is(ul,ol)>li{margin:0 0 8px!important;line-height:1.7}
body.kd-cols.kd-cols :is(article,section.faq) p a,body.kd-cols.kd-cols article li a,body.kd-cols.kd-cols.kd-u-bazi .wrap>p a{color:#E9C87B!important;text-decoration:underline!important;text-decoration-color:rgba(233,200,123,.45)!important;text-underline-offset:3px}
body.kd-cols.kd-cols article .kd-scroll{margin:4px 0 24px!important}
body.kd-cols.kd-cols article table{width:100%;border-collapse:collapse;font-size:15px}
body.kd-cols.kd-cols article th{text-align:left;color:#A9A1CC;font-size:12.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:10px 12px!important;border-bottom:1px solid rgba(233,200,123,.3)!important}
body.kd-cols.kd-cols article td{padding:9px 12px!important;border-bottom:1px solid rgba(169,161,204,.14)!important;vertical-align:top}
@media(max-width:540px){
 body.kd-cols.kd-cols :is(article,section.faq)>h2,body.kd-cols.kd-cols.kd-u-bazi .wrap>h2{font-size:24px!important;margin-top:36px!important}
 body.kd-cols.kd-cols article :is(th,td){padding:8px 8px!important}
}

/* промежутки между блоками страницы (01.10.2026): обёртки .wrap давали снизу 24-80 px, от статьи до вопросов
   выходило от 44 до 148 px. Вертикальные поля обёрток сняты, расстояния задают сами блоки: статья 56 px от
   калькулятора, вопросы и «Рядом на Коридоре» по 44 px */
body.kd-cols.kd-cols .wrap:has(>article),body.kd-cols.kd-cols .wrap:has(>section.faq){padding-top:0!important;padding-bottom:0!important}
body.kd-cols.kd-cols article{margin-top:56px!important}
body.kd-cols.kd-cols section.faq{margin-top:44px!important}
body.kd-cols.kd-cols .kdr-articles{margin-top:56px!important}
/* блоки внутри текста Бацзы (шаги расшифровки, таблицы) не прилипают к следующему абзацу */
body.kd-cols.kd-cols.kd-u-bazi .wrap>h2~div{margin-bottom:20px!important}