/**
 * Единый слой дизайна шаблона статьи блога (mobile + desktop).
 * Канон дизайна: docs/kapital77/DESIGN_CANON_2026.md (Swiss Private Banking).
 * Стандарты: тёплый молочный фон #FAF9F6, чернильный графит #0F172A,
 * банковский синий #1E3A8A, изумруд #059669.
 * Запрет: неоновый сай-фай, технические 3D-сетки, 3px-подчеркивания H2, стоковый 3D-пластик.
 *
 * Скоуп: только страницы с классом .blog-article-page на <body>.
 */

:root {
  --font-family-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-family-heading: 'Manrope', 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

.blog-article-page {
  --blog-mobile-header-py-start: 1.5rem;
  --blog-mobile-header-py-end: 1.5rem;
  --blog-desktop-header-py-start: 1.5rem;
  --blog-desktop-header-py-end: 1.25rem;
  --blog-content-py-mobile: 1.25rem;
  --blog-content-py-desktop: 1.5rem;
  font-family: var(--font-family-body) !important;
  background-color: #FAF9F6 !important;
  color: #0F172A !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Принудительная фиксация шрифтового канона (Manrope для заголовков, Inter для контента) */
.blog-article-page h1,
.blog-article-page h2,
.blog-article-page h3,
.blog-article-page .article-header__title,
.blog-article-page .article-content h2,
.blog-article-page .article-content h3,
.blog-article-page .article-lead-magnet__title,
.blog-article-page .finlit-widget__title,
.blog-article-page details.faq-item summary {
  font-family: var(--font-family-heading) !important;
  letter-spacing: -0.025em !important;
  font-weight: 700 !important;
  color: #0F172A !important;
}

/* ==========================================================================
   0. МИНИМАЛИСТИЧНАЯ ЖУРНАЛЬНАЯ ШАПКА БЛОГА (SWISS CANON / NO-PHONE SAFE)
   ========================================================================== */
body.blog-article-page {
  padding-top: 48px !important;
}

.blog-reading-header {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 48px !important;
  background: rgba(255, 255, 255, 0.96) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border-bottom: 1px solid rgba(15, 23, 42, 0.08) !important;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.03) !important;
  z-index: 1000 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

.blog-reading-header__container {
  max-width: 1200px !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: 0 20px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  height: 100% !important;
}

.blog-reading-header__left {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  flex-shrink: 0 !important;
}

.blog-reading-header__brand {
  text-decoration: none !important;
  font-family: var(--font-family-heading) !important;
  font-size: 1.15rem !important;
  font-weight: 800 !important;
  color: #0F172A !important;
  letter-spacing: -0.03em !important;
}

.blog-reading-header__brand .logo-accent {
  color: #059669 !important;
}

.blog-reading-header__badge {
  font-size: 0.6875rem !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  color: #64748B !important;
  background: #F1F5F9 !important;
  padding: 2px 7px !important;
  border-radius: 4px !important;
}

.blog-reading-header__center {
  flex: 1 !important;
  min-width: 0 !important;
  text-align: center !important;
}

.blog-reading-header__title-preview {
  display: inline-block !important;
  max-width: 520px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  font-size: 0.8125rem !important;
  font-weight: 500 !important;
  color: #475569 !important;
}

.blog-reading-header__right {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  flex-shrink: 0 !important;
}

.blog-reading-header__link {
  text-decoration: none !important;
  font-size: 0.8125rem !important;
  font-weight: 600 !important;
  color: #475569 !important;
  transition: color 0.15s ease !important;
}

.blog-reading-header__link:hover {
  color: #059669 !important;
}

.blog-reading-header__cta {
  text-decoration: none !important;
  font-size: 0.75rem !important;
  font-weight: 700 !important;
  color: #FFFFFF !important;
  background: #059669 !important;
  padding: 6px 14px !important;
  border-radius: 6px !important;
  transition: background 0.15s ease, transform 0.15s ease !important;
  white-space: nowrap !important;
}

.blog-reading-header__cta:hover {
  background: #047857 !important;
  transform: translateY(-1px) !important;
}

/* Варианты бейджей и CTA шапки под разные интенты */
.blog-reading-header__badge--commercial {
  background: rgba(5, 150, 105, 0.1) !important;
  color: #065F46 !important;
  border-color: rgba(5, 150, 105, 0.25) !important;
}

.blog-reading-header__badge--urgent {
  background: rgba(217, 119, 6, 0.1) !important;
  color: #92400E !important;
  border-color: rgba(217, 119, 6, 0.25) !important;
}

.blog-reading-header__badge--edu {
  background: rgba(30, 58, 138, 0.08) !important;
  color: #1E3A8A !important;
  border-color: rgba(30, 58, 138, 0.2) !important;
}

.blog-reading-header__sublink {
  text-decoration: none !important;
  font-size: 0.8125rem !important;
  font-weight: 600 !important;
  color: #0284C7 !important;
  transition: color 0.15s ease !important;
}

.blog-reading-header__sublink:hover {
  color: #0369A1 !important;
  text-decoration: underline !important;
}

.blog-reading-header__cta--emerald {
  background: #059669 !important;
}

.blog-reading-header__cta--emerald:hover {
  background: #047857 !important;
}

.blog-reading-header__cta--amber {
  background: #D97706 !important;
}

.blog-reading-header__cta--amber:hover {
  background: #B45309 !important;
}

.blog-reading-header .cta-text-mobile {
  display: none !important;
}

.blog-reading-header .cta-text-desktop {
  display: inline !important;
}

@media (max-width: 768px) {
  .blog-reading-header .cta-text-desktop {
    display: none !important;
  }
  .blog-reading-header .cta-text-mobile {
    display: inline !important;
  }
  .blog-reading-header__sublink {
    font-size: 0.72rem !important;
  }
}

.reading-progress-track {
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 2px !important;
  background: transparent !important;
}

.reading-progress-fill {
  height: 100% !important;
  width: 0% !important;
  background: #059669 !important;
  transition: width 0.1s linear !important;
}

@media (max-width: 768px) {
  .blog-reading-header__container {
    padding: 0 16px !important;
    gap: 8px !important;
  }
  .blog-reading-header__center,
  .blog-reading-header__badge {
    display: none !important;
  }
  .blog-reading-header__link {
    display: inline-block !important;
    font-size: 0.75rem !important;
    font-weight: 500 !important;
    color: #475569 !important;
  }
  .blog-reading-header__cta {
    padding: 5px 12px !important;
    font-size: 0.72rem !important;
  }
}

/* ==========================================================================
   1. HERO: Панорама на всю ширину экрана (100vw Full-Bleed / Swiss Canon 2026)
   ========================================================================== */

.blog-article-page .article {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

.blog-article-page .blog-article-hero {
  position: relative !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 16px 0 10px 0 !important;
  background-color: #0F172A !important;
  background-image:
    linear-gradient(180deg, rgba(15, 23, 42, 0.82) 0%, rgba(15, 23, 42, 0.90) 55%, #0F172A 100%),
    var(--hero-cover, none) !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  border-bottom: 1px solid rgba(15, 23, 42, 0.12) !important;
  box-shadow: 0 4px 20px -2px rgba(15, 23, 42, 0.1) !important;
}

.blog-article-page .blog-article-hero > .container {
  max-width: 880px !important;
  margin: 0 auto !important;
  padding: 0 20px !important;
}

.blog-article-page .blog-article-hero::before,
.blog-article-page .blog-article-hero::after {
  display: none !important;
}

.blog-article-page .blog-article-hero .background-canvas,
.blog-article-page .blog-article-hero .article-header__qr-aside {
  display: none !important;
}

/* Шапка статьи внутри панорамы: чистый бесшовный текст без рамок и открыток */
.blog-article-page .article-header,
.blog-article-page .blog-article-hero .article-header,
.blog-article-page .blog-article-hero[style*="--hero-cover"] .article-header,
.blog-article-page .article-header--has-cover {
  position: relative !important;
  border-radius: 0 !important;
  overflow: visible !important;
  padding: 0 !important;
  padding-right: 0 !important;
  color: #FFFFFF !important;
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
  max-width: 100% !important;
  z-index: 1;
}

.blog-article-page .article-header::before,
.blog-article-page .article-header::after {
  display: none !important;
  content: none !important;
}

/* Пробивной редакторский хук / подзаголовок в Hero (строго под H1) */
.blog-article-page .article-header__hook {
  order: 25 !important;
  font-family: var(--font-family-body) !important;
  font-size: clamp(1.05rem, 1.35vw, 1.2rem) !important;
  line-height: 1.55 !important;
  color: rgba(255, 255, 255, 0.94) !important;
  font-weight: 450 !important;
  border-left: 3px solid #059669 !important;
  background: rgba(15, 23, 42, 0.45) !important;
  backdrop-filter: blur(6px) !important;
  -webkit-backdrop-filter: blur(6px) !important;
  padding: 12px 18px !important;
  border-radius: 0 8px 8px 0 !important;
  margin: 14px 0 18px 0 !important;
  max-width: 100% !important;
}

@media (max-width: 768px) {
  .blog-article-page .article {
    padding-top: 0 !important;
    margin-top: 0 !important;
  }
  .blog-article-page .blog-article-hero {
    padding: 10px 0 6px 0 !important;
    background-image:
      linear-gradient(180deg, rgba(15, 23, 42, 0.92) 0%, rgba(15, 23, 42, 0.96) 60%, #0F172A 100%),
      var(--hero-cover, none) !important;
    background-position: right bottom !important;
  }
  .blog-article-page .blog-article-hero > .container {
    padding: 0 16px !important;
  }
  .blog-article-page .blog-article-hero .breadcrumbs {
    margin-bottom: 6px !important;
  }
  .blog-article-page .blog-article-hero .breadcrumbs span:last-child {
    display: none !important;
  }
  .blog-article-page .article-header__hook {
    font-size: 0.875rem !important;
    line-height: 1.45 !important;
    padding: 8px 12px !important;
    margin: 8px 0 10px 0 !important;
  }
}

.blog-article-page .blog-article-hero[style*="--hero-cover"] .article-header,
.blog-article-page .article-header--has-cover {
  background-image: none !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* Хлебные крошки в Hero */
.blog-article-page .blog-article-hero .breadcrumbs {
  margin: 0 0 10px !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

.blog-article-page .blog-article-hero .breadcrumbs .container {
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 4px !important;
}

.blog-article-page .blog-article-hero .breadcrumbs a {
  color: rgba(255, 255, 255, 0.72) !important;
  font-size: 0.75rem !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  transition: color 0.15s ease !important;
}

.blog-article-page .blog-article-hero .breadcrumbs a:hover {
  color: #FFFFFF !important;
}

.blog-article-page .blog-article-hero .breadcrumbs span {
  color: rgba(255, 255, 255, 0.4) !important;
  font-size: 0.75rem !important;
  font-weight: 400 !important;
  margin: 0 2px !important;
}

.blog-article-page .blog-article-hero .breadcrumbs span:last-child {
  color: rgba(255, 255, 255, 0.92) !important;
  font-weight: 600 !important;
}

/* Заголовок статьи H1 */
.blog-article-page .article-header__title {
  color: #FFFFFF !important;
  font-family: var(--font-family-heading, Manrope, -apple-system, BlinkMacSystemFont, sans-serif) !important;
  font-weight: 800 !important;
  letter-spacing: -0.025em !important;
  line-height: 1.22 !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4) !important;
  margin: 0 0 10px 0 !important;
}

@media (min-width: 769px) {
  .blog-article-page .article-header__title {
    font-size: clamp(1.45rem, 2.6vw, 2.05rem) !important;
  }
}

@media (max-width: 768px) {
  .blog-article-page .article-header__title {
    font-size: clamp(1.15rem, 4.4vw, 1.4rem) !important;
    line-height: 1.25 !important;
  }
}

/* Бейджи и рубрика */
.blog-article-page .article-header__eyebrow {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 6px !important;
  margin: 0 0 10px 0 !important;
}

.blog-article-page .article-header__category {
  display: inline-flex !important;
  align-items: center !important;
  background: #059669 !important;
  color: #FFFFFF !important;
  font-size: 0.6875rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  padding: 3px 8px !important;
  border-radius: 4px !important;
  border: none !important;
  margin: 0 !important;
}

.blog-article-page .article-header__badge {
  display: inline-flex !important;
  align-items: center !important;
  background: rgba(255, 255, 255, 0.12) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  color: rgba(255, 255, 255, 0.9) !important;
  font-size: 0.6875rem !important;
  font-weight: 500 !important;
  padding: 3px 8px !important;
  border-radius: 4px !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  box-shadow: none !important;
}

/* Метаданные (Дата, Время чтения) */
.blog-article-page .article-header__meta {
  color: rgba(255, 255, 255, 0.75) !important;
  font-size: 0.75rem !important;
  font-weight: 500 !important;
  margin: 0 0 12px 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}

/* Карточка редакции (Lead Box / Trust Micro) */
.blog-article-page .article-header__hero-editorial {
  background: rgba(15, 23, 42, 0.6) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  border-radius: 8px !important;
  padding: 8px 12px !important;
  box-shadow: none !important;
  margin-top: 4px !important;
}

@media (max-width: 768px) {
  .blog-article-page .article-header {
    padding: 0 !important;
  }
  .blog-article-page .article-header__hero-editorial {
    padding: 6px 10px !important;
    margin-top: 6px !important;
  }
  .blog-article-page .article-header__trust-micro {
    gap: 4px 8px !important;
  }
  .blog-article-page .article-header__trust-micro-piece:last-child {
    display: none !important;
  }
}

.blog-article-page .article-header__trust-micro {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 6px 12px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
}

.blog-article-page .article-header__trust-micro-k {
  color: rgba(255, 255, 255, 0.65) !important;
  font-size: 0.6875rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
}

.blog-article-page .article-header__trust-micro-v {
  color: #FFFFFF !important;
  font-size: 0.75rem !important;
  font-weight: 600 !important;
}

.blog-article-page .article-header__trust-micro-sep {
  color: rgba(255, 255, 255, 0.3) !important;
}

.blog-article-page .article-header__main-thought {
  margin: 8px 0 0 0 !important;
  padding: 6px 0 0 10px !important;
  border: none !important;
  border-left: 2px solid #059669 !important;
  background: transparent !important;
}

.blog-article-page .article-header__main-thought-label {
  display: block !important;
  margin-bottom: 2px !important;
  color: #34D399 !important;
  font-size: 0.625rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

.blog-article-page .article-header__main-thought p {
  color: rgba(255, 255, 255, 0.95) !important;
  font-size: 0.8125rem !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  margin: 0 !important;
}

.blog-article-page .article-header__lead {
  color: rgba(255, 255, 255, 0.85) !important;
  font-size: 0.875rem !important;
  line-height: 1.5 !important;
  margin: 8px 0 0 0 !important;
}

/* Ликвидация отдельно стоящей обложки: текст уже на ней */
.blog-article-page .article-hero-media-wrap {
  display: none !important;
}

/* Инлайн-иллюстрации в теле статьи: компактный размер и подпись поверх изображения (T-055b: aspect-ratio 16/9, CLS = 0) */
.blog-article-page .article-inline-media {
  position: relative !important;
  margin: 28px auto !important;
  padding: 0 !important;
  max-width: 720px !important;
  width: 100% !important;
  aspect-ratio: 16 / 9 !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  box-shadow: 0 4px 16px -2px rgba(15, 23, 42, 0.06) !important;
  background: #0F172A !important;
}

.blog-article-page .article-inline-media img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

@media (max-width: 768px) {
  .blog-article-page .article-inline-media {
    margin: 20px auto !important;
    border-radius: 8px !important;
  }
}

.blog-article-page .article-inline-media figcaption {
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  background: linear-gradient(180deg, transparent 0%, rgba(15, 23, 42, 0.88) 100%) !important;
  color: #FFFFFF !important;
  border: none !important;
  font-size: 0.72rem !important;
  font-weight: 500 !important;
  padding: 16px 12px 8px !important;
  margin: 0 !important;
  text-align: left !important;
}

/* Инфографические схемы и сравнительные карточки Swiss Private Banking */
.blog-article-page .infographic-comparison {
  margin: 2.25rem 0 !important;
  padding: 24px !important;
  background: #FFFFFF !important;
  border-radius: 12px !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  box-shadow: 0 4px 20px -2px rgba(15, 23, 42, 0.06) !important;
}

.blog-article-page .infographic-comparison-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 20px !important;
  margin-top: 16px !important;
}

.blog-article-page .infographic-col {
  padding: 20px !important;
  border-radius: 10px !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
}

.blog-article-page .infographic-col--positive {
  background: #FAFDFB !important;
  border-color: rgba(5, 150, 105, 0.25) !important;
}

.blog-article-page .infographic-col--neutral {
  background: #FAF9F6 !important;
  border-color: rgba(15, 23, 42, 0.1) !important;
}

.blog-article-page .infographic-col-title {
  font-family: 'Manrope', sans-serif !important;
  font-size: 1.0625rem !important;
  font-weight: 700 !important;
  margin-bottom: 12px !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.blog-article-page .infographic-col--positive .infographic-col-title {
  color: #065F46 !important;
}

.blog-article-page .infographic-col--neutral .infographic-col-title {
  color: #1E293B !important;
}

.blog-article-page .infographic-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.blog-article-page .infographic-list li {
  padding: 6px 0 !important;
  font-size: 0.875rem !important;
  line-height: 1.5 !important;
  color: #334155 !important;
  border-bottom: 1px dashed rgba(15, 23, 42, 0.06) !important;
}

.blog-article-page .infographic-list li:last-child {
  border-bottom: none !important;
}

@media (max-width: 768px) {
  .blog-article-page .infographic-comparison-grid {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }
  .blog-article-page .infographic-comparison {
    padding: 16px !important;
  }
}

/* ==========================================================================
   СИСТЕМА ПОДВОДОК И СВЯЗУЮЩИХ МОСТОВ (LEAD-INS & CONTEXT BRIDGES 2026)
   ========================================================================== */

/* Подводка к интерактивному виджету/квалификатору (Seamless Editorial Flow 2026) */
.blog-article-page .article-lead-in {
  margin: 1.5rem 0 0.5rem 0 !important;
  padding: 4px 0 4px 14px !important;
  background: transparent !important;
  border: none !important;
  border-left: 2.5px solid #059669 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.blog-article-page .article-lead-in__header {
  margin-bottom: 4px !important;
}

.blog-article-page .article-lead-in__badge {
  display: inline-block !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  color: #059669 !important;
  background: rgba(5, 150, 105, 0.08) !important;
  padding: 2px 8px !important;
  border-radius: 999px !important;
}

.blog-article-page .article-lead-in__title {
  font-family: var(--font-family-heading, 'Manrope', sans-serif) !important;
  font-size: 1.05rem !important;
  font-weight: 700 !important;
  color: #0F172A !important;
  margin: 6px 0 4px 0 !important;
  line-height: 1.35 !important;
}

.blog-article-page .article-lead-in__text {
  font-size: 0.95rem !important;
  line-height: 1.6 !important;
  color: #475569 !important;
  margin: 0 !important;
}

/* Межстатейный контекстный мост-развилка (.article-context-bridge) */
.blog-article-page .article-context-bridge {
  margin: 1.5rem 0 !important;
  padding: 16px 18px !important;
  background: #F8FAFC !important;
  border: 1px solid rgba(15, 23, 42, 0.07) !important;
  border-left: 3px solid #1E3A8A !important;
  border-radius: 12px !important;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.03) !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

.blog-article-page .article-context-bridge:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 24px -4px rgba(15, 23, 42, 0.1) !important;
}

.blog-article-page .article-context-bridge__badge-wrap {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin-bottom: 8px !important;
}

.blog-article-page .article-context-bridge__badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  color: #1E3A8A !important;
  background: rgba(30, 58, 138, 0.07) !important;
  padding: 3px 10px !important;
  border-radius: 999px !important;
}

.blog-article-page .article-context-bridge__hint {
  font-size: 0.8rem !important;
  font-weight: 500 !important;
  color: #64748B !important;
}

.blog-article-page .article-context-bridge__title {
  font-family: 'Manrope', sans-serif !important;
  font-size: 1.1rem !important;
  font-weight: 700 !important;
  color: #0F172A !important;
  margin: 0 0 6px 0 !important;
  line-height: 1.4 !important;
}

.blog-article-page .article-context-bridge__desc {
  font-size: 0.88rem !important;
  line-height: 1.55 !important;
  color: #475569 !important;
  margin: 0 0 12px 0 !important;
}

.blog-article-page .article-context-bridge__link {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  color: #059669 !important;
  text-decoration: none !important;
  transition: color 0.15s ease, gap 0.15s ease !important;
}

.blog-article-page .article-context-bridge__link:hover {
  color: #047857 !important;
  gap: 12px !important;
  text-decoration: underline !important;
}

@media (max-width: 768px) {
  .blog-article-page .article-lead-in {
    padding: 3px 0 3px 12px !important;
    margin: 1.25rem 0 0.35rem 0 !important;
  }
  .blog-article-page .article-context-bridge {
    padding: 14px 16px !important;
    margin: 1.25rem 0 !important;
  }
}

/* ==========================================================================
   2. ТЕЛО СТАТЬИ И ТИПОГРАФИКА: Ликвидация 3px-подчеркиваний H2 и градиентных наложений
   ========================================================================== */

.blog-article-page .article {
  position: relative !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
  background: #FAF9F6 !important;
  background-image: none !important;
  border-radius: 0 !important;
}

.blog-article-page .article::before,
.blog-article-page .article::after {
  display: none !important;
  content: none !important;
}

/* Контейнер статьи: единая сетка 880px в стык с панорамой */
.blog-article-page .article > .container {
  background: #FFFFFF !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  border-radius: 16px !important;
  box-shadow: 0 4px 24px -2px rgba(15, 23, 42, 0.04) !important;
  max-width: 880px !important; /* Ровно по сетке контейнера панорамы Hero */
  margin: 6px auto 40px auto !important;
  padding: 14px 24px 28px 24px !important;
  box-sizing: border-box !important;
}

@media (max-width: 768px) {
  .blog-article-page .article > .container {
    background: #FFFFFF !important;
    border-radius: 0 !important;
    border-left: none !important;
    border-right: none !important;
    padding: 6px 10px 20px 10px !important;
    margin: 4px auto 20px auto !important;
    max-width: 100% !important;
  }
}

.blog-article-page .article-content {
  padding-top: 0 !important;
}

/* Static-First: Отключение классов скрытия .reveal-element (CLS=0, без мигания и сдвигов при скролле) */
.blog-article-page .reveal-element,
.blog-article-page .reveal-from-left,
.blog-article-page .reveal-from-right,
.blog-article-page .reveal-scale {
  opacity: 1 !important;
  transform: none !important;
  visibility: visible !important;
  transition: none !important;
  animation: none !important;
}

/* ==========================================================================
   EXECUTIVE SUMMARY STRIP / ГЛАВНОЕ ЗА 30 СЕКУНД (SWISS PRIVATE BANKING 2026)
   ========================================================================== */

.blog-article-page .article-summary-strip {
  background: #FAF9F6 !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  border-radius: 14px !important;
  padding: 14px 18px !important;
  margin: 0 0 14px 0 !important;
  box-shadow: 0 2px 12px -2px rgba(15, 23, 42, 0.03) !important;
}

.blog-article-page .article-summary-strip__header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  padding-bottom: 12px !important;
  margin-bottom: 14px !important;
  border-bottom: 1px solid rgba(15, 23, 42, 0.06) !important;
}

.blog-article-page .article-summary-strip__badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  background: #ECFDF5 !important;
  color: #065F46 !important;
  border: 1px solid rgba(5, 150, 105, 0.22) !important;
  font-size: 0.71875rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  padding: 3px 8px !important;
  border-radius: 6px !important;
}

.blog-article-page .article-summary-strip__badge svg {
  color: #059669 !important;
  flex-shrink: 0 !important;
}

.blog-article-page .article-summary-strip__note {
  font-size: 0.8125rem !important;
  color: #64748B !important;
  font-weight: 500 !important;
  white-space: nowrap !important;
}

.blog-article-page .article-summary-strip__grid {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 16px !important;
}

.blog-article-page .article-summary-strip__item {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
  position: relative !important;
}

.blog-article-page .article-summary-strip__item:not(:last-child)::after {
  content: "" !important;
  position: absolute !important;
  right: -8px !important;
  top: 10% !important;
  height: 80% !important;
  width: 1px !important;
  background: rgba(15, 23, 42, 0.06) !important;
}

.blog-article-page .article-summary-strip__label {
  font-size: 0.6875rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  color: #64748B !important;
  font-weight: 600 !important;
}

.blog-article-page .article-summary-strip__value {
  font-family: var(--font-family-heading, Manrope, sans-serif) !important;
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: #0F172A !important;
  line-height: 1.25 !important;
  letter-spacing: -0.02em !important;
  font-variant-numeric: tabular-nums !important;
}

.blog-article-page .article-summary-strip__hint {
  font-size: 0.75rem !important;
  color: #059669 !important;
  font-weight: 500 !important;
  line-height: 1.3 !important;
}

/* Первичный конверсионный CTA выше fold (NN/g & Google Above-the-fold) */
.blog-article-page .article-summary-strip__action {
  margin-top: 14px !important;
  padding-top: 12px !important;
  border-top: 1px solid rgba(15, 23, 42, 0.06) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
}

.blog-article-page .article-content a.article-summary-strip__btn,
.blog-article-page .article-summary-strip__btn,
.blog-article-page .article-summary-strip__btn * {
  color: #FFFFFF !important;
}

.blog-article-page .article-summary-strip__btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  background: #059669 !important;
  color: #FFFFFF !important;
  font-family: var(--font-family-heading, Manrope, sans-serif) !important;
  font-size: 0.84375rem !important;
  font-weight: 700 !important;
  padding: 9px 18px !important;
  border-radius: 8px !important;
  text-decoration: none !important;
  box-shadow: 0 2px 8px -1px rgba(5, 150, 105, 0.35) !important;
  transition: background-color 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease !important;
  white-space: nowrap !important;
}

.blog-article-page .article-summary-strip__btn:hover {
  background: #047857 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 12px -1px rgba(5, 150, 105, 0.45) !important;
}

.blog-article-page .article-summary-strip__btn .btn-icon {
  font-size: 1rem !important;
  line-height: 1 !important;
}

.blog-article-page .article-summary-strip__btn .btn-arrow {
  font-size: 1rem !important;
  transition: transform 0.15s ease !important;
}

.blog-article-page .article-summary-strip__btn .btn-label-mobile {
  display: none !important;
}

.blog-article-page .article-summary-strip__btn .btn-label-desktop {
  display: inline !important;
}

.blog-article-page .article-summary-strip__btn:hover .btn-arrow {
  transform: translateX(3px) !important;
}

.blog-article-page .article-summary-strip__guarantee {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 0.72rem !important;
  color: #64748B !important;
  font-weight: 500 !important;
}

.blog-article-page .article-summary-strip__guarantee svg {
  flex-shrink: 0 !important;
}

@media (max-width: 768px) {
  .blog-article-page .article-summary-strip__action {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 8px !important;
    margin-top: 10px !important;
    padding-top: 10px !important;
  }

  .blog-article-page .article-summary-strip__btn {
    width: 100% !important;
    min-height: 44px !important;
    padding: 10px 14px !important;
    font-size: 0.8125rem !important;
  }

  .blog-article-page .article-summary-strip__btn .btn-label-desktop {
    display: none !important;
  }

  .blog-article-page .article-summary-strip__btn .btn-label-mobile {
    display: inline !important;
  }

  .blog-article-page .article-summary-strip__guarantee {
    justify-content: center !important;
    font-size: 0.6875rem !important;
    text-align: center !important;
  }

@media (max-width: 768px) {
  .blog-article-page .article-summary-strip {
    padding: 10px 14px !important;
    margin-bottom: 12px !important;
    border-radius: 10px !important;
  }

  .blog-article-page .article-summary-strip__header {
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    padding-bottom: 6px !important;
    margin-bottom: 8px !important;
  }

  .blog-article-page .article-summary-strip__badge {
    font-size: 0.65rem !important;
    padding: 2px 6px !important;
  }

  .blog-article-page .article-summary-strip__note {
    font-size: 0.6875rem !important;
  }

  .blog-article-page .article-summary-strip__grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 6px 12px !important;
  }

  .blog-article-page .article-summary-strip__item::after {
    display: none !important;
  }

  .blog-article-page .article-summary-strip__label {
    font-size: 0.6rem !important;
  }

  .blog-article-page .article-summary-strip__value {
    font-size: 1.05rem !important;
    line-height: 1.2 !important;
  }

  .blog-article-page .article-summary-strip__hint {
    font-size: 0.6875rem !important;
  }
}

/* ==========================================================================
   ИНЛАЙН-ОГЛАВЛЕНИЕ СТАТЬИ (SWISS PRIVATE BANKING 2026)
   ========================================================================== */

.blog-article-page .article-toc-box {
  background: #FAF9F6 !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  border-radius: 14px !important;
  padding: 16px 20px !important;
  margin: 0 0 24px 0 !important;
  box-shadow: 0 2px 12px -2px rgba(15, 23, 42, 0.03) !important;
}

.blog-article-page .article-toc-box__header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding-bottom: 12px !important;
  margin-bottom: 14px !important;
  border-bottom: 1px solid rgba(15, 23, 42, 0.06) !important;
  cursor: pointer !important;
  user-select: none !important;
}

.blog-article-page .article-toc-box.is-collapsed {
  padding: 8px 16px !important;
  margin-bottom: 16px !important;
}

.blog-article-page .article-toc-box.is-collapsed .article-toc-box__header {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
  border-bottom: none !important;
}

.blog-article-page .article-toc-box__count {
  font-size: 0.8125rem !important;
  font-weight: 500 !important;
  color: #64748B !important;
  margin-left: 4px !important;
}

.blog-article-page .article-toc-box__title-group {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

.blog-article-page .article-toc-box__badge {
  background: #059669 !important;
  color: #FFFFFF !important;
  font-size: 0.6875rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  padding: 2px 7px !important;
  border-radius: 4px !important;
}

.blog-article-page .article-toc-box__title {
  font-family: var(--font-family-heading, Manrope, sans-serif) !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
  color: #0F172A !important;
  margin: 0 !important;
  line-height: 1.3 !important;
}

.blog-article-page .article-toc-box__toggle {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  background: transparent !important;
  border: none !important;
  color: #64748B !important;
  font-size: 0.8125rem !important;
  font-weight: 500 !important;
  cursor: pointer !important;
  padding: 4px 8px !important;
  border-radius: 6px !important;
  transition: all 0.15s ease !important;
}

.blog-article-page .article-toc-box__toggle:hover {
  background: rgba(15, 23, 42, 0.04) !important;
  color: #0F172A !important;
}

.blog-article-page .article-toc-box__icon {
  transition: transform 0.2s ease !important;
}

.blog-article-page .article-toc-box.is-collapsed .article-toc-box__icon {
  transform: rotate(-90deg) !important;
}

.blog-article-page .article-toc-box.is-collapsed .article-toc-box__list {
  display: none !important;
}

.blog-article-page .article-toc-box__list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 10px 24px !important;
}

@media (max-width: 768px) {
  .blog-article-page .article-toc-box {
    padding: 8px 12px !important;
    margin-bottom: 14px !important;
    border-radius: 10px !important;
  }
  .blog-article-page .article-toc-box.is-collapsed {
    padding: 8px 12px !important;
    margin-bottom: 14px !important;
  }
  .blog-article-page .article-toc-box__header {
    gap: 8px !important;
  }
  .blog-article-page .article-toc-box__title-group {
    gap: 6px !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
    overflow: hidden !important;
  }
  .blog-article-page .article-toc-box__title {
    font-size: 0.8125rem !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
  .blog-article-page .article-toc-box__count {
    display: none !important;
  }
  .blog-article-page .article-toc-box__toggle {
    flex-shrink: 0 !important;
    padding: 2px 4px !important;
    font-size: 0.75rem !important;
  }
  .blog-article-page .article-toc-box__list {
    grid-template-columns: 1fr !important;
    gap: 6px !important;
  }
}

/* ==========================================================================
   EDITORIAL HOOK: Первый абзац статьи (Льющийся живой текст без коробок)
   ========================================================================== */

.blog-article-page .article-content > p:first-of-type {
  font-size: clamp(1.05rem, 2vw, 1.15rem) !important;
  line-height: 1.68 !important;
  color: #1E293B !important;
  font-weight: 400 !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 12px 0 16px 0 !important;
  box-shadow: none !important;
}

@media (max-width: 768px) {
  .blog-article-page .article-content > p:first-of-type {
    font-size: 0.95rem !important;
    line-height: 1.6 !important;
    padding: 0 !important;
    margin: 8px 0 14px 0 !important;
  }
}

.blog-article-page .article-toc-box__item {
  margin: 0 !important;
  padding: 0 !important;
}

.blog-article-page .article-content .article-toc-box a,
.blog-article-page .article-toc-box__link {
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
  color: #1E293B !important;
  text-decoration: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
  font-size: 0.875rem !important;
  line-height: 1.45 !important;
  padding: 6px 10px !important;
  border-radius: 8px !important;
  transition: all 0.15s ease !important;
}

.blog-article-page .article-toc-box__num {
  font-family: var(--font-family-heading, Manrope, sans-serif) !important;
  font-size: 0.75rem !important;
  font-weight: 700 !important;
  color: #059669 !important;
  background: #ECFDF5 !important;
  border: 1px solid rgba(5, 150, 105, 0.2) !important;
  padding: 2px 6px !important;
  border-radius: 6px !important;
  flex-shrink: 0 !important;
  margin-top: 1px !important;
  line-height: 1.2 !important;
}

.blog-article-page .article-toc-box__text {
  color: #1E293B !important;
  font-weight: 500 !important;
  transition: color 0.15s ease !important;
}

.blog-article-page .article-content .article-toc-box a:hover,
.blog-article-page .article-toc-box__link:hover {
  background: rgba(15, 23, 42, 0.04) !important;
  color: #059669 !important;
  border-bottom: none !important;
  text-decoration: none !important;
}

.blog-article-page .article-toc-box__link:hover .article-toc-box__text {
  color: #059669 !important;
  text-decoration: none !important;
  border-bottom: none !important;
}

.blog-article-page .article-toc-box__link.is-active,
.blog-article-page .article-toc-box__link.active {
  background: #FFFFFF !important;
  box-shadow: 0 1px 4px rgba(15, 23, 42, 0.06) !important;
  border-bottom: none !important;
}

.blog-article-page .article-toc-box__link.is-active .article-toc-box__num,
.blog-article-page .article-toc-box__link.active .article-toc-box__num {
  background: #059669 !important;
  color: #FFFFFF !important;
  border-color: #059669 !important;
}

.blog-article-page .article-toc-box__link.is-active .article-toc-box__text,
.blog-article-page .article-toc-box__link.active .article-toc-box__text {
  color: #0F172A !important;
  font-weight: 700 !important;
}

/* На мобильных до 1280px скрываем плавающий сайдбар, так как есть инлайн-оглавление */
@media (max-width: 1280px) {
  .blog-article-page .article-toc,
  .blog-article-page .article-toc-toggle {
    display: none !important;
  }
}

.blog-article-page .article-toc {
  display: none !important;
  position: fixed !important;
  top: 110px !important;
  right: max(20px, calc((100vw - 860px) / 2 - 270px)) !important;
  width: 240px !important;
  max-height: calc(100vh - 140px) !important;
  overflow-y: auto !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transition: opacity 0.25s ease, transform 0.25s ease !important;
  transform: translateY(8px) !important;
  z-index: 50 !important;
}

.blog-article-page .article-toc::-webkit-scrollbar {
  display: none !important;
}

@media (min-width: 1281px) {
  .blog-article-page .article-toc.visible {
    display: block !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: translateY(0) !important;
  }
}

/* Шапка блога: скрываем обрезанные заголовки в меню для чистоты бренда */
.blog-article-page .header__article-sep,
.blog-article-page .header__article-title {
  display: none !important;
}

/* Первый абзац статьи: канонический Editorial Hook с изумрудным акцентом */
.blog-article-page .article-content > p:first-of-type:not(.article-disclaimer) {
  font-size: clamp(1.05rem, 2.2vw, 1.15rem) !important;
  line-height: 1.62 !important;
  color: #0F172A !important;
  font-weight: 500 !important;
  background: #F8FAFC !important;
  border-left: 3px solid #059669 !important;
  border-radius: 0 10px 10px 0 !important;
  padding: 14px 18px !important;
  margin: 0 0 20px 0 !important;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.03) !important;
}

.blog-article-page .article-content {
  background: transparent !important;
  color: #334155 !important;
  font-family: var(--font-family-body, 'Inter', sans-serif) !important;
  font-size: 1.0625rem !important;
  line-height: 1.68 !important;
  padding: 0 !important;
  margin: 0 auto !important;
  max-width: 100% !important;
  width: 100% !important;
}

.blog-article-page .article-content h2 {
  font-family: var(--font-family-heading, Manrope, -apple-system, BlinkMacSystemFont, sans-serif) !important;
  font-weight: 700 !important;
  color: #0F172A !important;
  margin: 44px 0 16px !important;
  padding: 0 !important;
  border: none !important;
  border-bottom: none !important;
  letter-spacing: -0.025em !important;
  line-height: 1.28 !important;
}

@media (min-width: 769px) {
  .blog-article-page .article-content h2 {
    font-size: clamp(1.4rem, 2.5vw, 1.85rem) !important;
  }
}

@media (max-width: 768px) {
  .blog-article-page .article-content h2 {
    font-size: clamp(1.2rem, 4.5vw, 1.45rem) !important;
    margin: 36px 0 14px !important;
  }
}

/* Полный запрет на декоративные цветные полосы под заголовками */
.blog-article-page .article-content h2::before,
.blog-article-page .article-content h2::after,
.blog-article-page .article-content h3::before,
.blog-article-page .article-content h3::after {
  display: none !important;
  content: none !important;
}

.blog-article-page .article-content h3 {
  font-family: var(--font-family-heading, Manrope, -apple-system, BlinkMacSystemFont, sans-serif) !important;
  font-size: clamp(1.15rem, 2vw, 1.35rem) !important;
  font-weight: 700 !important;
  color: #0F172A !important;
  margin: 32px 0 12px !important;
  letter-spacing: -0.02em !important;
  line-height: 1.32 !important;
}

.blog-article-page .article-content p {
  color: #334155 !important;
  font-size: 1.0625rem !important; /* 17px */
  line-height: 1.68 !important;
  margin-bottom: 22px !important;
}

.blog-article-page .article-content ul,
.blog-article-page .article-content ol {
  color: #334155 !important;
  margin-bottom: 24px !important;
  padding-left: 24px !important;
  line-height: 1.68 !important;
}

.blog-article-page .article-content li {
  margin-bottom: 10px !important;
  line-height: 1.68 !important;
}

.blog-article-page .article-content strong,
.blog-article-page .article-content b {
  color: #0F172A !important;
  font-weight: 700 !important;
}

.blog-article-page .article-content table {
  font-variant-numeric: tabular-nums !important;
}

@media (max-width: 768px) {
  .blog-article-page .article-content table {
    display: block !important;
    width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }
}

/* ==========================================================================
   3. ТАБЛИЦЫ И ЦИТАТЫ (Swiss Private Banking)
   ========================================================================== */

.blog-article-page .article-content table {
  width: 100% !important;
  margin: 32px 0 !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  background: #FFFFFF !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  box-shadow: 0 2px 12px -2px rgba(15, 23, 42, 0.04) !important;
}

.blog-article-page .article-content th {
  background: #F8F7F4 !important;
  color: #0F172A !important;
  font-weight: 700 !important;
  font-size: 0.8125rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  padding: 14px 18px !important;
  border-bottom: 1px solid rgba(15, 23, 42, 0.08) !important;
  text-align: left !important;
}

.blog-article-page .article-content td {
  padding: 14px 18px !important;
  border-bottom: 1px solid rgba(15, 23, 42, 0.06) !important;
  color: #334155 !important;
  font-size: 0.9375rem !important;
  line-height: 1.55 !important;
}

.blog-article-page .article-content tr:last-child td {
  border-bottom: none !important;
}

.blog-article-page .article-content blockquote {
  background: #FAF9F6 !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  border-left: 4px solid #1E3A8A !important;
  border-radius: 8px !important;
  padding: 18px 22px !important;
  margin: 28px 0 !important;
  color: #1E293B !important;
  font-style: normal !important;
  font-size: 1.0625rem !important;
  line-height: 1.68 !important;
}

/* Плашки цитат, экспертных комментариев и «красных флагов» без цветной каши */
.blog-article-page .article-callout--expert,
.blog-article-page .article-callout--quote {
  background: #FAF9F6 !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  border-left: 4px solid #059669 !important;
  border-radius: 8px !important;
  padding: 18px 22px !important;
  margin: 28px 0 !important;
  color: #1E293B !important;
}

.blog-article-page .article-callout--red-flag,
.blog-article-page .article-callout--warning,
.blog-article-page .red-flags-card {
  background: #FEF2F2 !important;
  border: 1px solid #FECACA !important;
  border-left: 4px solid #DC2626 !important;
  border-radius: 8px !important;
  padding: 18px 22px !important;
  margin: 28px 0 !important;
  color: #991B1B !important;
}

/* Блоки авторов и экспертов (Swiss Private Banking: светлый портрет, без затемнений лица) */
.blog-article-page .article-author-card,
.blog-article-page .expert-review-card {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  background: #FAF9F6 !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  border-radius: 12px !important;
  padding: 18px 22px !important;
  margin: 28px 0 !important;
}

.blog-article-page .article-author-card img,
.blog-article-page .expert-review-card img,
.blog-article-page .author-avatar img {
  width: 56px !important;
  height: 56px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  border: 2px solid #FFFFFF !important;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08) !important;
  filter: none !important;
  opacity: 1 !important;
}

/* ==========================================================================
   4. БОКОВАЯ ПАНЕЛЬ TOC (ОГЛАВЛЕНИЕ)
   ========================================================================== */

.blog-article-page .article-toc {
  background: #FFFFFF !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  border-radius: 12px !important;
  padding: 22px 20px !important;
  box-shadow: 0 2px 12px -2px rgba(15, 23, 42, 0.04) !important;
}

.blog-article-page .article-toc__title {
  font-size: 0.75rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: #64748B !important;
  margin-bottom: 14px !important;
  padding-bottom: 10px !important;
  border-bottom: 1px solid rgba(15, 23, 42, 0.06) !important;
}

.blog-article-page .article-toc a {
  color: #475569 !important;
  font-size: 0.8125rem !important;
  line-height: 1.45 !important;
  text-decoration: none !important;
  transition: color 0.15s ease !important;
}

.blog-article-page .article-toc a:hover,
.blog-article-page .article-toc .active {
  color: #1E3A8A !important;
  font-weight: 600 !important;
}

/* ==========================================================================
   5. ДЕСКТОП И МОБИЛЬНЫЕ ОТСТУПЫ
   ========================================================================== */

@media (min-width: 769px) {
  .blog-article-page .article-header {
    padding: var(--blog-desktop-header-py-start) 0 var(--blog-desktop-header-py-end) !important;
  }

  .blog-article-page .article-content {
    padding: 0 0 calc(var(--blog-content-py-desktop) + 0.5rem) !important;
  }
}

@media (max-width: 768px) {
  .blog-article-page .article-header {
    padding: var(--blog-mobile-header-py-start) 0 var(--blog-mobile-header-py-end) !important;
  }

  .blog-article-page .article-content {
    padding: 0 0 3rem !important;
  }

  .blog-article-page .container {
    padding-left: max(1rem, env(safe-area-inset-left));
    padding-right: max(1rem, env(safe-area-inset-right));
  }

  /* Мобильная адаптация таблиц: плавный горизонтальный скролл без сжатия колонок */
  .blog-article-page .article-content table {
    display: block !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    max-width: 100% !important;
    margin: 24px 0 !important;
    border-radius: 10px !important;
  }

  .blog-article-page .article-content table th,
  .blog-article-page .article-content table td {
    padding: 12px 14px !important;
    font-size: 0.875rem !important;
    min-width: 140px !important;
  }

  .blog-article-page .article-content table th:first-child,
  .blog-article-page .article-content table td:first-child {
    min-width: 120px !important;
  }

  /* Мобильные чипы доверия в Hero */
  .blog-article-page .article-header {
    padding: 0 !important;
  }
  .blog-article-page .article-header__hero-editorial {
    padding: 6px 10px !important;
    margin-top: 6px !important;
    background: rgba(15, 23, 42, 0.45) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-radius: 8px !important;
  }
  .blog-article-page .article-header__trust-micro {
    gap: 4px 8px !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
  }
  .blog-article-page .article-header__trust-micro-piece:last-child {
    display: none !important;
  }
  .blog-article-page .article-header__trust-micro-sep {
    display: none !important;
  }
  .blog-article-page .article-header__trust-micro-piece {
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    padding: 4px 10px !important;
    border-radius: 6px !important;
    font-size: 0.75rem !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
  }
  .blog-article-page .article-header__trust-micro-k {
    color: #34D399 !important;
    font-size: 0.6875rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.04em !important;
  }
  .blog-article-page .article-header__trust-micro-v {
    color: #FFFFFF !important;
    font-size: 0.75rem !important;
    font-weight: 500 !important;
  }

  /* Thumb Zone: высота клика для кнопок и чекбоксов на мобильных */
  .blog-article-page .lead-magnet-btn {
    width: 100% !important;
    min-height: 54px !important;
    font-size: 0.9375rem !important;
  }

  .blog-article-page .finlit-checkbox-item {
    min-height: 48px !important;
    padding: 12px 12px !important;
  }
}

/* ==========================================================================
   6. ИНЛАЙН-ОГЛАВЛЕНИЕ СТАТЬИ (EXECUTIVE ROADMAP) — доступно на 100% устройств
   ========================================================================== */

.blog-article-page .article-inline-toc {
  background: #FFFFFF !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  border-radius: 14px !important;
  padding: 22px 24px !important;
  margin: 28px 0 36px !important;
  box-shadow: 0 4px 20px -2px rgba(15, 23, 42, 0.04) !important;
}

.blog-article-page .article-inline-toc__header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  padding-bottom: 14px !important;
  margin-bottom: 16px !important;
  border-bottom: 1px solid rgba(15, 23, 42, 0.06) !important;
}

.blog-article-page .article-inline-toc__badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  color: #1E3A8A !important;
  font-weight: 700 !important;
  font-size: 0.875rem !important;
  letter-spacing: -0.01em !important;
}

.blog-article-page .article-inline-toc__hint {
  color: #64748B !important;
  font-size: 0.75rem !important;
  font-weight: 500 !important;
}

.blog-article-page .article-inline-toc__grid {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 10px 18px !important;
}

@media (max-width: 680px) {
  .blog-article-page .article-inline-toc__grid {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }
  .blog-article-page .article-inline-toc {
    padding: 18px 16px !important;
  }
}

.blog-article-page .article-inline-toc__link {
  display: flex !important;
  align-items: baseline !important;
  gap: 10px !important;
  padding: 8px 10px !important;
  border-radius: 8px !important;
  text-decoration: none !important;
  color: #1E293B !important;
  font-size: 0.875rem !important;
  line-height: 1.4 !important;
  transition: background-color 0.15s ease, color 0.15s ease !important;
}

.blog-article-page .article-inline-toc__link:hover {
  background: #F8FAFC !important;
  color: #1E3A8A !important;
}

.blog-article-page .article-inline-toc__link .toc-num {
  font-family: var(--font-family-mono, ui-monospace, monospace) !important;
  font-size: 0.75rem !important;
  font-weight: 700 !important;
  color: #059669 !important;
  flex-shrink: 0 !important;
}

.blog-article-page .article-inline-toc__link--tool .toc-num {
  color: #0284C7 !important;
}

.blog-article-page .article-inline-toc__link--accent {
  background: rgba(5, 150, 105, 0.04) !important;
  border: 1px dashed rgba(5, 150, 105, 0.25) !important;
}

.blog-article-page .article-inline-toc__link--accent .toc-text {
  font-weight: 600 !important;
  color: #065F46 !important;
}

/* ==========================================================================
   7. НОТАРИАЛЬНЫЕ ВЫНОСЫ (LEGAL CALLOUT 102-ФЗ)
   ========================================================================== */

.blog-article-page .article-legal-callout {
  display: flex !important;
  align-items: flex-start !important;
  gap: 16px !important;
  background: #FFFFFF !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  border-left: 4px solid #1E3A8A !important;
  border-radius: 12px !important;
  padding: 20px 22px !important;
  margin: 28px 0 !important;
  box-shadow: 0 2px 10px -2px rgba(15, 23, 42, 0.04) !important;
}

.blog-article-page .article-legal-callout__icon {
  font-size: 24px !important;
  line-height: 1 !important;
  flex-shrink: 0 !important;
  margin-top: 2px !important;
}

.blog-article-page .article-legal-callout__content {
  flex: 1 !important;
}

.blog-article-page .article-legal-callout__badge {
  display: inline-block !important;
  font-size: 0.6875rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  color: #1E3A8A !important;
  margin-bottom: 6px !important;
}

.blog-article-page .article-legal-callout p {
  margin: 0 !important;
  font-size: 0.95rem !important;
  line-height: 1.55 !important;
  color: #0F172A !important;
}

/* ==========================================================================
   8. СПИСКИ-ЧЕКЛИСТЫ (АККУРАТНЫЕ ИЗУМРУДНЫЕ МАРКЕРЫ)
   ========================================================================== */

.blog-article-page .article-checklist {
  list-style: none !important;
  padding-left: 0 !important;
  margin: 24px 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}

.blog-article-page .article-checklist li {
  position: relative !important;
  padding-left: 32px !important;
  margin-bottom: 0 !important;
  line-height: 1.55 !important;
  font-size: 0.95rem !important;
  color: #1E293B !important;
}

.blog-article-page .article-checklist li::before {
  content: '✓' !important;
  position: absolute !important;
  left: 0 !important;
  top: 1px !important;
  width: 20px !important;
  height: 20px !important;
  border-radius: 50% !important;
  background: #ECFDF5 !important;
  color: #059669 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: inset 0 0 0 1px rgba(5, 150, 105, 0.25) !important;
}

/* ==========================================================================
   9. ЭЛЕГАНТНЫЙ FAQ АККОРДЕОН (SWISS CARDS)
   ========================================================================== */

.blog-article-page .faq-accordion {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}

.blog-article-page details.faq-item {
  background: #FFFFFF !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  border-radius: 12px !important;
  padding: 16px 20px !important;
  box-shadow: 0 2px 8px -2px rgba(15, 23, 42, 0.03) !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

.blog-article-page details.faq-item[open] {
  border-color: rgba(30, 58, 138, 0.2) !important;
  box-shadow: 0 4px 16px -2px rgba(15, 23, 42, 0.06) !important;
}

.blog-article-page details.faq-item summary {
  font-family: var(--font-family-heading, Manrope, sans-serif) !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
  color: #0F172A !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  user-select: none !important;
}

.blog-article-page details.faq-item summary::-webkit-details-marker {
  display: none !important;
}

.blog-article-page details.faq-item summary::after {
  content: '+' !important;
  font-size: 1.25rem !important;
  font-weight: 500 !important;
  color: #64748B !important;
  margin-left: 12px !important;
  transition: transform 0.2s ease !important;
  line-height: 1 !important;
}

.blog-article-page details.faq-item[open] summary::after {
  content: '−' !important;
  color: #1E3A8A !important;
}

.blog-article-page details.faq-item p {
  margin: 12px 0 0 0 !important;
  font-size: 0.9375rem !important;
  line-height: 1.6 !important;
  color: #475569 !important;
  border-top: 1px solid rgba(15, 23, 42, 0.05) !important;
  padding-top: 12px !important;
}

/* ==========================================================================
   T-082-INFRA-SPLITTER: Серийное оформление статей блога (Episodic Value Loop)
   ========================================================================== */
.blog-article-page .article-series-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  background: rgba(15, 23, 42, 0.75) !important;
  border: 1px solid rgba(5, 150, 105, 0.45) !important;
  border-radius: 6px !important;
  padding: 4px 10px !important;
  margin: 0 0 12px 0 !important;
  font-size: 0.8125rem !important;
  color: #F8FAFC !important;
  backdrop-filter: blur(6px) !important;
  -webkit-backdrop-filter: blur(6px) !important;
}

.blog-article-page .article-series-badge__icon {
  font-size: 0.875rem !important;
}

.blog-article-page .article-series-badge__title {
  font-weight: 500 !important;
  color: rgba(255, 255, 255, 0.92) !important;
}

.blog-article-page .article-series-badge__counter {
  background: #059669 !important;
  color: #FFFFFF !important;
  font-weight: 700 !important;
  font-size: 0.6875rem !important;
  padding: 2px 7px !important;
  border-radius: 4px !important;
  letter-spacing: 0.03em !important;
  text-transform: uppercase !important;
}

.blog-article-page .article-series-nav {
  margin: 36px 0 24px 0 !important;
  background: #FFFFFF !important;
  border: 1px solid rgba(15, 23, 42, 0.12) !important;
  border-left: 4px solid #059669 !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 20px -2px rgba(15, 23, 42, 0.06) !important;
  padding: 24px !important;
}

.blog-article-page .article-series-nav__header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin-bottom: 14px !important;
  padding-bottom: 12px !important;
  border-bottom: 1px solid rgba(15, 23, 42, 0.08) !important;
}

.blog-article-page .article-series-nav__badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-family: var(--font-family-heading, Manrope, sans-serif) !important;
  font-weight: 700 !important;
  font-size: 0.875rem !important;
  color: #0F172A !important;
}

.blog-article-page .article-series-nav__counter {
  font-size: 0.75rem !important;
  font-weight: 600 !important;
  color: #059669 !important;
  background: rgba(5, 150, 105, 0.1) !important;
  padding: 3px 8px !important;
  border-radius: 4px !important;
}

.blog-article-page .article-series-nav__next-card {
  margin-top: 10px !important;
}

.blog-article-page .article-series-nav__next-label {
  font-size: 0.8125rem !important;
  font-weight: 600 !important;
  color: #64748B !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  margin-bottom: 6px !important;
}

.blog-article-page .article-series-nav__cliffhanger {
  font-size: 0.9375rem !important;
  line-height: 1.55 !important;
  color: #334155 !important;
  margin: 0 0 16px 0 !important;
  font-style: italic !important;
}

.blog-article-page .article-series-nav__btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  background: #059669 !important;
  color: #FFFFFF !important;
  font-family: var(--font-family-heading, Manrope, sans-serif) !important;
  font-weight: 700 !important;
  font-size: 0.9375rem !important;
  padding: 12px 20px !important;
  border-radius: 8px !important;
  text-decoration: none !important;
  transition: background 0.2s ease, transform 0.15s ease !important;
}

.blog-article-page .article-series-nav__btn:hover {
  background: #047857 !important;
  transform: translateX(2px) !important;
  color: #FFFFFF !important;
}

.blog-article-page .article-series-nav__prev-link {
  margin-top: 14px !important;
  padding-top: 10px !important;
}

.blog-article-page .article-series-nav__prev-link a {
  font-size: 0.875rem !important;
  color: #1E3A8A !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
}

.blog-article-page .article-series-nav__prev-link a:hover {
  color: #0F172A !important;
}

/* ==========================================================================
   BLOG DEBUG MODE (Канон 2026: ?debug=1 / Alt+D / Floating Toggle)
   Единый унифицированный стиль дебаг-плашек:
   [ 🐞 P-01 ], [ 🐞 H2-01 ], [ 🐞 LI-01 ], [ 🐞 WIDGET: ... ], [ 🐞 TABLE-01 ]
   ========================================================================== */
body:not(.debug-blog) .blog-debug-badge,
body:not(.debug-blog) .blog-debug-outline--widget,
body:not(.debug-blog) .blog-debug-outline--bridge,
body:not(.debug-blog) .blog-debug-outline--table,
body:not(.debug-blog) .blog-debug-outline--quote,
body:not(.debug-blog) .blog-debug-outline--summary,
body:not(.debug-blog) .blog-debug-outline--series,
body:not(.debug-blog) .blog-debug-outline--form,
body:not(.debug-blog) .blog-debug-floating-toggle,
body:not(.debug-blog) .blog-debug-toast {
  display: none !important;
}

/* Базовый единый вид всех дебаг-плашек: темная кибер-плашка с неоновым акцентом */
body.debug-blog .blog-debug-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  background: #090D16 !important;
  color: #F8FAFC !important;
  font-family: 'JetBrains Mono', 'SF Mono', Consolas, Menlo, Monaco, monospace !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: 0.03em !important;
  padding: 3px 7px !important;
  border-radius: 5px !important;
  border: 1.5px solid #38BDF8 !important; /* Неоновый голубой контур дебага */
  margin-right: 8px !important;
  vertical-align: 1px !important;
  user-select: none !important;
  cursor: pointer !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
  transition: transform 0.12s ease, border-color 0.12s ease, background 0.12s ease, box-shadow 0.12s ease !important;
  z-index: 10 !important;
}

body.debug-blog .blog-debug-badge:hover {
  background: #0F172A !important;
  border-color: #10B981 !important; /* Изумруд при наведении (готов к клику) */
  color: #FFFFFF !important;
  transform: translateY(-1px) scale(1.04) !important;
  box-shadow: 0 4px 12px rgba(16, 185, 129, 0.35) !important;
}

body.debug-blog .blog-debug-badge:active {
  transform: scale(0.97) !important;
}

body.debug-blog .blog-debug-badge__bug {
  font-size: 10px !important;
  line-height: 1 !important;
  filter: drop-shadow(0 0 2px rgba(255, 255, 255, 0.5)) !important;
}

body.debug-blog .blog-debug-badge__id {
  color: #38BDF8 !important;
  font-weight: 800 !important;
}

body.debug-blog .blog-debug-badge:hover .blog-debug-badge__id {
  color: #34D399 !important;
}

body.debug-blog .blog-debug-badge__label {
  font-size: 10px !important;
  color: #94A3B8 !important;
  font-weight: 600 !important;
  border-left: 1px solid #334155 !important;
  padding-left: 5px !important;
  margin-left: 2px !important;
}

body.debug-blog .blog-debug-badge__action {
  font-size: 9px !important;
  opacity: 0.5 !important;
  margin-left: 2px !important;
}

body.debug-blog .blog-debug-badge:hover .blog-debug-badge__action {
  opacity: 1 !important;
}

/* Небольшая дифференциация по категориям в рамках ЕДИНОГО стиля (акцентный бордер) */
body.debug-blog .blog-debug-badge--hero,
body.debug-blog .blog-debug-badge--heading {
  border-color: #F59E0B !important; /* Янтарный для H2 / H3 / Hook */
}
body.debug-blog .blog-debug-badge--hero .blog-debug-badge__id,
body.debug-blog .blog-debug-badge--heading .blog-debug-badge__id {
  color: #FBBF24 !important;
}

body.debug-blog .blog-debug-badge--widget,
body.debug-blog .blog-debug-badge--bridge,
body.debug-blog .blog-debug-badge--table,
body.debug-blog .blog-debug-badge--summary {
  border-color: #A855F7 !important; /* Фиолетовый для виджетов, мостов и таблиц */
  margin-bottom: 8px !important;
  display: inline-flex !important;
}
body.debug-blog .blog-debug-badge--widget .blog-debug-badge__id,
body.debug-blog .blog-debug-badge--bridge .blog-debug-badge__id,
body.debug-blog .blog-debug-badge--table .blog-debug-badge__id,
body.debug-blog .blog-debug-badge--summary .blog-debug-badge__id {
  color: #C084FC !important;
}

body.debug-blog .blog-debug-badge--list {
  border-color: #64748B !important;
}
body.debug-blog .blog-debug-badge--list .blog-debug-badge__id {
  color: #94A3B8 !important;
}

/* Пунктирные контуры для составных блоков */
body.debug-blog .blog-debug-outline--widget {
  outline: 2px dashed #A855F7 !important;
  outline-offset: 6px !important;
  border-radius: 8px !important;
  position: relative !important;
}

body.debug-blog .blog-debug-outline--bridge {
  outline: 2px dashed #F59E0B !important;
  outline-offset: 6px !important;
  border-radius: 8px !important;
  position: relative !important;
}

body.debug-blog .blog-debug-outline--table {
  outline: 2px dashed #38BDF8 !important;
  outline-offset: 6px !important;
  border-radius: 8px !important;
  position: relative !important;
}

body.debug-blog .blog-debug-outline--quote {
  outline: 2px dashed #10B981 !important;
  outline-offset: 6px !important;
  border-radius: 8px !important;
  position: relative !important;
}

body.debug-blog .blog-debug-outline--summary {
  outline: 2px dashed #38BDF8 !important;
  outline-offset: 6px !important;
  border-radius: 10px !important;
  position: relative !important;
}

/* Плавающая кнопка переключения Debug */
.blog-debug-floating-toggle {
  position: fixed !important;
  bottom: 24px !important;
  left: 24px !important;
  z-index: 999999 !important;
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  padding: 9px 16px !important;
  background: #090D16 !important;
  color: #94A3B8 !important;
  font-family: 'JetBrains Mono', 'SF Mono', Consolas, Menlo, monospace !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  border: 1.5px solid #334155 !important;
  border-radius: 30px !important;
  cursor: pointer !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.45) !important;
  transition: all 0.2s ease !important;
}

.blog-debug-floating-toggle:hover {
  background: #0F172A !important;
  color: #FFFFFF !important;
  border-color: #38BDF8 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 24px rgba(56, 189, 248, 0.25) !important;
}

.blog-debug-floating-toggle--active {
  background: #090D16 !important;
  color: #34D399 !important;
  border-color: #10B981 !important;
  box-shadow: 0 4px 20px rgba(16, 185, 129, 0.35) !important;
}

.blog-debug-floating-toggle--active:hover {
  background: #0F172A !important;
  border-color: #34D399 !important;
}

/* Toast-уведомление при клике и копировании */
.blog-debug-toast {
  position: fixed !important;
  bottom: 76px !important;
  left: 24px !important;
  z-index: 1000000 !important;
  background: #090D16 !important;
  color: #FFFFFF !important;
  font-family: 'JetBrains Mono', 'SF Mono', Consolas, monospace !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  padding: 9px 18px !important;
  border-radius: 8px !important;
  border: 1.5px solid #10B981 !important;
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.5) !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transform: translateY(12px) !important;
  transition: opacity 0.18s ease, transform 0.18s ease !important;
}

.blog-debug-toast strong {
  color: #34D399 !important;
}

.blog-debug-toast--active {
  opacity: 1 !important;
  pointer-events: auto !important;
  transform: translateY(0) !important;
}

/* ==========================================================================
   НАВИГАЦИОННАЯ РАЗВИЛКА «3 ДВЕРИ» (FORKING PATHS / T-096 / D-043)
   Швейцарский нотариат + Zero Dead-End вовлечение (Seamless Flow 2026)
   ========================================================================== */
.article-forking-paths {
  margin: 28px 0 20px 0 !important;
  padding: 24px 0 0 0 !important;
  background: transparent !important;
  border: none !important;
  border-top: 1px solid rgba(15, 23, 42, 0.08) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  position: relative !important;
}

.article-forking-paths__eyebrow {
  display: inline-flex !important;
  align-items: center !important;
  padding: 3px 10px !important;
  border-radius: 999px !important;
  background: rgba(245, 158, 11, 0.1) !important;
  color: #B45309 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  margin-bottom: 8px !important;
}

.article-forking-paths__title {
  font-family: var(--font-family-heading) !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  color: #0F172A !important;
  margin: 0 0 16px 0 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.3 !important;
}

.article-forking-paths__grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 16px !important;
}

.forking-card {
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  text-decoration: none !important;
  padding: 18px 16px !important;
  background: #F8FAFC !important;
  border: 1px solid rgba(15, 23, 42, 0.07) !important;
  border-radius: 12px !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease, background-color 0.2s ease !important;
  min-height: unset !important;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.03) !important;
  position: relative !important;
}

.forking-card:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08) !important;
  background: #FFFFFF !important;
}

.forking-card--alt {
  border-top: 3.5px solid #2563EB !important;
}

.forking-card--alt .forking-card__tag {
  background: rgba(37, 99, 235, 0.08) !important;
  color: #1D4ED8 !important;
}

.forking-card--safety {
  border-top: 3.5px solid #059669 !important;
}

.forking-card--safety .forking-card__tag {
  background: rgba(5, 150, 105, 0.08) !important;
  color: #047857 !important;
}

.forking-card__badge {
  background: #059669 !important;
  color: #FFFFFF !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  padding: 2px 7px !important;
  border-radius: 6px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.03em !important;
}

.forking-card--action {
  border-top: 3.5px solid #D97706 !important;
}

.forking-card--action .forking-card__tag {
  background: rgba(217, 119, 6, 0.1) !important;
  color: #B45309 !important;
}

.forking-card__tag-wrap {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-bottom: 12px !important;
}

.forking-card__tag {
  font-size: 12px !important;
  font-weight: 600 !important;
  padding: 3px 9px !important;
  border-radius: 6px !important;
}

.forking-card__title {
  font-family: var(--font-family-heading) !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #0F172A !important;
  line-height: 1.35 !important;
  margin-bottom: 8px !important;
}

.forking-card__desc {
  font-size: 13px !important;
  color: #475569 !important;
  line-height: 1.5 !important;
  margin: 0 0 16px 0 !important;
  flex-grow: 1 !important;
}

.forking-card__action {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #1E3A8A !important;
  transition: gap 0.15s ease, color 0.15s ease !important;
}

.forking-card:hover .forking-card__action {
  color: #0284C7 !important;
  gap: 9px !important;
}

@media (max-width: 860px) {
  .article-forking-paths {
    padding: 20px 0 0 0 !important;
    margin: 24px 0 16px 0 !important;
  }

  .article-forking-paths__grid {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  .forking-card {
    min-height: unset !important;
    padding: 16px 14px !important;
  }

  .forking-card__action {
    min-height: 48px !important;
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #FFFFFF !important;
    border: 1px solid rgba(15, 23, 42, 0.08) !important;
    border-radius: 10px !important;
  }
}

/* ==========================================================================
   Ранний компактный мини-калькулятор первого экрана (.early-mini-calc, T-096)
   Swiss Private Banking 2026: LTV/ставка 2.5–3.5%, No-Phone TG action
   ========================================================================== */
.early-mini-calc {
  background: #FAF9F6 !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  border-left: 4px solid #059669 !important;
  border-radius: 12px !important;
  padding: 18px 22px !important;
  margin: 20px 0 28px 0 !important;
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.03) !important;
}

.early-mini-calc__header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin-bottom: 14px !important;
}

.early-mini-calc__badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  background: rgba(5, 150, 105, 0.1) !important;
  color: #059669 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.03em !important;
  text-transform: uppercase !important;
  padding: 4px 10px !important;
  border-radius: 6px !important;
}

.early-mini-calc__rate-pill {
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #475569 !important;
  background: #FFFFFF !important;
  padding: 4px 10px !important;
  border-radius: 6px !important;
  border: 1px solid rgba(15, 23, 42, 0.06) !important;
}

.early-mini-calc__label-wrap {
  display: flex !important;
  justify-content: space-between !important;
  align-items: baseline !important;
  margin-bottom: 8px !important;
}

.early-mini-calc__label {
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #334155 !important;
}

.early-mini-calc__amount-display {
  font-family: var(--font-family-heading, 'Manrope', sans-serif) !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  color: #0F172A !important;
  letter-spacing: -0.02em !important;
}

.early-mini-calc__range {
  -webkit-appearance: none !important;
  appearance: none !important;
  width: 100% !important;
  height: 6px !important;
  background: #E2E8F0 !important;
  border-radius: 4px !important;
  outline: none !important;
  margin: 8px 0 !important;
  cursor: pointer !important;
}

.early-mini-calc__range::-webkit-slider-thumb {
  -webkit-appearance: none !important;
  appearance: none !important;
  width: 22px !important;
  height: 22px !important;
  border-radius: 50% !important;
  background: #059669 !important;
  border: 3px solid #FFFFFF !important;
  box-shadow: 0 2px 6px rgba(5, 150, 105, 0.35) !important;
  cursor: pointer !important;
  transition: transform 0.1s ease !important;
}

.early-mini-calc__range::-webkit-slider-thumb:hover {
  transform: scale(1.12) !important;
}

.early-mini-calc__range::-moz-range-thumb {
  width: 22px !important;
  height: 22px !important;
  border-radius: 50% !important;
  background: #059669 !important;
  border: 3px solid #FFFFFF !important;
  box-shadow: 0 2px 6px rgba(5, 150, 105, 0.35) !important;
  cursor: pointer !important;
}

.early-mini-calc__scale {
  display: flex !important;
  justify-content: space-between !important;
  font-size: 11px !important;
  color: #64748B !important;
  margin-bottom: 14px !important;
}

.early-mini-calc__result-card {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
  gap: 14px !important;
  background: #FFFFFF !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  border-radius: 10px !important;
  padding: 14px 18px !important;
}

.early-mini-calc__result-left {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
}

.early-mini-calc__result-label {
  font-size: 11px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  color: #64748B !important;
}

.early-mini-calc__payment-display {
  font-family: var(--font-family-heading, 'Manrope', sans-serif) !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  color: #059669 !important;
  letter-spacing: -0.01em !important;
}

.early-mini-calc__result-hint {
  font-size: 11px !important;
  color: #94A3B8 !important;
  line-height: 1.35 !important;
}

.early-mini-calc__actions {
  display: flex !important;
  align-items: center !important;
}

.early-mini-calc__btn-tg {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  background: #0284C7 !important;
  color: #FFFFFF !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  padding: 10px 18px !important;
  border-radius: 8px !important;
  text-decoration: none !important;
  box-shadow: 0 2px 8px rgba(2, 132, 199, 0.25) !important;
  transition: background 0.15s ease, transform 0.15s ease !important;
  min-height: 42px !important;
  white-space: nowrap !important;
}

.early-mini-calc__btn-tg:hover {
  background: #0369A1 !important;
  transform: translateY(-1px) !important;
}

@media (max-width: 640px) {
  .early-mini-calc {
    padding: 16px 14px !important;
  }
  .early-mini-calc__result-card {
    flex-direction: column !important;
    align-items: stretch !important;
    padding: 12px 14px !important;
  }
  .early-mini-calc__actions,
  .early-mini-calc__btn-tg {
    width: 100% !important;
  }
}

/* ==========================================================================
   T-097: ДОРАБОТКА КОНВЕРСИОННЫХ БЛОКОВ ШАБЛОНА БЛОГА (MOBILE-FIRST 2026)
   ========================================================================== */

/* 1. ПЕРВЫЙ ЭКРАН (Mobile Hero + 30-Sec Summary) */
@media (max-width: 768px) {
  .blog-article-page .blog-article-hero {
    padding: 12px 0 10px 0 !important;
    background-image:
      linear-gradient(180deg, rgba(15, 23, 42, 0.95) 0%, rgba(15, 23, 42, 0.98) 55%, #0F172A 100%),
      var(--hero-cover, none) !important;
    background-position: right bottom !important;
    background-size: cover !important;
  }

  .blog-article-page .article-header__title {
    font-size: clamp(1.2rem, 5vw, 1.45rem) !important;
    line-height: 1.25 !important;
    font-weight: 800 !important;
    color: #FFFFFF !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5) !important;
    word-break: break-word !important;
    overflow-wrap: break-word !important;
    hyphens: auto !important;
    margin: 0 0 8px 0 !important;
  }

  .blog-article-page .article-header__hook {
    font-size: 0.85rem !important;
    line-height: 1.42 !important;
    padding: 6px 12px !important;
    margin: 6px 0 8px 0 !important;
    background: rgba(15, 23, 42, 0.65) !important;
    border-left: 3px solid #059669 !important;
    border-radius: 0 6px 6px 0 !important;
  }

  /* Executive Summary — компактная 2x2 сетка на мобильных */
  .blog-article-page .article-summary-strip {
    padding: 10px 12px !important;
    margin: 8px 0 12px 0 !important;
    border-radius: 12px !important;
    background: #FAF9F6 !important;
    border: 1px solid rgba(15, 23, 42, 0.08) !important;
  }

  .blog-article-page .article-summary-strip__header {
    padding-bottom: 6px !important;
    margin-bottom: 8px !important;
  }

  .blog-article-page .article-summary-strip__grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 6px 8px !important;
  }

  .blog-article-page .article-summary-strip__item {
    background: #FFFFFF !important;
    border: 1px solid rgba(15, 23, 42, 0.06) !important;
    border-radius: 8px !important;
    padding: 8px 10px !important;
  }

  .blog-article-page .article-summary-strip__label {
    font-size: 0.65rem !important;
    letter-spacing: 0.04em !important;
    text-transform: uppercase !important;
    color: #64748B !important;
    font-weight: 600 !important;
  }

  .blog-article-page .article-summary-strip__value {
    font-size: 1.05rem !important;
    font-weight: 700 !important;
    color: #0F172A !important;
    line-height: 1.2 !important;
    letter-spacing: -0.01em !important;
  }

  .blog-article-page .article-summary-strip__hint {
    font-size: 0.6875rem !important;
    color: #059669 !important;
    font-weight: 500 !important;
    line-height: 1.25 !important;
  }
}

/* 2. СТИЛИ ДЛЯ ВЫБОРА ЗАЛОГА В S6 ФОРМЕ */
.snippet-article-form__property-chips {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 8px !important;
  margin-top: 6px !important;
}

.snippet-article-form__property-chip {
  min-height: 44px !important;
  padding: 8px 10px !important;
  border-radius: 8px !important;
  border: 1px solid rgba(15, 23, 42, 0.12) !important;
  background: #FFFFFF !important;
  color: #334155 !important;
  font-family: var(--font-family-body, 'Inter', sans-serif) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: all 0.15s ease !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}

.snippet-article-form__property-chip:hover {
  background: #FAF9F6 !important;
  border-color: rgba(15, 23, 42, 0.22) !important;
}

.snippet-article-form__property-chip.is-active {
  background: #ECFDF5 !important;
  border-color: #059669 !important;
  color: #065F46 !important;
  box-shadow: 0 1px 3px rgba(5, 150, 105, 0.15) !important;
}

@media (max-width: 640px) {
  .snippet-article-form__property-chips {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .snippet-article-form__property-chip {
    min-height: 46px !important;
    font-size: 13px !important;
  }
}

/* 3. КНОПКА ОТПРАВКИ S6 (52px #059669) И ZERO-ANXIETY ЧЕКБОКС */
.blog-article-page .snippet-article-form__submit-btn,
.snippet-article-form__submit-btn {
  height: 52px !important;
  min-height: 52px !important;
  background: #059669 !important;
  color: #FFFFFF !important;
  font-family: var(--font-family-body, 'Inter', sans-serif) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  border: none !important;
  border-radius: 10px !important;
  cursor: pointer !important;
  box-shadow: 0 4px 14px rgba(5, 150, 105, 0.3) !important;
  transition: background-color 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  margin-top: 14px !important;
}

.blog-article-page .snippet-article-form__submit-btn:hover,
.snippet-article-form__submit-btn:hover {
  background: #047857 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 18px rgba(5, 150, 105, 0.35) !important;
}

.blog-article-page .snippet-article-form__submit-btn:active,
.snippet-article-form__submit-btn:active {
  transform: translateY(0) !important;
}

.blog-article-page .snippet-article-form__quiet-check,
.snippet-article-form__quiet-check {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 10px 14px !important;
  background: #F0FDF4 !important;
  border: 1px solid rgba(5, 150, 105, 0.2) !important;
  border-radius: 8px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #065F46 !important;
  cursor: pointer !important;
  margin: 12px 0 !important;
}

.blog-article-page .snippet-article-form__quiet-check input[type="checkbox"],
.snippet-article-form__quiet-check input[type="checkbox"] {
  width: 18px !important;
  height: 18px !important;
  accent-color: #059669 !important;
  cursor: pointer !important;
}

.blog-article-page .snippet-article-form__disclaimer,
.snippet-article-form__disclaimer {
  font-size: 12px !important;
  color: #64748B !important;
  line-height: 1.5 !important;
  text-align: center !important;
  margin: 10px 0 0 0 !important;
}

/* 4. ЗАЩИТА ОТ ГОРИЗОНТАЛЬНОГО СКРОЛЛА */
.blog-article-page,
.blog-article-page body,
.blog-article-page .article,
.blog-article-page .container,
.blog-article-page .article-content {
  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow-x: clip !important;
}

/* ==========================================================================
   5. ОЩУЩЕНИЕ ЛЬЮЩЕГОСЯ ТЕКСТА (SEAMLESS EDITORIAL FLOW 2026 / T-097)
   Ликвидация "синдрома коробок" (card fatigue) и сжатие пустых зазоров
   ========================================================================== */

/* Прозрачная обертка для сниппетов: устранение двойных рамок и лишних отступов */
.blog-article-page .article-snippet {
  width: 100% !important;
  max-width: 100% !important;
  margin: 6px 0 20px 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

/* Органичный переход между подводкой (.article-lead-in) и сниппетом */
.blog-article-page .article-lead-in + .article-snippet {
  margin-top: 4px !important;
}

/* Смягчение карточек и встроенных виджетов: интеграция в поток чтения */
.blog-article-page .article-snippet .snippet-contract-preview,
.blog-article-page .article-snippet .snippet-magic-status,
.blog-article-page .article-snippet .snippet-poll__tg,
.blog-article-page .article-snippet .k77-qualifier-card,
.blog-article-page .finlit-widget {
  margin: 8px 0 18px 0 !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  border-radius: 12px !important;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.03) !important;
  background: #FFFFFF !important;
}

/* Финальный блок формы захвата (Slot S6): естественное завершение лонгрида */
.blog-article-page .article-lead-magnet {
  margin: 24px 0 20px 0 !important;
  padding: 24px 22px !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  border-radius: 14px !important;
  box-shadow: 0 2px 12px rgba(15, 23, 42, 0.04) !important;
  background: #FFFFFF !important;
}

@media (max-width: 768px) {
  .blog-article-page .article-lead-magnet {
    padding: 20px 16px !important;
    margin: 20px 0 16px 0 !important;
  }
}

/* Ритм абзацев и заголовков основного текста (The Economist / Bloomberg standard) */
.blog-article-page .article-content p {
  margin-bottom: 1.15em !important;
  line-height: 1.68 !important;
  color: #334155 !important;
}

.blog-article-page .article-content h2 {
  margin-top: 32px !important;
  margin-bottom: 12px !important;
}

.blog-article-page .article-content h3 {
  margin-top: 22px !important;
  margin-bottom: 8px !important;
}

.blog-article-page .article-content ul,
.blog-article-page .article-content ol {
  margin-bottom: 18px !important;
}

.blog-article-page .article-content blockquote {
  margin: 18px 0 !important;
  padding: 8px 0 8px 16px !important;
  background: transparent !important;
  border: none !important;
  border-left: 2.5px solid #059669 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #475569 !important;
  font-style: italic !important;
}

/* ==========================================================================
   AI-STRUCTURED ARTICLE CANON (D-042: TAKEAWAY, BRIDGES & NEXT STEPS)
   ========================================================================== */

/* 1. Финальный сухой остаток / Резюме за 60 секунд */
.blog-article-page .article-takeaway {
  background: #FAF9F6 !important;
  border: 1px solid rgba(15, 23, 42, 0.1) !important;
  border-left: 4px solid #059669 !important;
  border-radius: 14px !important;
  padding: 20px 24px !important;
  margin: 36px 0 28px 0 !important;
  box-shadow: 0 4px 16px -2px rgba(15, 23, 42, 0.04) !important;
}

.blog-article-page .article-takeaway__header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  padding-bottom: 12px !important;
  margin-bottom: 16px !important;
  border-bottom: 1px solid rgba(15, 23, 42, 0.08) !important;
}

.blog-article-page .article-takeaway__badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  background: #ECFDF5 !important;
  color: #065F46 !important;
  border: 1px solid rgba(5, 150, 105, 0.25) !important;
  font-size: 0.75rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  padding: 4px 10px !important;
  border-radius: 6px !important;
}

.blog-article-page .article-takeaway__badge svg {
  color: #059669 !important;
}

.blog-article-page .article-takeaway__note {
  font-size: 0.8125rem !important;
  color: #64748B !important;
  font-weight: 500 !important;
}

.blog-article-page .article-takeaway__list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}

.blog-article-page .article-takeaway__item {
  display: flex !important;
  align-items: flex-start !important;
  gap: 12px !important;
}

.blog-article-page .article-takeaway__marker {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 26px !important;
  height: 26px !important;
  flex-shrink: 0 !important;
  background: #059669 !important;
  color: #FFFFFF !important;
  font-size: 0.75rem !important;
  font-weight: 700 !important;
  font-family: var(--font-family-mono, monospace) !important;
  border-radius: 6px !important;
  margin-top: 2px !important;
}

.blog-article-page .article-takeaway__text {
  font-size: 0.9375rem !important;
  line-height: 1.55 !important;
  color: #1E293B !important;
}

.blog-article-page .article-takeaway__text strong {
  color: #0F172A !important;
}

/* 2. Контекстная перелинковка с авторскими подводками (Лестница Ханта) */
.blog-article-page .article-interlink-bridges {
  margin: 32px 0 28px 0 !important;
  padding: 22px 24px !important;
  background: #FFFFFF !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  border-radius: 14px !important;
  box-shadow: 0 2px 12px rgba(15, 23, 42, 0.03) !important;
}

.blog-article-page .article-interlink-bridges__header {
  margin-bottom: 16px !important;
}

.blog-article-page .article-interlink-bridges__badge {
  display: inline-block !important;
  font-size: 0.75rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  color: #059669 !important;
  margin-bottom: 4px !important;
}

.blog-article-page .article-interlink-bridges__title {
  font-size: 1.15rem !important;
  font-weight: 700 !important;
  color: #0F172A !important;
  margin: 0 !important;
}

.blog-article-page .article-interlink-bridges__grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(290px, 1fr)) !important;
  gap: 14px !important;
  margin-top: 14px !important;
}

.blog-article-page .article-interlink-card {
  display: flex !important;
  flex-direction: column !important;
  padding: 16px 18px !important;
  background: #F8FAFC !important;
  border: 1px solid rgba(15, 23, 42, 0.06) !important;
  border-radius: 10px !important;
  transition: all 0.2s ease !important;
}

.blog-article-page .article-interlink-card:hover {
  background: #F1F5F9 !important;
  border-color: rgba(5, 150, 105, 0.3) !important;
  transform: translateY(-1px) !important;
}

.blog-article-page .article-interlink-card__condition {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 0.75rem !important;
  font-weight: 600 !important;
  color: #059669 !important;
  margin-bottom: 8px !important;
}

.blog-article-page .article-interlink-card__link {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  font-size: 0.9375rem !important;
  font-weight: 700 !important;
  color: #0F172A !important;
  text-decoration: none !important;
  line-height: 1.35 !important;
  margin-bottom: 6px !important;
}

.blog-article-page .article-interlink-card__link:hover {
  color: #059669 !important;
}

.blog-article-page .article-interlink-card__why {
  font-size: 0.8125rem !important;
  color: #64748B !important;
  line-height: 1.45 !important;
  margin: 0 !important;
}

/* 3. Интеллектуальная развилка действий «Что делать дальше» (AI Next Steps) */
.blog-article-page .article-next-steps {
  margin: 36px 0 32px 0 !important;
  padding: 26px 24px !important;
  background: #090D16 !important;
  color: #F8FAFC !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 16px !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2) !important;
}

.blog-article-page .article-next-steps__header {
  margin-bottom: 20px !important;
  text-align: left !important;
}

.blog-article-page .article-next-steps__badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  background: rgba(5, 150, 105, 0.15) !important;
  color: #34D399 !important;
  border: 1px solid rgba(52, 211, 153, 0.3) !important;
  font-size: 0.75rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  padding: 4px 10px !important;
  border-radius: 6px !important;
  margin-bottom: 10px !important;
}

.blog-article-page .article-next-steps__badge svg {
  color: #34D399 !important;
}

.blog-article-page .article-next-steps__title {
  font-size: 1.35rem !important;
  font-weight: 700 !important;
  color: #FFFFFF !important;
  margin: 0 0 6px 0 !important;
  letter-spacing: -0.01em !important;
}

.blog-article-page .article-next-steps__subtitle {
  font-size: 0.875rem !important;
  color: #94A3B8 !important;
  margin: 0 !important;
  line-height: 1.5 !important;
}

.blog-article-page .article-next-steps__grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(270px, 1fr)) !important;
  gap: 16px !important;
}

.blog-article-page .article-next-step-card {
  display: flex !important;
  flex-direction: column !important;
  background: #131A29 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 12px !important;
  padding: 20px !important;
  transition: all 0.2s ease !important;
}

.blog-article-page .article-next-step-card:hover {
  background: #182235 !important;
  border-color: rgba(52, 211, 153, 0.4) !important;
  transform: translateY(-2px) !important;
}

.blog-article-page .article-next-step-card__top {
  margin-bottom: 10px !important;
}

.blog-article-page .article-next-step-card__scenario {
  display: inline-block !important;
  font-size: 0.6875rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  color: #38BDF8 !important;
}

.blog-article-page .article-next-step-card__title {
  font-size: 1.05rem !important;
  font-weight: 700 !important;
  color: #FFFFFF !important;
  margin: 0 0 8px 0 !important;
  line-height: 1.3 !important;
}

.blog-article-page .article-next-step-card__desc {
  font-size: 0.8125rem !important;
  color: #94A3B8 !important;
  line-height: 1.45 !important;
  margin: 0 0 16px 0 !important;
  flex-grow: 1 !important;
}

.blog-article-page .article-next-step-card__btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-height: 44px !important;
  padding: 10px 16px !important;
  background: #059669 !important;
  color: #FFFFFF !important;
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  border-radius: 8px !important;
  text-decoration: none !important;
  transition: all 0.15s ease !important;
}

.blog-article-page .article-next-step-card__btn:hover {
  background: #10B981 !important;
  transform: translateY(-1px) !important;
}

@media (max-width: 768px) {
  .blog-article-page .article-takeaway {
    padding: 16px 18px !important;
    margin: 24px 0 20px 0 !important;
  }

  .blog-article-page .article-takeaway__header {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 4px !important;
  }

  .blog-article-page .article-takeaway__text {
    font-size: 0.875rem !important;
  }

  .blog-article-page .article-interlink-bridges {
    padding: 18px 16px !important;
  }

  .blog-article-page .article-interlink-bridges__grid {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .blog-article-page .article-next-steps {
    padding: 20px 16px !important;
    margin: 28px 0 24px 0 !important;
  }

  .blog-article-page .article-next-steps__grid {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }
}