/* — общие токены — */
.hgp-faq-unified{background:linear-gradient(178deg,#fdfcfa 0%,#f5f0ea 45%,#ede6dd 100%);color:#1a1a1a;font-family:'Roboto Condensed','Onest',sans-serif}

/* — 1. Блог-FAQ (hgb-faq-item): приводим к визуалу главной — */
.hgb-faq-item,.bl-faq__item{border-bottom:1px solid rgba(26,26,26,.1);padding:20px 0;counter-increment:hgpfaq}
.hgb-faq-item:first-of-type,.bl-faq__item:first-of-type{border-top:1px solid rgba(26,26,26,.1)}
.hgb-faq-list,.bl-faq__list{counter-reset:hgpfaq}
.hgb-faq-q,.bl-faq__q{position:relative;display:block;padding-left:52px;font-family:'Oswald',sans-serif!important;font-size:clamp(14px,1.6vw,17px)!important;font-weight:600!important;text-transform:uppercase;letter-spacing:.02em;line-height:1.35;color:#1a1a1a;margin:0 0 10px!important}
.hgb-faq-q::before,.bl-faq__q::before{content:counter(hgpfaq,decimal-leading-zero);position:absolute;left:0;top:0;font-family:'Oswald',sans-serif;font-size:30px;font-weight:700;line-height:1;color:rgba(26,26,26,.12)}
.hgb-faq-item:hover .hgb-faq-q::before,.bl-faq__item:hover .bl-faq__q::before{color:rgba(220,38,38,.28)}
.hgb-faq-item>p:last-child,.bl-faq__item>p:last-child{padding-left:52px;margin:0;font-family:'Roboto Condensed',sans-serif;font-size:12.5px;line-height:1.75;letter-spacing:.6px;color:#4a4a4a}
.hgb-faq-item>p:last-child strong{color:#1a1a1a}
.hgb-faq-item>p:last-child a{color:#dc2626;font-weight:700}

/* — 2. Статьи hg-art: FAQ-аккордеон в визуале главной — */
.hg-art__faq{border-top:1px solid rgba(26,26,26,.1)}
.hg-art__faq details{border-bottom:1px solid rgba(26,26,26,.1);border-top:none!important}
.hg-art__faq summary{position:relative;padding:22px 44px 22px 52px!important;font-family:'Oswald',sans-serif!important;font-size:clamp(14px,1.6vw,17px)!important;font-weight:600!important;text-transform:uppercase;letter-spacing:.02em;line-height:1.35;color:#1a1a1a!important;list-style:none}
.hg-art__faq summary::-webkit-details-marker{display:none}
.hg-art__faq details:nth-of-type(1) summary::before,
.hg-art__faq details:nth-of-type(2) summary::before,
.hg-art__faq details:nth-of-type(3) summary::before,
.hg-art__faq details:nth-of-type(4) summary::before,
.hg-art__faq details:nth-of-type(5) summary::before,
.hg-art__faq details:nth-of-type(6) summary::before,
.hg-art__faq details:nth-of-type(7) summary::before,
.hg-art__faq details:nth-of-type(8) summary::before,
.hg-art__faq details:nth-of-type(9) summary::before,
.hg-art__faq details:nth-of-type(10) summary::before{content:counter(hgpfaq2,decimal-leading-zero);counter-increment:hgpfaq2}
.hg-art__faq{counter-reset:hgpfaq2}
.hg-art__faq summary::after{content:'+';position:absolute;right:6px;top:22px;font-family:'JetBrains Mono',monospace;font-size:16px;color:rgba(26,26,26,.3);transition:transform .25s ease}
.hg-art__faq details[open] summary::after{transform:rotate(45deg);color:#dc2626}
.hg-art__faq summary:hover{color:#dc2626!important}
.hg-art__faq details p{padding:0 0 22px 52px!important;margin:0!important;font-family:'Roboto Condensed',sans-serif!important;font-size:12.5px!important;line-height:1.75!important;letter-spacing:.6px;color:#4a4a4a!important}
.hg-art__faq details p strong{color:#1a1a1a}
.hg-art__faq details p a{color:#dc2626;font-weight:700}

/* — 3. Блок «Читайте в блоге»: нетипичный индекс-сток (08.11.2026, по референсам Романа)
   Идея: не карточки, а редакционный указатель — строки во всю ширину, огромные
   «призрачные» номера, красная подчёркивающая линия на hover. Стиль — как у
   главной (Oswald, красный акцент, моно-микролейблы), но раскладка нестандартная. */
.hgp-bloglinks{position:relative;max-width:1200px!important;margin:72px auto!important;padding:clamp(26px,3.4vw,40px) clamp(22px,3.4vw,44px)!important;background:linear-gradient(178deg,#fdfcfa 0%,#f6f1eb 62%,#ece4da 100%)!important;border-left:2px solid #dc2626!important;border-top:0!important;border-right:0!important;border-bottom:0!important;box-shadow:0 18px 60px -30px rgba(0,0,0,.45)}
.hgp-bloglinks__head{display:grid;grid-template-columns:1fr auto;align-items:end;gap:8px 24px;padding:0 0 14px!important;border-bottom:1px solid rgba(26,26,26,.14)}
.hgp-bloglinks__label{grid-column:1/-1;font-family:'JetBrains Mono',monospace!important;font-size:10px!important;font-weight:700!important;letter-spacing:.16em!important;text-transform:uppercase;color:#dc2626!important}
.hgp-bloglinks h2{grid-column:1;font-family:'Oswald',sans-serif!important;font-size:clamp(26px,3.6vw,40px)!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:-.015em!important;line-height:1.05;color:#1a1a1a!important;margin:0!important}
.hgp-bloglinks__all{grid-column:2;align-self:end;font-family:'JetBrains Mono',monospace!important;font-size:11px!important;font-weight:700!important;letter-spacing:.12em!important;text-transform:uppercase;color:#1a1a1a!important;text-decoration:none!important;border-bottom:1px solid rgba(220,38,38,.5);padding-bottom:3px;white-space:nowrap;transition:color .25s ease,border-color .25s ease}
.hgp-bloglinks__all:hover{color:#dc2626!important;border-color:#dc2626}
.hgp-bloglinks__list{list-style:none!important;margin:0!important;padding:0!important;counter-reset:hgpbl}
.hgp-bloglinks__item{margin:0!important;border-bottom:1px solid rgba(26,26,26,.1)}
.hgp-bloglinks__item a{position:relative;display:grid;grid-template-columns:96px 1fr auto;align-items:center;gap:20px;padding:22px 4px 22px 0!important;text-decoration:none!important;transition:padding-left .35s cubic-bezier(.16,1,.3,1)}
.hgp-bloglinks__num{font-family:'Oswald',sans-serif;font-size:clamp(34px,4.6vw,58px);font-weight:700;line-height:.9;letter-spacing:-.02em;color:rgba(26,26,26,.14);transition:color .3s ease,transform .35s cubic-bezier(.16,1,.3,1)}
.hgp-bloglinks__title{font-family:'Oswald',sans-serif!important;font-size:clamp(15px,1.6vw,20px)!important;font-weight:500!important;text-transform:uppercase!important;letter-spacing:.005em!important;line-height:1.3;color:#1a1a1a!important}
.hgp-bloglinks__arrow{font-family:'JetBrains Mono',monospace;font-size:18px;color:rgba(26,26,26,.2);transform:translateX(-6px);opacity:0;transition:opacity .3s ease,transform .35s cubic-bezier(.16,1,.3,1),color .3s ease}
.hgp-bloglinks__item a::after{content:'';position:absolute;left:0;bottom:-1px;height:2px;width:0;background:#dc2626;transition:width .45s cubic-bezier(.16,1,.3,1)}
.hgp-bloglinks__item a:hover{padding-left:14px!important}
.hgp-bloglinks__item a:hover::after{width:100%}
.hgp-bloglinks__item a:hover .hgp-bloglinks__num{color:rgba(220,38,38,.45);transform:translateY(-2px)}
.hgp-bloglinks__item a:hover .hgp-bloglinks__title{color:#dc2626!important}
.hgp-bloglinks__item a:hover .hgp-bloglinks__arrow{opacity:1;transform:translateX(0);color:#dc2626}
@media (max-width:640px){
.hgp-bloglinks__item a{grid-template-columns:56px 1fr;gap:14px}
.hgp-bloglinks__arrow{display:none}
.hgp-bloglinks__head{grid-template-columns:1fr}
.hgp-bloglinks__all{grid-column:1;justify-self:start}
}

/* — 4. Лаконичные CTA: единая кнопка-строка как на главной — */
.hgb-btn,.hg-art__cta-btn,.okp-fq__btn,.zfq__btn,.hgfq__btn{font-family:'Roboto Condensed',sans-serif!important;font-size:12px!important;font-weight:400!important;letter-spacing:2px!important;text-transform:uppercase!important;border-radius:60px!important;padding:16px 28px!important;transition:transform .4s cubic-bezier(.16,1,.3,1)}
.hgb-btn:hover,.hg-art__cta-btn:hover{transform:translateY(-2px)}
.hgb-btn-note,.hg-art__cta-price{font-family:'JetBrains Mono',monospace!important;font-size:10px!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:#8a7a6a!important}


/* — 5. /podkast-cena/: одна визуальная ширина Hero ↔ «Калькулятор» и типографика по главной (08.11.2026)
   Пилот: только эта страница. На весь сайт — после утверждения Романа.
   Источник истины — главная: контейнер 1200 px, внутренние поля 40 px
   (колонка контента 1120 px), Oswald 48/52.8 для H2, Roboto Condensed 15/21
   для текста, JetBrains Mono 10–11 px для микро-меток. */
body.page-id-195 .ch-title{width:1200px!important;max-width:100%!important;padding:0 40px!important;box-sizing:border-box!important;text-align:left!important;transform:translateY(-50%)!important;left:0!important;right:0!important;margin-left:auto!important;margin-right:auto!important}
body.page-id-195 .ch-title h1{font-size:clamp(36px,5.6vw,64px)!important;line-height:1.05!important;letter-spacing:-1px!important;margin-bottom:16px!important}
body.page-id-195 .ch-title .ch-sub{font-family:'Roboto Condensed',sans-serif!important;font-size:15px!important;line-height:21px!important;letter-spacing:normal!important;text-transform:none!important;color:rgba(44,38,32,.8)!important;max-width:640px!important;margin:0!important}
body.page-id-195 .ch-title .ch-soul{font-family:'JetBrains Mono',monospace!important;font-size:11px!important;font-weight:700!important;letter-spacing:.16em!important;text-transform:uppercase!important;margin-top:18px!important}
body.page-id-195 .okp-cl{overflow:hidden!important}
body.page-id-195 .okp-cl__inner{max-width:1200px!important;margin-left:auto!important;margin-right:auto!important;padding-left:40px!important;padding-right:40px!important}
body.page-id-195 .okp-cl__title{font-family:'Oswald',sans-serif!important;font-size:clamp(30px,3.2vw,48px)!important;line-height:1.1!important;letter-spacing:-.96px!important;font-weight:700!important}
body.page-id-195 .okp-cl__label{font-family:'JetBrains Mono',monospace!important;font-size:11px!important;font-weight:700!important;letter-spacing:.16em!important}
@media (max-width:1280px){
body.page-id-195 .ch-title{width:100%!important;padding-left:clamp(20px,5vw,40px)!important;padding-right:clamp(20px,5vw,40px)!important}
body.page-id-195 .okp-cl__inner{margin-left:auto!important;margin-right:auto!important;padding-left:clamp(20px,5vw,40px)!important;padding-right:clamp(20px,5vw,40px)!important}
}