/* Блог и кейсы в общей шапке и подвале сайта (header.php / footer.php). Подключается после стилей блога.
   Doctor Context, 20.10.2026 */

/* Шрифты. В style-new.css блога пути ../fonts/ ведут в несуществующую папку: блог набирался запасным шрифтом,
   а его "Roboto" перебивал рабочий Roboto сайта. Те же семейства направлены на файлы Roboto из assets/fonts. */
@font-face{font-family:'Roboto';src:url(../../fonts/Roboto-Regular.woff2) format('woff2'),url(../../fonts/Roboto-Regular.woff) format('woff');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Roboto';src:url(../../fonts/Roboto-Italic.woff2) format('woff2'),url(../../fonts/Roboto-Italic.woff) format('woff');font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:'Roboto Italic';src:url(../../fonts/Roboto-Italic.woff2) format('woff2'),url(../../fonts/Roboto-Italic.woff) format('woff');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Circe';src:url(../../fonts/Roboto-Regular.woff2) format('woff2'),url(../../fonts/Roboto-Regular.woff) format('woff');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Circe';src:url(../../fonts/Roboto-Bold.woff2) format('woff2'),url(../../fonts/Roboto-Bold.woff) format('woff');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'TTNorms-Regular';src:url(../../fonts/Roboto-Regular.woff2) format('woff2'),url(../../fonts/Roboto-Regular.woff) format('woff');font-display:swap}
@font-face{font-family:'TTNorms-Medium';src:url(../../fonts/Roboto-Medium.woff2) format('woff2'),url(../../fonts/Roboto-Medium.woff) format('woff');font-display:swap}
@font-face{font-family:'TTNorms-Bold';src:url(../../fonts/Roboto-Bold.woff2) format('woff2'),url(../../fonts/Roboto-Bold.woff) format('woff');font-display:swap}
@font-face{font-family:'Proxima Nova';src:url(../../fonts/Roboto-Regular.woff2) format('woff2'),url(../../fonts/Roboto-Regular.woff) format('woff');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Proxima Nova';src:url(../../fonts/Roboto-Medium.woff2) format('woff2'),url(../../fonts/Roboto-Medium.woff) format('woff');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Proxima Nova';src:url(../../fonts/Roboto-Bold.woff2) format('woff2'),url(../../fonts/Roboto-Bold.woff) format('woff');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Proxima Nova';src:url(../../fonts/Roboto-Black.woff2) format('woff2'),url(../../fonts/Roboto-Black.woff) format('woff');font-weight:800;font-style:normal;font-display:swap}

/* Обертка. На сайте класс .blog-wrapper занят карточкой блога на главной (top:-270px и т.д.) — сбрасываем. */
.drc-blog.blog-wrapper{position:static;top:auto;height:auto;display:block;padding:0;border-radius:0;background:none;overflow:hidden}

/* Общее правило сайта nav{position:fixed} (панель меню) не должно цеплять оглавление и навигацию внутри статьи. */
.drc-blog nav{position:static;top:auto;left:auto;width:auto;z-index:auto;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}
.drc-blog #ez-toc-container nav{background:#fff}

/* Из main.min.css блога (его старая шапка больше не подключается): цвет и маркеры списков. */
.drc-blog ul:not(.clearlist) li{color:#323232}
.drc-blog ul:not(.clearlist) li::before{background-image:none;background-color:#3F20FF;border-radius:10em}

/* Заголовок архива блога — как заголовки страниц сайта */
.drc-blog .main-blog h1{font-family:'RoadRadio',sans-serif;font-weight:400;text-transform:uppercase;color:#111925;font-size:55px;line-height:1.1}
@media (max-width:991px){.drc-blog .main-blog h1{font-size:32px}}

/* Переход по оглавлению: заголовок не прячется под фиксированной шапкой сайта */
.drc-blog .main-content h2,.drc-blog .main-content h3,.drc-blog .ez-toc-section{scroll-margin-top:140px}

/* Фон страницы — как у всего сайта (стили блога сбрасывали его в белый, и шапка висела серой полосой) */
body:not(.case-page){background:#EFF1F2}
/* Оглавление в статье — белая карточка со скруглением, как блоки сайта */
.drc-blog .main-content__container #ez-toc-container nav{border-radius:15px;padding:16px 20px}

/* Хлебные крошки сразу под отступом сайта (.padding-top из header.php), без лишнего зазора */
.drc-blog .header-breadcrumbs{margin-top:0;padding-top:6px}

/* Плавающее «Содержание»: кнопка-таблетка под шапкой справа, без поворота; список выпадает карточкой */
.drc-blog .ez-toc-fixed{transform:none}
.drc-blog .ez-toc-fixed.active,.drc-blog .ez-toc-fixed.active.active-rotate{position:fixed;top:140px;right:24px;left:auto;width:auto;max-width:360px;z-index:55;transform:none}
.drc-blog .ez-toc-fixed #ez-toc-container{display:flex;flex-direction:column;align-items:flex-end;background:none;border:0;box-shadow:none;padding:0;margin:0;width:auto}
.drc-blog .ez-toc-fixed .ez-toc-title-container{width:auto;height:48px;padding:0 22px;border:0;border-radius:100px;background:#fff;box-shadow:0 8px 24px rgba(17,25,37,.14);display:flex;align-items:center;justify-content:center}
.drc-blog .ez-toc-fixed div#ez-toc-container p.ez-toc-title{font-family:Roboto,sans-serif;font-size:16px;font-weight:500}
.drc-blog .ez-toc-fixed nav{margin-top:10px;border-radius:15px;box-shadow:0 12px 32px rgba(17,25,37,.14);max-height:calc(100vh - 220px);overflow:auto;transform-origin:top right;display:none}
.drc-blog .ez-toc-fixed nav.active{display:block}