/* ========================================
   CASE STUDIES - COMMON TYPOGRAPHY & CONTENT STYLES
   ======================================== */

/* ========== LEFT SIDEBAR NAVIGATION STYLES ========== */
/* Синхронизация стилей левого меню с главной страницей */
.left-sidebar-nav {
    border-right: none !important;
    background: transparent !important;
    transition: border-color 0.3s ease !important;
}

.sidebar-header {
    border-bottom: none !important;
}

/* Left menu item styles - match right menu */
/* Синхронизация отступа сайдбара с прелоадером - базовое значение для десктопа */
/* Прелоадер top: 68px → Сайдбар padding-top: 68px */
.left-sidebar-nav {
    background: transparent !important;
    border-right-color: var(--color-sidebar-border, transparent) !important;
    transition: border-color 0.3s ease !important;
}

.left-sidebar-nav .sidebar-content {
    padding-top: 68px !important;
    padding-left: 20px !important;
    padding-right: 0 !important;
    padding-bottom: 20px !important;
    display: flex !important;
    flex-direction: column !important;
    min-height: calc(100vh - 88px) !important;
    height: 100% !important;
    position: relative !important;
}

/* Синхронизация отступа сайдбара с прелоадером для разных разрешений */
/* Прелоадер top: 20px → Сайдбар padding-top: 20px */
@media (min-width: 800px) and (max-width: 1023px) {
    .left-sidebar-nav .sidebar-content {
        padding-top: 20px !important;
    }
}

/* iPad (768px - 1024px) - переопределение отступов */
/* Синхронизация с прелоадером: top: 20px для 768-799px, 20px для 800-1023px */
@media (min-width: 768px) and (max-width: 1023px) {
    .left-sidebar-nav .sidebar-content {
        padding-top: 20px !important;
        padding-left: 20px !important;
        padding-right: 0 !important;
    }
    
    .left-sidebar-nav .sidebar-logo {
        margin-left: 0 !important;
        padding-left: 0 !important;
    }
    
    .left-sidebar-nav .nav-section-list {
        margin-left: 0 !important;
        padding-right: 0 !important;
    }
    
    .left-sidebar-nav .nav-section-title {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    .left-sidebar-nav .nav-item {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    /* Уменьшаем отступы между блоками контента на iPad */
    .article-content {
        margin: 32px 0 0 0 !important;
    }
    
    .article-section {
        margin-bottom: 32px !important;
    }
    
    .article-section + .article-section {
        margin-top: 48px !important;
    }
    
    #problem,
    #hypothesis,
    #interviews,
    #validation,
    #pivot,
    #design,
    #components,
    #launch,
    #results,
    #learnings {
        margin-top: 48px !important;
    }
    
    #introduction {
        margin-bottom: 40px !important;
    }
    
    /* Уменьшаем отступы между заголовком, hero-изображением и списками на iPad */
    .hero-header-wrapper {
        padding-bottom: 0 !important;
    }
    
    /* Удаляем все отступы снизу у article-header-content */
    .article-header .article-header-content {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
    
    .article-header {
        margin: 0 0 8px 0 !important;
    }
    
    .hero-image-section {
        margin: 0 0 24px 0 !important;
    }
    
    /* Уменьшаем отступ после hero-изображения до следующего контента */
    .hero-image-section ~ .article-section {
        margin-top: 32px !important;
    }
}

/* Прелоадер top: 16px → Сайдбар padding-top: 16px */
@media (min-width: 600px) and (max-width: 799px) {
    .left-sidebar-nav .sidebar-content {
        padding-top: 16px !important;
    }
}

/* Прелоадер top: 20px → Сайдбар padding-top: 20px (перекрывает 600-799px для 768-799px) */
@media (min-width: 768px) and (max-width: 799px) {
    .left-sidebar-nav .sidebar-content {
        padding-top: 20px !important;
    }
}

/* Прелоадер top: 12px → Сайдбар padding-top: 12px */
@media (min-width: 550px) and (max-width: 599px) {
    .left-sidebar-nav .sidebar-content {
        padding-top: 12px !important;
    }
}

/* Прелоадер top: 8px → Сайдбар padding-top: 8px */
@media (min-width: 420px) and (max-width: 549px) {
    .left-sidebar-nav .sidebar-content {
        padding-top: 8px !important;
    }
}

/* Прелоадер top: 4px → Сайдбар padding-top: 4px */
@media (min-width: 320px) and (max-width: 419px) {
    .left-sidebar-nav .sidebar-content {
        padding-top: 4px !important;
    }
}

/* Стили логотипа - полностью скопированы из прелоадера */
/* Все стили идентичны .preloader-logo, кроме позиционирования */
.left-sidebar-nav .sidebar-logo {
    margin-top: 0 !important;
    margin-bottom: 64px !important;
    margin-right: 0 !important;
    margin-left: 80px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-right: 0 !important;
    padding-left: 8px !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #111 !important;
    line-height: 1.2 !important;
    letter-spacing: -0.01em !important;
    opacity: 1 !important;
    visibility: visible !important;
    display: flex !important;
    align-items: center !important;
    /* Уменьшаем расстояние между Trngl и текстом на 2px */
    gap: 0px !important;
    text-decoration: none !important;
    border: none !important;
    outline: none !important;
    transform: none !important;
    text-size-adjust: 100% !important;
    -webkit-text-size-adjust: 100% !important;
    -moz-text-size-adjust: 100% !important;
}

.left-sidebar-nav .sidebar-logo a {
    color: var(--color-text, #111) !important;
    text-decoration: none !important;
    display: flex !important;
    align-items: center !important;
    /* Уменьшаем расстояние между Trngl и текстом на 2px */
    gap: 0px !important;
    transition: color 0.3s ease !important;
}

/* Стили для текста внутри логотипа - полностью из прелоадера */
.left-sidebar-nav .sidebar-logo,
.left-sidebar-nav .sidebar-logo * {
    font-size: 20px !important;
    font-weight: 700 !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
    line-height: 1.2 !important;
    letter-spacing: -0.01em !important;
}

.left-sidebar-nav .sidebar-logo a {
    color: var(--color-text, #111) !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    /* Уменьшаем расстояние между Trngl и текстом на 2px */
    gap: 0px !important;
    transition: color 0.3s ease !important;
}

/* Иконка Trngl слева от логотипа */
.left-sidebar-nav .sidebar-logo-icon {
    display: block !important;
    width: 20px !important;
    height: 20px !important;
    flex-shrink: 0 !important;
    transition: filter 0.3s ease !important;
}

.left-sidebar-nav .sidebar-logo img:not(.sidebar-logo-icon) {
    display: none !important;
}

/* Scroll to Top Button в сайдбаре - элегантная кнопка со стрелкой вверх */
/* Расположена после логотипа, стилизована как theme-toggle */
.left-sidebar-nav .scroll-to-top-sidebar {
    margin-top: 0 !important;
    margin-bottom: 24px !important;
    margin-left: 80px !important;
    margin-right: 0 !important;
    padding: 8px !important;
    background: transparent !important;
    border: none !important;
    border-radius: 9999px !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 36px !important;
    height: 36px !important;
    color: #111 !important;
    transition: background-color 0.2s ease !important;
    flex-shrink: 0 !important;
    position: relative !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    outline: none !important;
    align-self: flex-start !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

.left-sidebar-nav .scroll-to-top-sidebar.visible {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

.left-sidebar-nav .scroll-to-top-sidebar:hover {
    background: var(--color-bg-secondary, #F5F5F5) !important;
}

.left-sidebar-nav .scroll-to-top-sidebar .scroll-to-top-icon,
.left-sidebar-nav .scroll-to-top-sidebar i {
    width: 20px !important;
    height: 20px !important;
    color: inherit !important;
}

.left-sidebar-nav .scroll-to-top-sidebar:focus-visible {
    outline: 2px solid rgba(0, 0, 0, 0.3) !important;
    outline-offset: 2px !important;
}

/* Theme Toggle Button - переключатель темной темы */
/* Отступы синхронизированы с scroll-to-top: слева margin-left 80px, снизу margin-bottom 16px */
.left-sidebar-nav .theme-toggle {
    margin-top: auto !important;
    margin-bottom: 16px !important;
    margin-left: 80px !important;
    margin-right: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    border-radius: 9999px !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 36px !important;
    height: 36px !important;
    color: #111 !important;
    transition: background-color 0.2s ease !important;
    flex-shrink: 0 !important;
    position: relative !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    outline: none !important;
    align-self: flex-start !important;
}

.left-sidebar-nav .theme-toggle:hover {
    background: var(--color-bg-secondary, #F5F5F5) !important;
}

.left-sidebar-nav .theme-toggle .theme-icon {
    width: 20px !important;
    height: 20px !important;
    color: inherit !important;
}

.left-sidebar-nav .theme-toggle:focus-visible {
    outline: 2px solid rgba(0, 0, 0, 0.3) !important;
    outline-offset: 2px !important;
}

/* Адаптация кнопки scroll-to-top-sidebar для разных разрешений */
@media (min-width: 800px) and (max-width: 1023px) {
    .left-sidebar-nav .scroll-to-top-sidebar {
        margin-left: 12px !important;
        margin-bottom: 16px !important;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .left-sidebar-nav .scroll-to-top-sidebar {
        margin-left: 0 !important;
        margin-bottom: 16px !important;
    }
}

@media (min-width: 600px) and (max-width: 799px) {
    .left-sidebar-nav .scroll-to-top-sidebar {
        margin-left: 10px !important;
        margin-bottom: 12px !important;
    }
}

@media (min-width: 550px) and (max-width: 599px) {
    .left-sidebar-nav .scroll-to-top-sidebar {
        margin-left: 8px !important;
        margin-bottom: 10px !important;
    }
}

@media (min-width: 420px) and (max-width: 549px) {
    .left-sidebar-nav .scroll-to-top-sidebar {
        margin-left: 6px !important;
        margin-bottom: 8px !important;
    }
}

@media (min-width: 320px) and (max-width: 419px) {
    .left-sidebar-nav .scroll-to-top-sidebar {
        margin-left: 4px !important;
        margin-bottom: 6px !important;
    }
}

/* Адаптация переключателя темы для разных разрешений - синхронизация с логотипом */
@media (min-width: 800px) and (max-width: 1023px) {
    .left-sidebar-nav .sidebar-content {
        min-height: calc(100vh - 20px - 20px) !important;
    }
    /* Планшет: margin-left логотипа 12px, padding-top sidebar-content 20px */
    /* margin-bottom 16px синхронизирован с scroll-to-top */
    .left-sidebar-nav .theme-toggle {
        margin-left: 12px !important;
        margin-bottom: 16px !important;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .left-sidebar-nav .sidebar-content {
        min-height: calc(100vh - 20px - 20px) !important;
    }
    /* Планшет: margin-left логотипа 0 (из строки 1094), padding-top sidebar-content 20px */
    /* margin-bottom 16px синхронизирован с scroll-to-top */
    .left-sidebar-nav .theme-toggle {
        margin-left: 0 !important;
        margin-bottom: 16px !important;
    }
}

@media (min-width: 600px) and (max-width: 799px) {
    .left-sidebar-nav .sidebar-content {
        min-height: calc(100vh - 16px - 20px) !important;
    }
    /* Планшет: margin-left логотипа 10px, padding-top sidebar-content 16px */
    /* margin-bottom 16px синхронизирован с scroll-to-top */
    .left-sidebar-nav .theme-toggle {
        margin-left: 10px !important;
        margin-bottom: 16px !important;
    }
}

@media (min-width: 550px) and (max-width: 599px) {
    .left-sidebar-nav .sidebar-content {
        min-height: calc(100vh - 12px - 20px) !important;
    }
    /* Мобильный: margin-left логотипа 8px, padding-top sidebar-content 12px */
    /* margin-bottom 16px синхронизирован с scroll-to-top */
    .left-sidebar-nav .theme-toggle {
        margin-left: 8px !important;
        margin-bottom: 16px !important;
    }
}

@media (min-width: 420px) and (max-width: 549px) {
    .left-sidebar-nav .sidebar-content {
        min-height: calc(100vh - 8px - 20px) !important;
    }
    /* Мобильный: margin-left логотипа 6px, padding-top sidebar-content 8px */
    /* margin-bottom 16px синхронизирован с scroll-to-top */
    .left-sidebar-nav .theme-toggle {
        margin-left: 6px !important;
        margin-bottom: 16px !important;
    }
}

@media (min-width: 320px) and (max-width: 419px) {
    .left-sidebar-nav .sidebar-content {
        min-height: calc(100vh - 4px - 20px) !important;
    }
    /* Мобильный: margin-left логотипа 4px, padding-top sidebar-content 4px */
    /* margin-bottom 16px синхронизирован с scroll-to-top */
    .left-sidebar-nav .theme-toggle {
        margin-left: 4px !important;
        margin-bottom: 16px !important;
    }
}

/* Темная тема - применение к основным элементам */
[data-theme="dark"] body {
    background-color: var(--color-bg) !important;
    color: var(--color-text) !important;
}

[data-theme="dark"] .left-sidebar-nav {
    background-color: transparent !important;
    border-right-color: var(--color-sidebar-border) !important;
}

[data-theme="dark"] .left-sidebar-nav .sidebar-logo a,
[data-theme="dark"] .left-sidebar-nav .nav-item {
    color: var(--color-text) !important;
}

[data-theme="dark"] .left-sidebar-nav .nav-item:hover,
[data-theme="dark"] .left-sidebar-nav .nav-item.active {
    background: var(--color-bg-secondary) !important;
}

[data-theme="dark"] .left-sidebar-nav .scroll-to-top-sidebar {
    color: var(--color-text) !important;
}

[data-theme="dark"] .left-sidebar-nav .scroll-to-top-sidebar:hover {
    background: var(--color-bg-secondary) !important;
}

[data-theme="dark"] .left-sidebar-nav .theme-toggle {
    color: var(--color-text) !important;
}

[data-theme="dark"] .left-sidebar-nav .theme-toggle:hover {
    background: var(--color-bg-secondary) !important;
}

/* Темная тема - навигационные элементы */
[data-theme="dark"] .left-sidebar-nav .nav-section-title {
    color: var(--color-text) !important;
}

[data-theme="dark"] .mobile-close-btn,
[data-theme="dark"] .mobile-menu-toggle-btn {
    color: var(--color-text) !important;
}

[data-theme="dark"] .mobile-close-btn:hover,
[data-theme="dark"] .mobile-menu-toggle-btn:hover {
    background: var(--color-bg-secondary) !important;
}

/* Темная тема - основной контент (фон прозрачный, использует фон body) */
[data-theme="dark"] .main-content {
    background-color: transparent !important;
    color: var(--color-text) !important;
}

[data-theme="dark"] .article-image,
[data-theme="dark"] .case-image,
[data-theme="dark"] .hero-image {
    opacity: 0.95 !important;
}

/* Темная тема - границы изображений и видео с прозрачностью */
[data-theme="dark"] .hero-image,
[data-theme="dark"] .hero-video,
[data-theme="dark"] .case-image,
[data-theme="dark"] .case-video,
[data-theme="dark"] .featured-image,
[data-theme="dark"] .article-section img,
[data-theme="dark"] .article-image img,
[data-theme="dark"] .image-item img,
[data-theme="dark"] .gallery-item img,
[data-theme="dark"] .video-wrapper {
    border: none !important;
    border-color: transparent !important;
    outline: none !important;
}

/* Убираем обводку у изображений галереи в experiments.html - обводка только у блока */
.gallery-item img {
    border: none !important;
    outline: none !important;
}

/* Темная тема - разделители */
[data-theme="dark"] .hero-header-wrapper {
    border-bottom-color: var(--color-border) !important;
}

/* Темная тема - H2 заголовки с высокой специфичностью для перекрытия жестких цветов */
[data-theme="dark"] html body.case-study .medium-article .article-content .article-section h2,
[data-theme="dark"] html body.case-study .medium-article .article-content h2,
[data-theme="dark"] html body.case-study .article-content .article-section h2,
[data-theme="dark"] html body.case-study .article-content h2,
[data-theme="dark"] html body.case-study .article-section h2,
[data-theme="dark"] html body .medium-article .article-content .article-section h2,
[data-theme="dark"] html body .medium-article .article-content h2,
[data-theme="dark"] html body .article-content .article-section h2,
[data-theme="dark"] html body .article-content h2,
[data-theme="dark"] html body .article-section h2,
[data-theme="dark"] body.case-study .medium-article .article-content .article-section h2,
[data-theme="dark"] body.case-study .medium-article .article-content h2,
[data-theme="dark"] body.case-study .article-content .article-section h2,
[data-theme="dark"] body.case-study .article-content h2,
[data-theme="dark"] body.case-study .article-section h2,
[data-theme="dark"] .medium-article .article-content .article-section h2,
[data-theme="dark"] .medium-article .article-content h2,
[data-theme="dark"] .article-content .article-section h2,
[data-theme="dark"] .article-content h2,
[data-theme="dark"] .article-section h2 {
    color: var(--color-text) !important;
}

/* Темная тема - H2 в медиа-запросах для больших экранов */
@media (min-width: 1920px) {
    [data-theme="dark"] html body.case-study .medium-article .article-content .article-section h2,
    [data-theme="dark"] html body.case-study .medium-article .article-content h2,
    [data-theme="dark"] html body.case-study .article-content .article-section h2,
    [data-theme="dark"] html body.case-study .article-content h2,
    [data-theme="dark"] html body.case-study .article-section h2,
    [data-theme="dark"] html body .medium-article .article-content .article-section h2,
    [data-theme="dark"] html body .medium-article .article-content h2,
    [data-theme="dark"] html body .article-content .article-section h2,
    [data-theme="dark"] html body .article-content h2,
    [data-theme="dark"] html body .article-section h2,
    [data-theme="dark"] body.case-study .medium-article .article-content .article-section h2,
    [data-theme="dark"] body.case-study .medium-article .article-content h2,
    [data-theme="dark"] body.case-study .article-content .article-section h2,
    [data-theme="dark"] body.case-study .article-content h2,
    [data-theme="dark"] body.case-study .article-section h2,
    [data-theme="dark"] .medium-article .article-content .article-section h2,
    [data-theme="dark"] .medium-article .article-content h2,
    [data-theme="dark"] .article-content .article-section h2,
    [data-theme="dark"] .article-content h2,
    [data-theme="dark"] .article-section h2 {
        color: var(--color-text) !important;
    }
}

@media (min-width: 2560px) {
    [data-theme="dark"] html body.case-study .medium-article .article-content .article-section h2,
    [data-theme="dark"] html body.case-study .medium-article .article-content h2,
    [data-theme="dark"] html body.case-study .article-content .article-section h2,
    [data-theme="dark"] html body.case-study .article-content h2,
    [data-theme="dark"] html body.case-study .article-section h2,
    [data-theme="dark"] html body .medium-article .article-content .article-section h2,
    [data-theme="dark"] html body .medium-article .article-content h2,
    [data-theme="dark"] html body .article-content .article-section h2,
    [data-theme="dark"] html body .article-content h2,
    [data-theme="dark"] html body .article-section h2,
    [data-theme="dark"] body.case-study .medium-article .article-content .article-section h2,
    [data-theme="dark"] body.case-study .medium-article .article-content h2,
    [data-theme="dark"] body.case-study .article-content .article-section h2,
    [data-theme="dark"] body.case-study .article-content h2,
    [data-theme="dark"] body.case-study .article-section h2,
    [data-theme="dark"] .medium-article .article-content .article-section h2,
    [data-theme="dark"] .medium-article .article-content h2,
    [data-theme="dark"] .article-content .article-section h2,
    [data-theme="dark"] .article-content h2,
    [data-theme="dark"] .article-section h2 {
        color: var(--color-text) !important;
    }
}

@media (max-width: 767px) {
    [data-theme="dark"] html body.case-study .medium-article .article-content .article-section h2,
    [data-theme="dark"] html body.case-study .medium-article .article-content h2,
    [data-theme="dark"] html body.case-study .article-content .article-section h2,
    [data-theme="dark"] html body.case-study .article-content h2,
    [data-theme="dark"] html body.case-study .article-section h2,
    [data-theme="dark"] html body .medium-article .article-content .article-section h2,
    [data-theme="dark"] html body .medium-article .article-content h2,
    [data-theme="dark"] html body .article-content .article-section h2,
    [data-theme="dark"] html body .article-content h2,
    [data-theme="dark"] html body .article-section h2,
    [data-theme="dark"] body.case-study .medium-article .article-content .article-section h2,
    [data-theme="dark"] body.case-study .medium-article .article-content h2,
    [data-theme="dark"] body.case-study .article-content .article-section h2,
    [data-theme="dark"] body.case-study .article-content h2,
    [data-theme="dark"] body.case-study .article-section h2,
    [data-theme="dark"] .medium-article .article-content .article-section h2,
    [data-theme="dark"] .medium-article .article-content h2,
    [data-theme="dark"] .article-content .article-section h2,
    [data-theme="dark"] .article-content h2,
    [data-theme="dark"] .article-section h2 {
        color: var(--color-text) !important;
    }
}

/* Темная тема - правый сайдбар навигации (фон прозрачный, использует фон body) */
[data-theme="dark"] .article-sidebar-nav {
    background-color: transparent !important;
}

[data-theme="dark"] .article-sidebar-nav .nav-link {
    color: var(--color-text) !important;
}

[data-theme="dark"] .article-sidebar-nav .nav-link:hover,
[data-theme="dark"] .article-sidebar-nav .nav-link.active {
    background: var(--color-bg-secondary) !important;
    color: var(--color-text) !important;
}

[data-theme="dark"] .article-sidebar-nav .nav-list {
    color: var(--color-text) !important;
}

/* Темная тема - SVG логотип треугольник (перекрашиваем в белый) */
[data-theme="dark"] .sidebar-logo-icon,
[data-theme="dark"] .preloader-logo-icon,
[data-theme="dark"] .mobile-logo-icon {
    filter: brightness(0) saturate(100%) invert(1) !important;
}

[data-theme="dark"] .main-content {
    background-color: transparent !important;
}

[data-theme="dark"] .medium-article,
[data-theme="dark"] .article-content,
[data-theme="dark"] .article-section {
    background-color: transparent !important;
}

/* Темная тема - подчеркивание всех ссылок в контенте */
[data-theme="dark"] .article-content a,
[data-theme="dark"] .article-section a,
[data-theme="dark"] .medium-article a {
    color: var(--color-text);
}

[data-theme="dark"] .article-content a:hover,
[data-theme="dark"] .article-section a:hover,
[data-theme="dark"] .medium-article a:hover {
    text-decoration: underline;
    text-decoration-color: var(--color-text);
    text-underline-offset: 4px;
}

/* Темная тема - таблицы - все границы перекрашиваем в светлый цвет */
/* В светлой теме границы остаются черными (#000000) из базовых правил */
[data-theme="dark"] .results-table-container {
    border: none !important;
}

[data-theme="dark"] .results-table {
    border-top: 2px solid var(--color-text) !important;
    border-bottom: 2px solid var(--color-text) !important;
    border-left: none !important;
    border-right: none !important;
    background: transparent !important;
}

[data-theme="dark"] .results-table thead {
    background: transparent !important;
}

[data-theme="dark"] .results-table thead tr {
    border-bottom: none !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
}

[data-theme="dark"] .results-table thead tr th {
    border-bottom: 2px solid var(--color-text) !important;
    border-right: 1px solid var(--color-text) !important;
    border-top: none !important;
    border-left: none !important;
    color: var(--color-text) !important;
}

[data-theme="dark"] .results-table th {
    border-bottom: 2px solid var(--color-text) !important;
    border-right: 1px solid var(--color-text) !important;
    border-top: none !important;
    border-left: none !important;
    color: var(--color-text) !important;
}

[data-theme="dark"] .results-table th:last-child {
    border-right: none !important;
}

[data-theme="dark"] .results-table tbody {
    background: transparent !important;
}

[data-theme="dark"] .results-table tbody tr {
    border-bottom: 1px solid var(--color-text) !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    background: transparent !important;
}

[data-theme="dark"] .results-table tbody tr:hover {
    background-color: transparent !important;
}

[data-theme="dark"] .results-table tbody tr:last-child {
    border-bottom: none !important;
}

[data-theme="dark"] .results-table tbody tr td {
    border-right: 1px solid var(--color-text) !important;
    border-top: none !important;
    border-bottom: none !important;
    border-left: none !important;
    color: var(--color-text) !important;
}

[data-theme="dark"] .results-table td {
    border-right: 1px solid var(--color-text) !important;
    border-top: none !important;
    border-bottom: none !important;
    border-left: none !important;
    color: var(--color-text) !important;
}

[data-theme="dark"] .results-table td:last-child {
    border-right: none !important;
}

[data-theme="dark"] .results-table td:first-child {
    border-left: none !important;
}

/* Убеждаемся, что в светлой теме границы остаются черными */
:not([data-theme="dark"]) .results-table {
    border-top: 2px solid #000000 !important;
    border-bottom: 2px solid #000000 !important;
}

:not([data-theme="dark"]) .results-table th {
    border-bottom: 2px solid #000000 !important;
    border-right: 1px solid #000000 !important;
}

:not([data-theme="dark"]) .results-table tbody tr {
    border-bottom: 1px solid #000000 !important;
}

:not([data-theme="dark"]) .results-table td {
    border-right: 1px solid #000000 !important;
}

/* Темная тема - таблицы с высокой специфичностью для перекрытия жестких цветов */
[data-theme="dark"] .results-table td:first-child,
[data-theme="dark"] .results-table td:nth-child(2),
[data-theme="dark"] .results-table td:nth-child(3),
[data-theme="dark"] .results-table td:last-child,
[data-theme="dark"] .results-table .positive,
[data-theme="dark"] .results-table .negative {
    color: var(--color-text) !important;
}

[data-theme="dark"] .cta-wrapper {
    border-top-color: var(--color-text) !important;
    border-bottom-color: var(--color-text) !important;
}

[data-theme="dark"] .cta-actions {
    border-top-color: var(--color-text) !important;
}

/* Темная тема - применение к основным элементам контента */
[data-theme="dark"] .article-title,
[data-theme="dark"] .article-content h2,
[data-theme="dark"] .article-content h3,
[data-theme="dark"] .article-content p,
[data-theme="dark"] .article-content li,
[data-theme="dark"] .article-section h2,
[data-theme="dark"] .article-section h3,
[data-theme="dark"] .article-section p,
[data-theme="dark"] .article-section li {
    color: var(--color-text) !important;
}

[data-theme="dark"] .cta-wrapper h2,
[data-theme="dark"] .cta-wrapper p {
    color: var(--color-text) !important;
}

/* Темная тема - CTA кнопки и Share кнопки с высокой специфичностью для перекрытия жестких цветов */
[data-theme="dark"] html body .main-content.fade-in .medium-article .article-content .cta-wrapper .cta-button--black,
[data-theme="dark"] html body .main-content .medium-article .article-content .cta-wrapper .cta-button--black,
[data-theme="dark"] html body .article-content .cta-wrapper .cta-button--black,
[data-theme="dark"] html body .main-content.fade-in .medium-article .article-content .cta-actions .cta-button--black,
[data-theme="dark"] html body .main-content .medium-article .article-content .cta-actions .cta-button--black,
[data-theme="dark"] html body .article-content .cta-actions .cta-button--black,
[data-theme="dark"] body .main-content .medium-article .article-content .cta-wrapper .cta-button--black,
[data-theme="dark"] body .article-content .cta-wrapper .cta-button--black,
[data-theme="dark"] body .main-content .medium-article .article-content .cta-actions .cta-button--black,
[data-theme="dark"] body .article-content .cta-actions .cta-button--black,
[data-theme="dark"] .cta-wrapper .cta-button--black,
[data-theme="dark"] .cta-actions .cta-button--black,
[data-theme="dark"] a.cta-button--black,
[data-theme="dark"] .cta-button--black {
    color: var(--color-text) !important;
}

[data-theme="dark"] html body .main-content.fade-in .medium-article .article-content .cta-wrapper .cta-button--black:hover,
[data-theme="dark"] html body .main-content .medium-article .article-content .cta-wrapper .cta-button--black:hover,
[data-theme="dark"] html body .article-content .cta-wrapper .cta-button--black:hover,
[data-theme="dark"] html body .main-content.fade-in .medium-article .article-content .cta-actions .cta-button--black:hover,
[data-theme="dark"] html body .main-content .medium-article .article-content .cta-actions .cta-button--black:hover,
[data-theme="dark"] html body .article-content .cta-actions .cta-button--black:hover,
[data-theme="dark"] body .main-content .medium-article .article-content .cta-wrapper .cta-button--black:hover,
[data-theme="dark"] body .article-content .cta-wrapper .cta-button--black:hover,
[data-theme="dark"] body .main-content .medium-article .article-content .cta-actions .cta-button--black:hover,
[data-theme="dark"] body .article-content .cta-actions .cta-button--black:hover,
[data-theme="dark"] .cta-wrapper .cta-button--black:hover,
[data-theme="dark"] .cta-actions .cta-button--black:hover,
[data-theme="dark"] a.cta-button--black:hover,
[data-theme="dark"] .cta-button--black:hover {
    color: var(--color-text) !important;
    text-decoration-color: var(--color-text) !important;
}

[data-theme="dark"] html body .main-content.fade-in .medium-article .article-content .cta-wrapper .cta-button--black .button-text,
[data-theme="dark"] html body .main-content .medium-article .article-content .cta-wrapper .cta-button--black .button-text,
[data-theme="dark"] html body .article-content .cta-wrapper .cta-button--black .button-text,
[data-theme="dark"] html body .main-content.fade-in .medium-article .article-content .cta-actions .cta-button--black .button-text,
[data-theme="dark"] html body .main-content .medium-article .article-content .cta-actions .cta-button--black .button-text,
[data-theme="dark"] html body .article-content .cta-actions .cta-button--black .button-text,
[data-theme="dark"] body .main-content .medium-article .article-content .cta-wrapper .cta-button--black .button-text,
[data-theme="dark"] body .article-content .cta-wrapper .cta-button--black .button-text,
[data-theme="dark"] body .main-content .medium-article .article-content .cta-actions .cta-button--black .button-text,
[data-theme="dark"] body .article-content .cta-actions .cta-button--black .button-text,
[data-theme="dark"] .cta-wrapper .cta-button--black .button-text,
[data-theme="dark"] .cta-actions .cta-button--black .button-text,
[data-theme="dark"] a.cta-button--black .button-text,
[data-theme="dark"] .cta-button--black .button-text,
[data-theme="dark"] html body .main-content.fade-in .medium-article .article-content .cta-wrapper .cta-button--black:hover .button-text,
[data-theme="dark"] html body .main-content .medium-article .article-content .cta-wrapper .cta-button--black:hover .button-text,
[data-theme="dark"] html body .article-content .cta-wrapper .cta-button--black:hover .button-text,
[data-theme="dark"] html body .main-content.fade-in .medium-article .article-content .cta-actions .cta-button--black:hover .button-text,
[data-theme="dark"] html body .main-content .medium-article .article-content .cta-actions .cta-button--black:hover .button-text,
[data-theme="dark"] html body .article-content .cta-actions .cta-button--black:hover .button-text,
[data-theme="dark"] body .main-content .medium-article .article-content .cta-wrapper .cta-button--black:hover .button-text,
[data-theme="dark"] body .article-content .cta-wrapper .cta-button--black:hover .button-text,
[data-theme="dark"] body .main-content .medium-article .article-content .cta-actions .cta-button--black:hover .button-text,
[data-theme="dark"] body .article-content .cta-actions .cta-button--black:hover .button-text,
[data-theme="dark"] .cta-wrapper .cta-button--black:hover .button-text,
[data-theme="dark"] .cta-actions .cta-button--black:hover .button-text,
[data-theme="dark"] a.cta-button--black:hover .button-text,
[data-theme="dark"] .cta-button--black:hover .button-text {
    color: var(--color-text) !important;
}

[data-theme="dark"] html body .main-content.fade-in .medium-article .article-content .cta-wrapper .cta-button--black .badge-icon i[data-lucide],
[data-theme="dark"] html body .main-content .medium-article .article-content .cta-wrapper .cta-button--black .badge-icon i[data-lucide],
[data-theme="dark"] html body .article-content .cta-wrapper .cta-button--black .badge-icon i[data-lucide],
[data-theme="dark"] html body .main-content.fade-in .medium-article .article-content .cta-actions .cta-button--black .badge-icon i[data-lucide],
[data-theme="dark"] html body .main-content .medium-article .article-content .cta-actions .cta-button--black .badge-icon i[data-lucide],
[data-theme="dark"] html body .article-content .cta-actions .cta-button--black .badge-icon i[data-lucide],
[data-theme="dark"] body .main-content .medium-article .article-content .cta-wrapper .cta-button--black .badge-icon i[data-lucide],
[data-theme="dark"] body .article-content .cta-wrapper .cta-button--black .badge-icon i[data-lucide],
[data-theme="dark"] body .main-content .medium-article .article-content .cta-actions .cta-button--black .badge-icon i[data-lucide],
[data-theme="dark"] body .article-content .cta-actions .cta-button--black .badge-icon i[data-lucide],
[data-theme="dark"] .cta-wrapper .cta-button--black .badge-icon i[data-lucide],
[data-theme="dark"] .cta-actions .cta-button--black .badge-icon i[data-lucide],
[data-theme="dark"] a.cta-button--black .badge-icon i[data-lucide],
[data-theme="dark"] .cta-button--black .badge-icon i[data-lucide],
[data-theme="dark"] html body .main-content.fade-in .medium-article .article-content .cta-wrapper .cta-button--black .badge-icon svg,
[data-theme="dark"] html body .main-content .medium-article .article-content .cta-wrapper .cta-button--black .badge-icon svg,
[data-theme="dark"] html body .article-content .cta-wrapper .cta-button--black .badge-icon svg,
[data-theme="dark"] html body .main-content.fade-in .medium-article .article-content .cta-actions .cta-button--black .badge-icon svg,
[data-theme="dark"] html body .main-content .medium-article .article-content .cta-actions .cta-button--black .badge-icon svg,
[data-theme="dark"] html body .article-content .cta-actions .cta-button--black .badge-icon svg,
[data-theme="dark"] body .main-content .medium-article .article-content .cta-wrapper .cta-button--black .badge-icon svg,
[data-theme="dark"] body .article-content .cta-wrapper .cta-button--black .badge-icon svg,
[data-theme="dark"] body .main-content .medium-article .article-content .cta-actions .cta-button--black .badge-icon svg,
[data-theme="dark"] body .article-content .cta-actions .cta-button--black .badge-icon svg,
[data-theme="dark"] .cta-wrapper .cta-button--black .badge-icon svg,
[data-theme="dark"] .cta-actions .cta-button--black .badge-icon svg,
[data-theme="dark"] a.cta-button--black .badge-icon svg,
[data-theme="dark"] .cta-button--black .badge-icon svg {
    color: var(--color-text) !important;
}

/* Темная тема - Share кнопки с высокой специфичностью */
[data-theme="dark"] html body .main-content.fade-in .medium-article .article-content .article-header .share-button,
[data-theme="dark"] html body .main-content.fade-in .medium-article .article-content .cta-wrapper .share-button,
[data-theme="dark"] html body .main-content .medium-article .article-content .article-header .share-button,
[data-theme="dark"] html body .main-content .medium-article .article-content .cta-wrapper .share-button,
[data-theme="dark"] html body .article-content .article-header .share-button,
[data-theme="dark"] html body .article-content .cta-wrapper .share-button,
[data-theme="dark"] body .main-content .medium-article .article-content .article-header .share-button,
[data-theme="dark"] body .main-content .medium-article .article-content .cta-wrapper .share-button,
[data-theme="dark"] body .article-content .article-header .share-button,
[data-theme="dark"] body .article-content .cta-wrapper .share-button,
[data-theme="dark"] .cta-wrapper button.share-button,
[data-theme="dark"] .article-header button.share-button,
[data-theme="dark"] .cta-wrapper .share-button,
[data-theme="dark"] .article-header .share-button,
[data-theme="dark"] button.share-button,
[data-theme="dark"] .share-button {
    color: var(--color-text) !important;
}

[data-theme="dark"] html body .main-content.fade-in .medium-article .article-content .article-header .share-button:hover,
[data-theme="dark"] html body .main-content.fade-in .medium-article .article-content .cta-wrapper .share-button:hover,
[data-theme="dark"] html body .main-content .medium-article .article-content .article-header .share-button:hover,
[data-theme="dark"] html body .main-content .medium-article .article-content .cta-wrapper .share-button:hover,
[data-theme="dark"] html body .article-content .article-header .share-button:hover,
[data-theme="dark"] html body .article-content .cta-wrapper .share-button:hover,
[data-theme="dark"] body .main-content .medium-article .article-content .article-header .share-button:hover,
[data-theme="dark"] body .main-content .medium-article .article-content .cta-wrapper .share-button:hover,
[data-theme="dark"] body .article-content .article-header .share-button:hover,
[data-theme="dark"] body .article-content .cta-wrapper .share-button:hover,
[data-theme="dark"] .cta-wrapper button.share-button:hover,
[data-theme="dark"] .article-header button.share-button:hover,
[data-theme="dark"] .cta-wrapper .share-button:hover,
[data-theme="dark"] .article-header .share-button:hover,
[data-theme="dark"] button.share-button:hover,
[data-theme="dark"] .share-button:hover {
    color: var(--color-text) !important;
    text-decoration-color: var(--color-text) !important;
}

[data-theme="dark"] html body .main-content.fade-in .medium-article .article-content .article-header .share-button span,
[data-theme="dark"] html body .main-content.fade-in .medium-article .article-content .cta-wrapper .share-button span,
[data-theme="dark"] html body .main-content .medium-article .article-content .article-header .share-button span,
[data-theme="dark"] html body .main-content .medium-article .article-content .cta-wrapper .share-button span,
[data-theme="dark"] html body .article-content .article-header .share-button span,
[data-theme="dark"] html body .article-content .cta-wrapper .share-button span,
[data-theme="dark"] body .main-content .medium-article .article-content .article-header .share-button span,
[data-theme="dark"] body .main-content .medium-article .article-content .cta-wrapper .share-button span,
[data-theme="dark"] body .article-content .article-header .share-button span,
[data-theme="dark"] body .article-content .cta-wrapper .share-button span,
[data-theme="dark"] .cta-wrapper .share-button span,
[data-theme="dark"] .article-header .share-button span,
[data-theme="dark"] button.share-button span,
[data-theme="dark"] .share-button span,
[data-theme="dark"] html body .main-content.fade-in .medium-article .article-content .article-header .share-button:hover span,
[data-theme="dark"] html body .main-content.fade-in .medium-article .article-content .cta-wrapper .share-button:hover span,
[data-theme="dark"] html body .main-content .medium-article .article-content .article-header .share-button:hover span,
[data-theme="dark"] html body .main-content .medium-article .article-content .cta-wrapper .share-button:hover span,
[data-theme="dark"] html body .article-content .article-header .share-button:hover span,
[data-theme="dark"] html body .article-content .cta-wrapper .share-button:hover span,
[data-theme="dark"] body .main-content .medium-article .article-content .article-header .share-button:hover span,
[data-theme="dark"] body .main-content .medium-article .article-content .cta-wrapper .share-button:hover span,
[data-theme="dark"] body .article-content .article-header .share-button:hover span,
[data-theme="dark"] body .article-content .cta-wrapper .share-button:hover span,
[data-theme="dark"] .cta-wrapper .share-button:hover span,
[data-theme="dark"] .article-header .share-button:hover span,
[data-theme="dark"] button.share-button:hover span,
[data-theme="dark"] .share-button:hover span {
    color: var(--color-text) !important;
    text-decoration: underline !important;
    text-decoration-color: var(--color-text) !important;
}

[data-theme="dark"] html body .main-content.fade-in .medium-article .article-content .article-header .share-button i[data-lucide] svg,
[data-theme="dark"] html body .main-content.fade-in .medium-article .article-content .cta-wrapper .share-button i[data-lucide] svg,
[data-theme="dark"] html body .main-content .medium-article .article-content .article-header .share-button i[data-lucide] svg,
[data-theme="dark"] html body .main-content .medium-article .article-content .cta-wrapper .share-button i[data-lucide] svg,
[data-theme="dark"] html body .article-content .article-header .share-button i[data-lucide] svg,
[data-theme="dark"] html body .article-content .cta-wrapper .share-button i[data-lucide] svg,
[data-theme="dark"] body .main-content .medium-article .article-content .article-header .share-button i[data-lucide] svg,
[data-theme="dark"] body .main-content .medium-article .article-content .cta-wrapper .share-button i[data-lucide] svg,
[data-theme="dark"] body .article-content .article-header .share-button i[data-lucide] svg,
[data-theme="dark"] body .article-content .cta-wrapper .share-button i[data-lucide] svg,
[data-theme="dark"] .cta-wrapper .share-button i[data-lucide] svg,
[data-theme="dark"] .article-header .share-button i[data-lucide] svg,
[data-theme="dark"] button.share-button i[data-lucide] svg,
[data-theme="dark"] .share-button i[data-lucide] svg,
[data-theme="dark"] html body .main-content.fade-in .medium-article .article-content .article-header .share-button svg,
[data-theme="dark"] html body .main-content.fade-in .medium-article .article-content .cta-wrapper .share-button svg,
[data-theme="dark"] html body .main-content .medium-article .article-content .article-header .share-button svg,
[data-theme="dark"] html body .main-content .medium-article .article-content .cta-wrapper .share-button svg,
[data-theme="dark"] html body .article-content .article-header .share-button svg,
[data-theme="dark"] html body .article-content .cta-wrapper .share-button svg,
[data-theme="dark"] body .main-content .medium-article .article-content .article-header .share-button svg,
[data-theme="dark"] body .main-content .medium-article .article-content .cta-wrapper .share-button svg,
[data-theme="dark"] body .article-content .article-header .share-button svg,
[data-theme="dark"] body .article-content .cta-wrapper .share-button svg,
[data-theme="dark"] .cta-wrapper button.share-button svg,
[data-theme="dark"] .article-header button.share-button svg,
[data-theme="dark"] .cta-wrapper .share-button svg,
[data-theme="dark"] .article-header .share-button svg,
[data-theme="dark"] button.share-button svg,
[data-theme="dark"] .share-button svg {
    color: var(--color-text) !important;
}

[data-theme="dark"] .data-point {
    border-left-color: var(--color-text) !important;
}

[data-theme="dark"] .section-divider,
[data-theme="dark"] .divider-1,
[data-theme="dark"] .divider-2,
[data-theme="dark"] .divider-3,
[data-theme="dark"] .divider-4,
[data-theme="dark"] .divider-5,
[data-theme="dark"] .divider-6,
[data-theme="dark"] .divider-7,
[data-theme="dark"] .divider-8 {
    background-color: var(--color-border) !important;
}

/* Синхронизация расстояния от левого края до логотипа с прелоадером */
/* Десктоп: padding-left sidebar-content (20px) + margin-left sidebar-logo (80px) + padding-left sidebar-logo (8px) = 108px */
/* Прелоадер: left: 108px ✓ */

@media (min-width: 800px) and (max-width: 1023px) {
    /* Планшет: прелоадер left: 32px, сайдбар должен быть 32px */
    .left-sidebar-nav .sidebar-content {
        padding-left: 12px !important;
    }
    .left-sidebar-nav .sidebar-logo {
        margin-left: 12px !important;
        padding-left: 8px !important;
    }
    .left-sidebar-nav .nav-section-list {
        margin-left: 12px !important;
    }
    /* Итого: 12 + 12 + 8 = 32px */
}

@media (min-width: 600px) and (max-width: 799px) {
    /* Планшет: прелоадер left: 28px, сайдбар должен быть 28px */
    .left-sidebar-nav .sidebar-content {
        padding-left: 10px !important;
    }
    .left-sidebar-nav .sidebar-logo {
        margin-left: 10px !important;
        padding-left: 8px !important;
    }
    .left-sidebar-nav .nav-section-list {
        margin-left: 10px !important;
    }
    /* Итого: 10 + 10 + 8 = 28px */
}

@media (min-width: 550px) and (max-width: 599px) {
    /* Мобильный: прелоадер left: 24px, сайдбар должен быть 24px */
    .left-sidebar-nav .sidebar-content {
        padding-left: 8px !important;
    }
    .left-sidebar-nav .sidebar-logo {
        margin-left: 8px !important;
        padding-left: 8px !important;
    }
    .left-sidebar-nav .nav-section-list {
        margin-left: 8px !important;
    }
    /* Итого: 8 + 8 + 8 = 24px */
}

@media (min-width: 420px) and (max-width: 549px) {
    /* Мобильный: прелоадер left: 20px, сайдбар должен быть 20px */
    .left-sidebar-nav .sidebar-content {
        padding-left: 6px !important;
    }
    .left-sidebar-nav .sidebar-logo {
        margin-left: 6px !important;
        padding-left: 8px !important;
    }
    .left-sidebar-nav .nav-section-list {
        margin-left: 6px !important;
    }
    /* Итого: 6 + 6 + 8 = 20px */
}

@media (min-width: 320px) and (max-width: 419px) {
    /* Мобильный: прелоадер left: 16px, сайдбар должен быть 16px */
    .left-sidebar-nav .sidebar-content {
        padding-left: 4px !important;
    }
    .left-sidebar-nav .sidebar-logo {
        margin-left: 4px !important;
        padding-left: 8px !important;
    }
    .left-sidebar-nav .nav-section-list {
        margin-left: 4px !important;
    }
    /* Итого: 4 + 4 + 8 = 16px */
}

.left-sidebar-nav .nav-section-list {
    margin-left: 80px !important;
}

.left-sidebar-nav .nav-item {
    display: inline-flex !important;
    padding: 6px 8px !important;
    border-radius: 9999px !important;
    border-left: none !important;
    margin-left: 0 !important;
    color: #1A1A1A !important;
    transition: color 0.3s ease, background-color 0.3s ease !important;
}

/* Темная тема - nav-item */
[data-theme="dark"] .left-sidebar-nav .nav-item {
    color: var(--color-text) !important;
}

/* Газетный стиль ховера - строгое изменение без подчеркивания */
.left-sidebar-nav .nav-item:hover {
    background: #F5F5F5 !important;
    transition: background-color 0.2s ease !important;
}

/* Темная тема - hover nav-item */
[data-theme="dark"] .left-sidebar-nav .nav-item:hover {
    background: var(--color-bg-secondary) !important;
}

/* Активный пункт навигации — padding-left 6px как у .nav-item, иначе сдвиг вправо */
.left-sidebar-nav .nav-item.active {
    color: #000000 !important;
    font-weight: 500 !important;
    background: #F5F5F5 !important;
    border-left: none !important;
    padding-left: 6px !important;
    transition: background-color 0.15s ease, color 0.3s ease !important;
}

/* Темная тема - active nav-item */
[data-theme="dark"] .left-sidebar-nav .nav-item.active {
    color: var(--color-text) !important;
    background: var(--color-bg-secondary) !important;
}

/* Исправление цвета nav-badge - чёрный цвет типографики */
.left-sidebar-nav .nav-badge {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-left: 8px !important;
    padding: 4px 8px !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    color: #FFFFFF !important;
}

/* Темная тема - nav-badge (инвертируем цвета: светлый фон, темный текст) */
[data-theme="dark"] .left-sidebar-nav .nav-badge,
[data-theme="dark"] .nav-badge,
[data-theme="dark"] .article-sidebar-nav .nav-badge {
    color: #000000 !important;
    background: #FFFFFF !important;
}
    background: #000000 !important;
    border-radius: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.02em !important;
    vertical-align: middle !important;
    min-height: 18px !important;
    box-sizing: border-box !important;
}

/* Medium Article Container - общие стили для всех кейсов */
.medium-article {
    padding-top: 0;
    max-width: 688px;
    margin: 0 auto;
    padding-left: 0;
    padding-right: 0;
}

/* iPad (768px - 1023px): 1024 = десктоп */
@media (min-width: 768px) and (max-width: 1023px) {
    .left-sidebar-nav {
        width: 200px !important;
    }
    
    /* Уменьшаем отступы внутри сайдбара */
    .left-sidebar-nav .sidebar-content {
        padding-left: 20px !important;
        padding-right: 0 !important;
    }
    
    .left-sidebar-nav .sidebar-logo {
        margin-left: 0 !important;
        padding-left: 0 !important;
    }
    
    .left-sidebar-nav .nav-section-list {
        margin-left: 0 !important;
        padding-right: 0 !important;
    }
    
    .left-sidebar-nav .nav-section-title {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    .left-sidebar-nav .nav-item {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    body .main-content,
    html body .main-content {
        padding-left: 200px !important;
        padding-right: 40px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        max-width: 100% !important;
    }
    
    .medium-article {
        max-width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

/* Для больших экранов (27 дюймов и больше) - увеличиваем ширину контента */
@media (min-width: 1920px) {
    .medium-article {
        max-width: 1000px;
    }
    
    .cta-wrapper {
        max-width: 1000px;
    }
    
    /* Расширение меню для больших экранов - чтобы текст не переносился */
    .left-sidebar-nav {
        width: 360px !important;
    }
    
    .article-sidebar-nav {
        width: 360px !important;
    }
    
    /* Обновляем padding для main-content */
    body .main-content,
    html body .main-content {
        padding-left: 360px !important;
        padding-right: 360px !important;
        max-width: calc(1000px + 360px + 360px) !important;
    }
    
    /* Убираем перенос текста в меню */
    .left-sidebar-nav .nav-item {
        white-space: nowrap !important;
    }
    
    .article-sidebar-nav .nav-link {
        white-space: nowrap !important;
    }
    
    /* Увеличение логотипа на 8px для больших экранов - синхронизация с прелоадером */
    .left-sidebar-nav .sidebar-logo {
        font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
        font-size: 28px !important;
        font-weight: 700 !important;
    }
    
    /* Увеличение размера текста внутри логотипа на больших экранах */
    .left-sidebar-nav .sidebar-logo,
    .left-sidebar-nav .sidebar-logo * {
        font-size: 28px !important;
        font-weight: 700 !important;
        font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
        line-height: 1.2 !important;
        letter-spacing: -0.01em !important;
    }
    
    .left-sidebar-nav .sidebar-logo-icon {
        width: 28px !important;
        height: 28px !important;
    }
    
    .left-sidebar-nav .sidebar-logo img:not(.sidebar-logo-icon) {
        display: none !important;
    }
    
    .left-sidebar-nav .nav-item {
        font-size: 22px !important;
    }
    
    .left-sidebar-nav .nav-section-title {
        font-size: 21px !important;
    }
    
    /* Увеличение правого меню на 8px для больших экранов */
    .article-sidebar-nav .logo {
        font-family: var(--font-editorial) !important;
        font-size: 38px !important;
        font-weight: 700 !important;
    }
    
    .article-sidebar-nav .logo img {
        display: none !important;
    }
    
    .article-sidebar-nav .nav-link {
        font-size: 21px !important;
    }
    
    /* Исправление закругления nav-badge на больших экранах */
    .nav-badge,
    .left-sidebar-nav .nav-badge,
    .article-sidebar-nav .nav-badge {
        border-radius: 9999px !important;
        font-size: 12px !important;
        padding: 5px 10px !important;
        min-height: 20px !important;
    }
    
    /* Расширение header и title на больших экранах */
    .article-header,
    body .article-header,
    html body .article-header {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
    }
    
    .article-header .article-title,
    body .article-header .article-title,
    html body .article-header .article-title {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
    }
    
    /* Расширение изображений и видео на больших экранах */
    .case-image,
    .case-video,
    .hero-image,
    .hero-video,
    .featured-image,
    .article-section img:not(.hero-image):not(.hero-video):not(.case-image):not(.case-video):not(.featured-image),
    .article-image img {
        width: 100% !important;
        max-width: 1000px !important;
        box-sizing: border-box !important;
    }
    
    .video-wrapper {
        max-width: 1000px !important;
    }
    
    /* Увеличение расстояний между секциями на больших экранах */
    .article-section {
        margin-bottom: 48px !important;
    }
    
    /* Уменьшаем отступы между секциями на iPad */
    @media (min-width: 768px) and (max-width: 1023px) {
        .article-section {
            margin-bottom: 32px !important;
        }
        
        .article-section + .article-section {
            margin-top: 48px !important;
        }
    }
    
    .article-content p {
        margin-bottom: 18px !important;
    }
}

/* Обычный десктоп (не самый широкий) - уменьшенные отступы */
/* Применяется для экранов 768px - 1919px */
@media (min-width: 768px) and (max-width: 1919px) {
    /* Удаляем все отступы снизу у article-header-content */
    .article-header .article-header-content {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
    
    /* Уменьшаем отступ от H1 до картинки - дополнительно уменьшено */
    .hero-header-wrapper .article-header {
        margin-bottom: 0 !important; /* Уменьшено с 32px на 32px */
    }
    
    /* Уменьшаем отступ от картинки до контента - дополнительно уменьшено */
    .hero-header-wrapper {
        padding-bottom: 0 !important; /* Уменьшено с 80px до 0 */
    }
}

@media (min-width: 2560px) {
    .medium-article {
        max-width: 1200px;
    }
    
    .cta-wrapper {
        max-width: 1200px;
    }
    
    /* Расширение меню для очень больших экранов - чтобы текст не переносился */
    .left-sidebar-nav {
        width: 400px !important;
    }
    
    .article-sidebar-nav {
        width: 400px !important;
    }
    
    /* Обновляем padding для main-content */
    body .main-content,
    html body .main-content {
        padding-left: 400px !important;
        padding-right: 400px !important;
        max-width: calc(1200px + 400px + 400px) !important;
    }
    
    /* Убираем перенос текста в меню */
    .left-sidebar-nav .nav-item {
        white-space: nowrap !important;
    }
    
    .article-sidebar-nav .nav-link {
        white-space: nowrap !important;
    }
    
    /* Увеличение логотипа на 8px для больших экранов - синхронизация с прелоадером */
    .left-sidebar-nav .sidebar-logo {
        font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
        font-size: 28px !important;
        font-weight: 700 !important;
    }
    
    /* Увеличение размера текста внутри логотипа на больших экранах */
    .left-sidebar-nav .sidebar-logo,
    .left-sidebar-nav .sidebar-logo * {
        font-size: 28px !important;
        font-weight: 700 !important;
        font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
        line-height: 1.2 !important;
        letter-spacing: -0.01em !important;
    }
    
    .left-sidebar-nav .sidebar-logo-icon {
        width: 28px !important;
        height: 28px !important;
    }
    
    .left-sidebar-nav .sidebar-logo img:not(.sidebar-logo-icon) {
        display: none !important;
    }
    
    .left-sidebar-nav .nav-item {
        font-size: 22px !important;
    }
    
    .left-sidebar-nav .nav-section-title {
        font-size: 21px !important;
    }
    
    /* Увеличение правого меню на 8px для очень больших экранов */
    .article-sidebar-nav .logo {
        font-family: var(--font-editorial) !important;
        font-size: 40px !important;
        font-weight: 700 !important;
    }
    
    .article-sidebar-nav .logo img {
        display: none !important;
    }
    
    .article-sidebar-nav .nav-link {
        font-size: 21px !important;
    }
    
    /* Исправление закругления nav-badge на очень больших экранах */
    .nav-badge,
    .left-sidebar-nav .nav-badge,
    .article-sidebar-nav .nav-badge {
        border-radius: 9999px !important;
        font-size: 14px !important;
        padding: 6px 12px !important;
        min-height: 22px !important;
    }
    
    /* Расширение header и title на очень больших экранах */
    .article-header,
    body .article-header,
    html body .article-header {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
    }
    
    .article-header .article-title,
    body .article-header .article-title,
    html body .article-header .article-title {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
    }
    
    /* Расширение изображений и видео на очень больших экранах */
    .case-image,
    .case-video,
    .hero-image,
    .hero-video,
    .featured-image,
    .article-section img:not(.hero-image):not(.hero-video):not(.case-image):not(.case-video):not(.featured-image),
    .article-image img {
        width: 100% !important;
        max-width: 1200px !important;
        box-sizing: border-box !important;
    }
    
    .video-wrapper {
        max-width: 1200px !important;
    }
    
    /* Увеличение расстояний между секциями на очень больших экранах */
    .article-section {
        margin-bottom: 56px !important;
    }
    
    .article-content p {
        margin-bottom: 20px !important;
    }
}

/* Article Content Container */
.article-content {
    width: 100%;
    padding: 0;
    margin: 72px 0 0 0;
    background: transparent;
    border-radius: 0;
    box-sizing: border-box;
}

/* Hero Header Wrapper - объединяет article-header и hero-image-section */
.hero-header-wrapper {
    width: 100%;
    padding-bottom: 0;
    box-sizing: border-box;
}

/* Article Header - Description + Lead Paragraph + Title Block. margin-bottom уменьшен для сближения с hero-картинкой */
.article-header {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    padding: 0;
    gap: 16px;
    margin: 0 0 8px 0;
    position: relative;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    box-sizing: border-box !important;
}

.article-header .article-title {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    box-sizing: border-box !important;
}

/* Удаляем все отступы снизу у article-header-content */
.article-header .article-header-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    flex: 1;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* Typography styles moved to Typography.css */

/* Share Button - ссылочный стиль (как contact-badge в about-me) */
html body .main-content .medium-article .article-content .article-header .share-button,
html body .main-content .medium-article .article-content .cta-wrapper .share-button,
html body .article-content .article-header .share-button,
html body .article-content .cta-wrapper .share-button,
body .main-content .medium-article .article-content .article-header .share-button,
body .main-content .medium-article .article-content .cta-wrapper .share-button,
body .article-content .article-header .share-button,
body .article-content .cta-wrapper .share-button,
.main-content .medium-article .article-content .article-header .share-button,
.main-content .medium-article .article-content .cta-wrapper .share-button,
.medium-article .article-content .article-header .share-button,
.medium-article .article-content .cta-wrapper .share-button,
.article-content .article-header .share-button,
.article-content .cta-wrapper .share-button,
.article-header .share-button,
.cta-wrapper .share-button,
button.share-button,
.share-button {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    color: #000000 !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    text-decoration: none !important;
    transition: text-decoration 0.2s ease, text-underline-offset 0.2s ease !important;
    border: none !important;
    position: relative !important;
    cursor: pointer !important;
    flex-shrink: 0 !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
    vertical-align: baseline !important;
    width: auto !important;
    height: auto !important;
    min-width: auto !important;
    min-height: auto !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    box-shadow: none !important;
    outline: none !important;
}

/* Газетный стиль ховера - подчеркивание текста (как contact-badge) */
html body .main-content .medium-article .article-content .article-header .share-button:hover,
html body .main-content .medium-article .article-content .cta-wrapper .share-button:hover,
html body .article-content .article-header .share-button:hover,
html body .article-content .cta-wrapper .share-button:hover,
body .main-content .medium-article .article-content .article-header .share-button:hover,
body .main-content .medium-article .article-content .cta-wrapper .share-button:hover,
body .article-content .article-header .share-button:hover,
body .article-content .cta-wrapper .share-button:hover,
.article-header .share-button:hover,
.cta-wrapper .share-button:hover,
button.share-button:hover,
.share-button:hover {
    background: transparent !important;
    background-color: transparent !important;
    color: #000000 !important;
    text-decoration: underline !important;
    text-decoration-color: #000000 !important;
    text-underline-offset: 4px !important;
    opacity: 1 !important;
}

html body .main-content .medium-article .article-content .article-header .share-button:hover span,
html body .main-content .medium-article .article-content .cta-wrapper .share-button:hover span,
html body .article-content .article-header .share-button:hover span,
html body .article-content .cta-wrapper .share-button:hover span,
body .main-content .medium-article .article-content .article-header .share-button:hover span,
body .main-content .medium-article .article-content .cta-wrapper .share-button:hover span,
body .article-content .article-header .share-button:hover span,
body .article-content .cta-wrapper .share-button:hover span,
.article-header .share-button:hover span,
.cta-wrapper .share-button:hover span,
button.share-button:hover span,
.share-button:hover span {
    text-decoration: underline !important;
    text-underline-offset: 4px !important;
    color: #000000 !important;
    text-decoration-color: #000000 !important;
}

html body .main-content .medium-article .article-content .article-header .share-button.active,
html body .main-content .medium-article .article-content .cta-wrapper .share-button.active,
html body .article-content .article-header .share-button.active,
html body .article-content .cta-wrapper .share-button.active,
body .main-content .medium-article .article-content .article-header .share-button.active,
body .main-content .medium-article .article-content .cta-wrapper .share-button.active,
body .article-content .article-header .share-button.active,
body .article-content .cta-wrapper .share-button.active,
.article-header .share-button.active,
.cta-wrapper .share-button.active,
button.share-button.active,
.share-button.active {
    background: transparent !important;
    background-color: transparent !important;
    color: #000000 !important;
}

html body .main-content .medium-article .article-content .article-header .share-button.active span,
html body .main-content .medium-article .article-content .cta-wrapper .share-button.active span,
html body .article-content .article-header .share-button.active span,
html body .article-content .cta-wrapper .share-button.active span,
body .main-content .medium-article .article-content .article-header .share-button.active span,
body .main-content .medium-article .article-content .cta-wrapper .share-button.active span,
body .article-content .article-header .share-button.active span,
body .article-content .cta-wrapper .share-button.active span,
.article-header .share-button.active span,
.cta-wrapper .share-button.active span,
button.share-button.active span,
.share-button.active span {
    text-decoration: underline !important;
    text-underline-offset: 4px !important;
    color: #000000 !important;
    text-decoration-color: #000000 !important;
}

/* Иконки в share-button - как в contact-badge */
html body .main-content .medium-article .article-content .article-header .share-button svg,
html body .main-content .medium-article .article-content .cta-wrapper .share-button svg,
html body .article-content .article-header .share-button svg,
html body .article-content .cta-wrapper .share-button svg,
body .main-content .medium-article .article-content .article-header .share-button svg,
body .main-content .medium-article .article-content .cta-wrapper .share-button svg,
body .article-content .article-header .share-button svg,
body .article-content .cta-wrapper .share-button svg,
.article-header .share-button svg,
.cta-wrapper .share-button svg,
button.share-button svg,
.share-button svg,
.article-header .share-button i[data-lucide],
.cta-wrapper .share-button i[data-lucide],
button.share-button i[data-lucide],
.share-button i[data-lucide],
.article-header .share-button i[data-lucide] svg,
.cta-wrapper .share-button i[data-lucide] svg,
button.share-button i[data-lucide] svg,
.share-button i[data-lucide] svg {
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    min-height: 16px !important;
    max-width: 16px !important;
    max-height: 16px !important;
    color: #000000 !important;
    flex-shrink: 0 !important;
    opacity: 0.7 !important;
    transition: opacity 0.2s ease !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

html body .main-content .medium-article .article-content .article-header .share-button:hover svg,
html body .main-content .medium-article .article-content .cta-wrapper .share-button:hover svg,
html body .article-content .article-header .share-button:hover svg,
html body .article-content .cta-wrapper .share-button:hover svg,
body .main-content .medium-article .article-content .article-header .share-button:hover svg,
body .main-content .medium-article .article-content .cta-wrapper .share-button:hover svg,
body .article-content .article-header .share-button:hover svg,
body .article-content .cta-wrapper .share-button:hover svg,
.article-header .share-button:hover svg,
.cta-wrapper .share-button:hover svg,
button.share-button:hover svg,
.share-button:hover svg,
.article-header .share-button:hover i[data-lucide],
.cta-wrapper .share-button:hover i[data-lucide],
button.share-button:hover i[data-lucide],
.share-button:hover i[data-lucide],
.article-header .share-button:hover i[data-lucide] svg,
.cta-wrapper .share-button:hover i[data-lucide] svg,
button.share-button:hover i[data-lucide] svg,
.share-button:hover i[data-lucide] svg {
    opacity: 1 !important;
}

.article-header .share-button svg circle,
.cta-wrapper .share-button svg circle {
    fill: currentColor;
}

.article-header .share-button svg line,
.cta-wrapper .share-button svg line {
    stroke: currentColor;
}

.article-header .share-button span,
.cta-wrapper .share-button span {
    font-family: 'Inter', sans-serif !important;
    font-style: normal;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    color: #000000 !important;
}

/* Share Dropdown Menu */
.article-header .share-dropdown,
.cta-wrapper .share-dropdown {
    position: absolute;
    top: 28px; /* Уменьшено с 56px, так как кнопка теперь без паддингов */
    right: 0;
    background: #FFFFFF;
    border-radius: 16px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    padding: 8px;
    min-width: 200px;
    z-index: 1000;
    display: none;
    flex-direction: column;
    gap: 4px;
}

.article-header .share-dropdown.show,
.cta-wrapper .share-dropdown.show {
    display: flex;
}

.article-header .share-dropdown-item,
.cta-wrapper .share-dropdown-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    border-radius: 12px;
    cursor: pointer;
    transition: none;
    text-decoration: none;
    color: #000000;
    /* Typography moved to Typography.css */
}

.article-header .share-dropdown-item:hover,
.cta-wrapper .share-dropdown-item:hover {
    background: #F5F5F5;
}

.article-header .share-dropdown-item svg,
.cta-wrapper .share-dropdown-item svg {
    width: 20px;
    height: 20px;
    stroke: #1A1A1A;
    flex-shrink: 0;
}

/* Article Section Base - Editorial Typography System */
.article-section {
    text-align: left;
    position: relative;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

/* Вертикальный ритм: между крупными секциями */
.article-section + .article-section {
    margin-top: clamp(120px, 15vw, 160px);
}

/* Remove bottom margin for last section */
.article-section:last-child {
    margin-bottom: 0;
}

/* Intro-блок отделён снизу */
#introduction {
    padding: 0;
    gap: 0;
    margin-bottom: 64px;
}

/* Логические блоки контента - spacing между блоками */
#problem,
#hypothesis,
#interviews,
#validation,
#pivot,
#design,
#components,
#launch,
#results,
#learnings {
    margin-top: clamp(64px, 8vw, 96px);
    margin-bottom: 0;
}

/* Отступы для параграфов внутри секций - используем margin вместо gap */
.article-section p {
    margin: 0 0 16px 0;
}

.article-section p:last-child {
    margin-bottom: 0;
}

/* Отступы для списков внутри секций */
.article-section ul {
    margin: 0 0 24px 0;
}

.article-section ul:last-child {
    margin-bottom: 0;
}

/* Разделители - Editorial Rules (тонкие линии) */
.section-divider {
    width: 100%;
    height: 1px;
    background-color: rgba(0, 0, 0, 0.1);
    margin: clamp(64px, 8vw, 96px) 0;
    padding: 0;
    border: none;
    display: block;
}

/* Dividers - редакционные линии */
.divider-1,
.divider-2,
.divider-3,
.divider-4,
.divider-5,
.divider-6,
.divider-7,
.divider-8,
.divider-9,
.divider-10,
.divider-11 {
    width: 100%;
    height: 1px;
    background: rgba(0, 0, 0, 0.1);
    margin: clamp(64px, 8vw, 96px) 0;
    padding: 0;
}

/* Typography styles moved to Typography.css */

/* Typography styles moved to Typography.css */

/* Case Study Meta Sections - Overview, Role, Process, Outcome */
.case-meta-section {
    margin-bottom: 32px;
}

/* Typography styles moved to Typography.css */
.case-meta-section {
    margin-bottom: 32px;
}

.case-meta-section ul {
    margin: 0 0 16px 0;
    padding: 0;
    list-style: none;
}

.case-meta-section ul li {
    margin: 0 0 8px 0;
    padding: 0 0 0 28px !important;
    position: relative;
    text-align: left;
    list-style: none !important;
    list-style-type: none !important;
}

.case-meta-section ul li:last-child {
    margin-bottom: 0;
}

/* Results Table Styles - Newspaper Style (как NY Times) */
.results-table-container {
    margin: 48px 0;
    overflow-x: auto;
    width: 100%;
    border-radius: 0;
    overflow: visible;
    border: none;
    -webkit-overflow-scrolling: touch;
}

.results-table {
    width: 100%;
    border-collapse: collapse;
    background: transparent;
    border: none;
    border-radius: 0;
    overflow: visible;
    font-family: 'Inter', sans-serif;
    border-top: 2px solid #000000;
    border-bottom: 2px solid #000000;
}

.results-table thead {
    background: transparent;
}

.results-table th {
    padding: 16px 20px;
    text-align: left;
    color: #000000;
    border-bottom: 2px solid #000000;
    border-right: 1px solid #000000;
    font-family: 'Playfair Display', 'Adobe Caslon Pro', 'Libre Caslon Text', Georgia, serif !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    letter-spacing: 0.05em !important;
    text-transform: uppercase !important;
    vertical-align: bottom;
}

.results-table th:last-child {
    border-right: none;
}

.results-table tbody tr {
    border-bottom: 1px solid #000000;
    transition: none;
}

.results-table tbody tr:hover {
    background-color: transparent;
}

.results-table tbody tr:last-child {
    border-bottom: none;
}

.results-table td {
    padding: 16px 20px;
    color: #000000;
    vertical-align: top;
    border-right: 1px solid #000000;
    font-family: 'Inter', sans-serif !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
    font-weight: 400 !important;
}

.results-table td:last-child {
    border-right: none;
}

.results-table td:first-child {
    font-weight: 500 !important;
    color: #000000 !important;
    font-family: 'Inter', sans-serif !important;
}

.results-table td:nth-child(2),
.results-table td:nth-child(3) {
    font-weight: 400 !important;
    color: #000000 !important;
    font-family: 'Inter', sans-serif !important;
}

.results-table td:last-child {
    color: #000000 !important;
    font-weight: 500 !important;
    font-family: 'Inter', sans-serif !important;
}

/* Темная тема - перекрытие базовых стилей таблицы ПОСЛЕ базовых правил */
[data-theme="dark"] .results-table {
    border-top: 2px solid var(--color-text) !important;
    border-bottom: 2px solid var(--color-text) !important;
    border-left: none !important;
    border-right: none !important;
}

[data-theme="dark"] .results-table th {
    border-bottom: 2px solid var(--color-text) !important;
    border-right: 1px solid var(--color-text) !important;
    border-top: none !important;
    border-left: none !important;
    color: var(--color-text) !important;
}

[data-theme="dark"] .results-table th:last-child {
    border-right: none !important;
}

[data-theme="dark"] .results-table tbody tr {
    border-bottom: 1px solid var(--color-text) !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
}

[data-theme="dark"] .results-table tbody tr:last-child {
    border-bottom: none !important;
}

[data-theme="dark"] .results-table td {
    border-right: 1px solid var(--color-text) !important;
    border-top: none !important;
    border-bottom: none !important;
    border-left: none !important;
    color: var(--color-text) !important;
}

[data-theme="dark"] .results-table td:last-child {
    border-right: none !important;
}

[data-theme="dark"] .results-table td:first-child {
    border-left: none !important;
    color: var(--color-text) !important;
}

[data-theme="dark"] .results-table td:nth-child(2),
[data-theme="dark"] .results-table td:nth-child(3) {
    color: var(--color-text) !important;
}

.results-table .positive {
    color: #000000 !important;
    font-weight: 500 !important;
}

.results-table .negative {
    color: #000000 !important;
    font-weight: 500 !important;
}

/* Chart Styles - Графики для метрик */
.chart-container {
    display: flex;
    flex-direction: column;
    gap: 48px;
    margin: 32px 0;
    width: 100%;
}

.chart-wrapper {
    background: transparent;
    border: none;
    border-radius: 0;
    padding: 32px 0;
    width: 100%;
    box-sizing: border-box;
}

.chart-title {
    color: #000000;
    margin: 0 0 24px 0;
    padding: 0;
    text-align: left;
}

.chart-legend {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 24px;
}

.legend-item {
    display: flex;
    align-items: center;
    gap: 8px;
}

.legend-line {
    width: 20px;
    height: 3px;
    border-radius: 2px;
    display: block;
    border: none;
}

.legend-line-dashed {
    background: repeating-linear-gradient(
        to right,
        #FB923C 0,
        #FB923C 4px,
        transparent 4px,
        transparent 8px
    ) !important;
}

.legend-marker {
    width: 12px;
    height: 12px;
    display: block;
    flex-shrink: 0;
}

.legend-marker-circle {
    border-radius: 50%;
}

.legend-marker-square {
    border-radius: 2px;
    transform: rotate(0deg);
}

.legend-marker-diamond {
    border-radius: 2px;
    transform: rotate(45deg);
}

.legend-marker.legend-line-dashed {
    background: repeating-linear-gradient(
        45deg,
        currentColor 0,
        currentColor 2px,
        transparent 2px,
        transparent 4px
    ) !important;
}

.legend-label {
    color: #4b5563;
}

.chart-content {
    display: flex;
    position: relative;
    width: 100%;
    min-height: 300px;
    margin-bottom: 0;
    align-items: flex-start;
}

.chart-y-axis {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-right: 12px;
    min-width: 45px;
    color: #6b7280;
    text-align: right;
    height: 300px;
    flex-shrink: 0;
}

.chart-y-axis-left {
    align-items: flex-end;
}

.chart-y-axis-right {
    align-items: flex-start;
    padding-left: 12px;
    padding-right: 0;
    min-width: 50px;
}

.chart-main {
    flex: 1;
    position: relative;
    height: 300px;
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding-left: 0;
    align-items: stretch;
    justify-content: flex-start;
}

.chart-main canvas {
    width: 100% !important;
    height: 300px !important;
}

.chart-x-axis {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 0 32px 0;
    color: #6b7280;
    margin-top: 0;
    margin-bottom: 0;
    width: 100%;
    box-sizing: border-box;
    position: relative;
    flex-shrink: 0;
}

.chart-x-axis span {
    text-align: center;
    white-space: nowrap;
    flex: 1 1 0;
    min-width: 0;
    position: relative;
    display: block;
    line-height: 1.2;
}

.chart-dual-axis {
    position: relative;
}

.chart-y-label {
    color: #6b7280;
    text-align: center;
    margin-top: 8px;
    padding: 0;
    width: 100%;
    display: block;
    position: relative;
}

.chart-y-label span {
    display: inline-block;
}

.chart-y-labels {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 8px;
    padding: 0;
    width: 100%;
    color: #6b7280;
    gap: 16px;
    position: relative;
}

.chart-y-label-left {
    color: #6b7280;
    text-align: left;
    flex: 1;
    min-width: 0;
    padding-right: 8px;
    box-sizing: border-box;
}

.chart-y-label-right {
    color: #6b7280;
    text-align: right;
    flex: 1;
    min-width: 0;
    padding-left: 8px;
    box-sizing: border-box;
}

/* Темная тема - стили для графиков */
[data-theme="dark"] .chart-title {
    color: var(--color-text, #FFFFFF) !important;
}

[data-theme="dark"] .legend-label {
    color: var(--color-text, #FFFFFF) !important;
    opacity: 0.8;
}

[data-theme="dark"] .chart-y-axis,
[data-theme="dark"] .chart-x-axis,
[data-theme="dark"] .chart-y-label,
[data-theme="dark"] .chart-y-labels,
[data-theme="dark"] .chart-y-label-left,
[data-theme="dark"] .chart-y-label-right,
[data-theme="dark"] .chart-x-axis span {
    color: rgba(255, 255, 255, 0.7) !important;
}

/* Mobile Responsive */
@media (max-width: 767px) {
    .chart-container {
        gap: 32px;
        margin: 24px 0;
    }
    
    .chart-wrapper {
        padding: 20px 0;
        background: transparent;
        border: none;
        border-radius: 0;
    }
    
    .chart-title {
        margin-bottom: 20px;
    }
    
    .chart-legend {
        gap: 12px;
        margin-bottom: 20px;
    }
    
    .chart-content {
        min-height: 240px;
    }
    
    .chart-y-axis {
        min-width: 32px;
        height: 240px;
    }
    
    .chart-main {
        height: 240px;
    }
    
    .chart-y-labels {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }
    
    .chart-y-label-left,
    .chart-y-label-right {
        text-align: left;
    }
}
    position: absolute;
    left: 0;
    color: #000000;
    font-weight: 700;
}

/* Numbered Process Steps */
.process-step {
    margin-bottom: 32px;
}

/* Если номер указан в атрибуте data-step, он будет добавлен автоматически */
.process-step h2[data-step]::before {
    content: attr(data-step) " ";
}

.process-step p {
    margin: 0 0 16px 0;
    padding: 0;
    text-align: left;
}

.process-step p:last-child {
    margin-bottom: 0;
}

/* Image Gallery Styles */
.image-gallery {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin: 0;
    padding: 0;
}

/* Базовые стили для image-item и gallery-item - контейнеры БЕЗ overflow и border */
/* Контейнеры не должны блокировать клики на изображения */
.image-item,
.image-item:focus,
.image-item:active,
a.image-item,
a.image-item:focus,
a.image-item:active {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
    border: none !important;
    border-width: 0 !important;
    border-style: none !important;
    border-color: transparent !important;
    border-radius: 0 !important;
    overflow: visible !important;
    outline: none !important;
    box-shadow: none !important;
    background: transparent !important;
    /* Не блокируем клики на изображения внутри */
    pointer-events: none;
}

.gallery-item,
.gallery-item:focus,
.gallery-item:active,
a.gallery-item,
a.gallery-item:focus,
a.gallery-item:active {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
    border: none !important;
    border-width: 0 !important;
    border-style: none !important;
    border-color: transparent !important;
    border-radius: 0 !important;
    overflow: visible !important;
    outline: none !important;
    box-shadow: none !important;
    background: transparent !important;
    /* Не блокируем клики на изображения внутри */
    pointer-events: none;
}

/* Case Images - контейнер обрезает изображения и видео */
/* Контейнеры имеют border-radius: 8px и overflow: hidden */
/* Изображения и видео имеют border-radius: 0px */
.case-image {
    width: 100%;
    height: auto;
    object-fit: contain;
    border-radius: 0 !important;
    border: none !important;
    box-shadow: none !important;
    cursor: pointer !important;
    margin: 0;
    display: block;
    box-sizing: border-box;
    transition: opacity 0.2s ease;
    /* Убеждаемся, что изображения кликабельны */
    pointer-events: auto !important;
}

.case-image:hover {
    opacity: 0.9;
}

.case-video {
    width: 100%;
    height: auto;
    object-fit: contain;
    border-radius: 0 !important;
    border: none !important;
    box-shadow: none !important;
    cursor: pointer !important;
    margin: 0;
    display: block;
    box-sizing: border-box;
    transition: opacity 0.2s ease;
}

.case-video:hover {
    opacity: 0.9;
}

/* Контейнер для видео - border-radius: 8px, overflow: hidden */
.video-wrapper {
    width: 100%;
    border-radius: 8px !important;
    overflow: hidden !important;
    border: 1px solid #E5E8EB !important;
    box-shadow: none !important;
    margin: clamp(48px, 6vw, 64px) 0 16px 0;
    box-sizing: border-box;
}

.video-wrapper video,
.video-wrapper iframe {
    border: none !important;
    border-radius: 0 !important;
    display: block;
    width: 100%;
    height: 100%;
}

/* Изображения - border-radius: 0px, контейнер обрезает */
.featured-image {
    width: 100%;
    max-width: 100%;
    height: auto;
    object-fit: contain;
    border-radius: 0 !important;
    border: none !important;
    box-shadow: none !important;
    display: block;
    margin: clamp(48px, 6vw, 64px) 0 16px 0;
    box-sizing: border-box;
}

/* Article Image Container - контейнер обрезает изображения */
/* Контейнер имеет border-radius: 8px и overflow: hidden */
.article-image {
    margin: clamp(48px, 6vw, 64px) 0 16px 0;
    padding: 0;
    text-align: left;
    border-radius: 8px !important;
    overflow: hidden !important;
    border: 1px solid #E5E8EB !important;
    box-sizing: border-box;
}

/* Общий стиль для всех изображений в статьях - border-radius: 0px */
.article-section img:not(.hero-image):not(.hero-video):not(.case-image):not(.case-video):not(.featured-image),
.article-image img:not(.featured-image) {
    object-fit: contain !important;
    max-width: 100%;
    height: auto;
    border-radius: 0 !important;
    border: none !important;
    box-shadow: none !important;
    margin: 0 !important;
    box-sizing: border-box;
}

/* Убираем обводку при ховере на изображения в статьях */
.article-section img:not(.hero-image):not(.hero-video):not(.case-image):not(.case-video):not(.featured-image):hover,
.article-image img:not(.featured-image):hover {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Картинка имеет обводку и border-radius, контейнер БЕЗ overflow и border */
/* Текст находится снаружи контейнера и не обрезается */
/* Изображения должны получать клики, даже если контейнер имеет pointer-events: none */
.image-item img,
.gallery-item img {
    margin: 0 !important;
    width: 100%;
    height: auto;
    display: block;
    border-radius: 8px !important;
    border: 1px solid #E5E8EB !important;
    outline: none !important;
    box-sizing: border-box;
    cursor: pointer !important;
    transition: opacity 0.2s ease;
    /* Восстанавливаем pointer-events для изображений, чтобы они были кликабельными */
    pointer-events: auto !important;
    /* Картинка имеет скругленные углы и обводку, но без overflow: hidden */
    /* Для полной обрезки нужен контейнер, но так как HTML не меняем, используем только border-radius */
}

.image-item img:hover,
.gallery-item img:hover {
    opacity: 0.9;
}

/* При hover на контейнер или картинку - border остается только на картинке */
.image-item:hover img,
.gallery-item:hover img,
.image-item img:hover,
.gallery-item img:hover,
.image-item:focus img,
.gallery-item:focus img,
.image-item img:focus,
.gallery-item img:focus {
    border: 1px solid #E5E8EB !important;
    border-width: 1px !important;
    border-style: solid !important;
    border-color: #E5E8EB !important;
    outline: none !important;
    outline-width: 0 !important;
    outline-style: none !important;
    box-shadow: none !important;
}

/* Article-image с caption - отступ 16px между изображением и caption */
.article-image:has(.image-caption) {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.article-image:has(.image-caption) img {
    margin: 0 !important;
    border-radius: 0 !important;
    border: none !important;
}

.featured-image:hover {
    transform: scale(1.02);
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

.image-caption,
.gallery-item .image-caption,
.image-item .image-caption,
.article-image .image-caption,
.image-gallery .image-caption,
.image-gallery .gallery-item .image-caption,
.image-gallery .image-item .image-caption,
.article-section .image-caption,
.article-content .image-caption,
p.image-caption {
    color: #a0a0a0 !important;
    text-align: left !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Hero Image Styles - контейнер обрезает изображения и видео */
/* Контейнер имеет border-radius: 8px и overflow: hidden */
.hero-image-section {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    border-radius: 8px !important;
    overflow: hidden !important;
    border: 1px solid #E5E8EB !important;
}

.hero-image {
    width: 100%;
    height: auto !important;
    min-height: auto !important;
    max-height: none !important;
    border-radius: 0 !important;
    border: none !important;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    display: block;
}

.hero-video {
    width: 100%;
    height: auto !important;
    min-height: auto !important;
    max-height: none !important;
    border-radius: 0 !important;
    border: none !important;
    border-radius: 4px;
    border: 1px solid #E5E8EB !important;
    border: 1px solid #E5E8EB;
    margin: 0;
    padding: 0;
    display: block;
    cursor: pointer;
    transition: transform 0.2s ease;
    box-sizing: border-box;
}

.hero-image:hover,
.hero-video:hover {
    transform: scale(1.02);
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Убираем обводку при ховере на контейнеры */
.hero-image-section:hover,
.article-image:hover,
.video-wrapper:hover {
    border: 1px solid #E5E8EB !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Контейнеры image-item и gallery-item НЕ имеют border при hover */
/* Убираем все возможные обводки с контейнеров */
.image-item:hover,
.gallery-item:hover,
.image-item:focus,
.gallery-item:focus,
.image-item:active,
.gallery-item:active,
a.image-item:hover,
a.gallery-item:hover,
a.image-item:focus,
a.gallery-item:focus,
a.image-item:active,
a.gallery-item:active {
    border: none !important;
    border-width: 0 !important;
    border-style: none !important;
    border-color: transparent !important;
    outline: none !important;
    outline-width: 0 !important;
    outline-style: none !important;
    box-shadow: none !important;
    background: transparent !important;
}

/* Data Points / Sidebars - Editorial Style (вставные блоки) */
.data-points {
    display: flex;
    flex-direction: column;
    gap: 0;
    margin: 0;
    padding: 0;
    text-align: left;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.data-point {
    border-left: 2px solid #000000 !important;
    padding-left: 24px !important;
    padding-bottom: 0;
    margin-bottom: 32px;
    margin-top: 64px;
    border-bottom: none !important;
    background: transparent !important;
    border-radius: 0 !important;
    max-width: 680px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: fit-content;
}

.data-point:first-child {
    margin-top: 0;
}

.data-point:last-child {
    margin-bottom: 0;
}

.data-point h3 {
    margin: 24px 0 16px 0 !important;
    padding: 0;
    text-align: left;
    font-family: 'Libre Baskerville', 'Playfair Display', Georgia, serif !important;
    font-size: clamp(22px, 2.5vw, 24px) !important;
    line-height: 1.3 !important;
    font-weight: 400 !important;
}

.data-point p {
    margin: 0;
    padding: 0;
    text-align: left;
    font-family: 'Inter', sans-serif !important;
    font-size: 18px !important;
    line-height: 1.65 !important;
}

/* Final CTA Section Styles - Newspaper Style (как NY Times подписки) */
.cta-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 48px 0;
    gap: 32px;
    margin-top: 64px;
    margin-bottom: 32px;
    width: 100%;
    max-width: 688px;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
    background: transparent;
    border-radius: 0;
    position: relative;
    border-top: 2px solid #000000;
    border-bottom: 2px solid #000000;
}

.cta-actions {
    display: flex;
    align-items: center;
    gap: 24px;
    flex-wrap: wrap;
    position: relative;
    padding-top: 24px;
    border-top: 1px solid #000000;
    width: 100%;
}

/* Стили для h2 в cta-wrapper - Newspaper Style (как NY Times) */
html body .medium-article .article-content .cta-wrapper h2,
html body .article-content .cta-wrapper h2,
body .medium-article .article-content .cta-wrapper h2,
body .article-content .cta-wrapper h2,
.medium-article .article-content .cta-wrapper h2,
.article-content .cta-wrapper h2,
.cta-wrapper h2 {
    color: #000000;
    margin: 0 0 16px 0;
    padding: 0;
    align-self: stretch;
    text-align: left;
    font-style: normal !important;
    font-family: 'Playfair Display', 'Adobe Caslon Pro', 'Libre Caslon Text', Georgia, serif !important;
    font-weight: 700 !important;
    font-size: 32px !important;
    line-height: 1.2 !important;
    letter-spacing: -0.01em !important;
    text-transform: uppercase !important;
}

.cta-wrapper p {
    margin: 0;
    padding: 0;
    align-self: stretch;
    text-align: left;
    font-family: 'Inter', sans-serif !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
    font-weight: 400 !important;
    color: #000000 !important;
}

.cta-buttons {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}

/* CTA Button - ссылочный стиль (как contact-badge в about-me) */
.cta-button--black {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    color: #000000 !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    text-decoration: none !important;
    transition: text-decoration 0.2s ease, text-underline-offset 0.2s ease !important;
    border: none !important;
    position: relative !important;
    cursor: pointer !important;
    flex-shrink: 0 !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
    vertical-align: baseline !important;
    width: auto !important;
    height: auto !important;
    min-width: auto !important;
    min-height: auto !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    box-shadow: none !important;
    outline: none !important;
}

/* Газетный стиль ховера - подчеркивание (как contact-badge) */
.cta-button--black:hover {
    background: transparent !important;
    background-color: transparent !important;
    color: #000000 !important;
    text-decoration: underline !important;
    text-decoration-color: #000000 !important;
    text-underline-offset: 4px !important;
    opacity: 1 !important;
    transform: none !important;
}

.cta-button--black:active {
    background: transparent !important;
    background-color: transparent !important;
    color: #000000 !important;
    opacity: 1 !important;
    transform: none !important;
}

.cta-button--black .badge-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 16px !important;
    height: 16px !important;
    flex-shrink: 0 !important;
}

.cta-button--black .badge-icon i[data-lucide],
.cta-button--black .badge-icon svg {
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    min-height: 16px !important;
    max-width: 16px !important;
    max-height: 16px !important;
    color: #000000 !important;
    opacity: 0.7 !important;
    transition: opacity 0.2s ease !important;
}

.cta-button--black:hover .badge-icon i[data-lucide],
.cta-button--black:hover .badge-icon svg {
    opacity: 1 !important;
}

.cta-button--black .button-text {
    display: inline-block !important;
    width: auto !important;
    height: auto !important;
    font-family: 'Inter', sans-serif !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    color: inherit !important;
    white-space: nowrap !important;
    text-align: left !important;
    letter-spacing: normal !important;
    transition: color 0.2s ease, text-decoration 0.2s ease !important;
}

.cta-button--black:hover .button-text {
    color: #000000 !important;
}

/* Typography styles moved to Typography.css */

/* Mobile Responsive */
@media (max-width: 767px) {
    /* Border-radius для изображений на мобильных устройствах */
    /* Изображения и видео - border-radius: 0px */
    .case-image,
    .case-video,
    .featured-image,
    .hero-image,
    .hero-video,
    .article-section img:not(.hero-image):not(.hero-video):not(.case-image):not(.case-video):not(.featured-image),
    .article-image img:not(.featured-image) {
        border-radius: 0 !important;
    }
    
    /* Картинки в image-item и gallery-item имеют border-radius: 8px */
    .image-item img,
    .gallery-item img {
        border-radius: 8px !important;
    }
    
    /* Контейнеры - border-radius: 8px и overflow: hidden */
    .video-wrapper,
    .hero-image-section,
    .article-image {
        border-radius: 8px !important;
        overflow: hidden !important;
    }
    
    /* image-item и gallery-item БЕЗ overflow и border - текст должен быть виден */
    .image-item,
    .gallery-item,
    .image-item:hover,
    .gallery-item:hover,
    .image-item:focus,
    .gallery-item:focus,
    a.image-item,
    a.gallery-item,
    a.image-item:hover,
    a.gallery-item:hover,
    a.image-item:focus,
    a.gallery-item:focus {
        border-radius: 0 !important;
        overflow: visible !important;
        border: none !important;
        border-width: 0 !important;
        border-style: none !important;
        border-color: transparent !important;
        outline: none !important;
        box-shadow: none !important;
    }
    
    .featured-image {
        border-radius: 0 !important;
        border: none !important;
    }
    
    .article-content {
        padding: 0;
        margin: 24px 0 0 0;
    }
    
    .article-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }
    
    .article-header .article-header-content {
        width: 100%;
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
    
    .article-header .share-button {
        align-self: flex-end;
        margin-top: 0;
    }
    
    .article-header .share-dropdown {
        right: 0;
        left: auto;
    }
    
    /* Typography styles moved to Typography.css */
    
    .article-section {
        gap: 12px;
        margin-bottom: 24px;
    }
    
    /* Уменьшаем отступы между секциями на мобильных */
    .article-section + .article-section {
        margin-top: 32px !important;
    }
    
    /* Уменьшаем отступы для логических блоков на мобильных */
    #problem,
    #hypothesis,
    #interviews,
    #validation,
    #pivot,
    #design,
    #components,
    #launch,
    #results,
    #learnings {
        margin-top: 32px !important;
    }
    
    #introduction {
        margin-bottom: 32px !important;
    }
    
    /* Results Table - Mobile (Newspaper Style) */
    .results-table-container {
        margin: 32px 0;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    
    .results-table {
        border-top: 2px solid #000000 !important;
        border-bottom: 2px solid #000000 !important;
    }
    
    .results-table th {
        padding: 12px 16px !important;
        font-size: 12px !important;
        letter-spacing: 0.03em !important;
    }
    
    .results-table td {
        padding: 12px 16px !important;
        font-size: 14px !important;
        line-height: 1.5 !important;
    }
    
    /* Темная тема - таблицы на мобильных - перекрытие базовых стилей */
    [data-theme="dark"] .results-table {
        border-top: 2px solid var(--color-text) !important;
        border-bottom: 2px solid var(--color-text) !important;
        border-left: none !important;
        border-right: none !important;
    }
    
    [data-theme="dark"] .results-table th {
        border-bottom: 2px solid var(--color-text) !important;
        border-right: 1px solid var(--color-text) !important;
        border-top: none !important;
        border-left: none !important;
        color: var(--color-text) !important;
    }
    
    [data-theme="dark"] .results-table th:last-child {
        border-right: none !important;
    }
    
    [data-theme="dark"] .results-table tbody tr {
        border-bottom: 1px solid var(--color-text) !important;
        border-top: none !important;
        border-left: none !important;
        border-right: none !important;
    }
    
    [data-theme="dark"] .results-table tbody tr:last-child {
        border-bottom: none !important;
    }
    
    [data-theme="dark"] .results-table td {
        border-right: 1px solid var(--color-text) !important;
        border-top: none !important;
        border-bottom: none !important;
        border-left: none !important;
        color: var(--color-text) !important;
    }
    
    [data-theme="dark"] .results-table td:last-child {
        border-right: none !important;
    }
    
    [data-theme="dark"] .results-table td:first-child {
        border-left: none !important;
        color: var(--color-text) !important;
    }
    
    /* Quote Style - Mobile */
    .article-section p.quote,
    .article-section p:has(> strong:only-child) {
        padding: 16px 20px;
        margin: 20px 0;
        width: 100%;
        box-sizing: border-box;
        overflow: visible;
        word-wrap: break-word;
        overflow-wrap: break-word;
    }
    
    .article-section p.quote::before,
    .article-section p:has(> strong:only-child)::before {
        top: 4px;
        left: 8px;
    }
    
    .article-section p.quote::after,
    .article-section p:has(> strong:only-child)::after {
        bottom: -12px;
        right: 8px;
    }
    
    .hero-image-section ~ .article-section p.quote,
    .hero-image-section ~ .article-section p:has(> strong:only-child) {
        padding: 16px 20px;
        width: 100%;
        box-sizing: border-box;
        overflow: visible;
        word-wrap: break-word;
        overflow-wrap: break-word;
    }
    
    .hero-image-section ~ .article-section p.quote::before,
    .hero-image-section ~ .article-section p:has(> strong:only-child)::before {
        top: 2px;
        left: 8px;
    }
    
    .hero-image-section ~ .article-section p.quote::after,
    .hero-image-section ~ .article-section p:has(> strong:only-child)::after {
        bottom: -14px;
        right: 8px;
    }
    
    .hero-header-wrapper {
        padding-bottom: 24px !important;
    }
    
    .article-header {
        margin: 0 0 8px 0 !important;
    }
    
    .hero-image-section {
        margin: 0 0 24px 0 !important;
    }
    
    /* Уменьшаем отступ после hero-изображения до следующего контента */
    .hero-image-section ~ .article-section {
        margin-top: 24px !important;
    }
    
    .article-image {
        margin-bottom: 24px;
    }
    
    .case-meta-section h3 {
        margin-bottom: 6px;
    }
    
    .case-meta-section p {
        margin-bottom: 12px;
    }
    
    .case-meta-section ul li {
        margin-bottom: 6px;
        padding-left: 28px !important;
    }
    
    .process-step h2 {
        margin-bottom: 12px;
    }
    
    .process-step p {
        margin-bottom: 12px;
    }
    
    .hero-image,
    .hero-video {
        height: auto !important;
    }
    
    .image-gallery {
        gap: 12px;
        margin: 0;
    }
    
    .case-image,
    .case-video,
    .featured-image {
        min-height: auto;
        margin-bottom: 24px;
    }
    
    .video-wrapper {
        margin-bottom: 24px;
    }
    
    .article-section img:not(.hero-image):not(.hero-video):not(.case-image):not(.case-video):not(.featured-image),
    .article-image img {
        margin-bottom: 24px;
    }
    
    .data-point {
        padding: 0;
        padding-bottom: 20px;
        margin-bottom: 20px;
        border-radius: 0;
        border-bottom: 1px solid #E5E8EB;
        width: 100%;
        background: transparent;
    }
    
    .data-point:last-child {
        border-bottom: none;
        padding-bottom: 0;
        margin-bottom: 0;
    }
    
    .data-point h3 {
        width: 100%;
    }
    
    .data-point p {
        width: 100%;
    }
    
    .hero-image-section {
        width: 100%;
        margin: 0 0 24px 0;
    }
    
    .article-image {
        margin: 0;
    }
    
    .cta-wrapper {
        margin-top: 48px;
        margin-bottom: 24px;
        padding: 32px 0;
        gap: 24px;
        border-top: 2px solid #000000 !important;
        border-bottom: 2px solid #000000 !important;
    }
    
    .cta-actions {
        padding-top: 20px;
        border-top: 1px solid #000000 !important;
        gap: 20px;
    }
    
    html body .medium-article .article-content .cta-wrapper h2,
    html body .article-content .cta-wrapper h2,
    body .medium-article .article-content .cta-wrapper h2,
    body .article-content .cta-wrapper h2,
    .medium-article .article-content .cta-wrapper h2,
    .article-content .cta-wrapper h2,
    .cta-wrapper h2 {
        margin: 0 0 16px 0 !important;
        padding: 0;
        font-style: normal !important;
        font-size: 28px !important;
        text-transform: uppercase !important;
    }
    
    .cta-wrapper p {
        margin: 0;
        padding: 0;
        font-size: 15px !important;
        line-height: 1.6 !important;
    }
    
    /* Таблицы - Newspaper Style для мобильных */
    .results-table-container {
        margin: 32px 0;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    
    .results-table {
        border-top: 2px solid #000000 !important;
        border-bottom: 2px solid #000000 !important;
    }
    
    .results-table th {
        padding: 12px 16px !important;
        font-size: 12px !important;
        letter-spacing: 0.03em !important;
    }
    
    .results-table td {
        padding: 12px 16px !important;
        font-size: 14px !important;
        line-height: 1.5 !important;
    }
    
    /* Темная тема - таблицы на мобильных - полное перекрытие всех границ */
    [data-theme="dark"] .results-table {
        border-top: 2px solid var(--color-text) !important;
        border-bottom: 2px solid var(--color-text) !important;
        border-left: none !important;
        border-right: none !important;
    }
    
    [data-theme="dark"] .results-table thead {
        background: transparent !important;
    }
    
    [data-theme="dark"] .results-table thead tr {
        border-bottom: none !important;
        border-top: none !important;
        border-left: none !important;
        border-right: none !important;
    }
    
    [data-theme="dark"] .results-table th {
        border-bottom: 2px solid var(--color-text) !important;
        border-right: 1px solid var(--color-text) !important;
        border-top: none !important;
        border-left: none !important;
        color: var(--color-text) !important;
    }
    
    [data-theme="dark"] .results-table th:last-child {
        border-right: none !important;
    }
    
    [data-theme="dark"] .results-table tbody {
        background: transparent !important;
    }
    
    [data-theme="dark"] .results-table tbody tr {
        border-bottom: 1px solid var(--color-text) !important;
        border-top: none !important;
        border-left: none !important;
        border-right: none !important;
        background: transparent !important;
    }
    
    [data-theme="dark"] .results-table tbody tr:hover {
        background-color: transparent !important;
    }
    
    [data-theme="dark"] .results-table tbody tr:last-child {
        border-bottom: none !important;
    }
    
    [data-theme="dark"] .results-table tbody tr td {
        border-right: 1px solid var(--color-text) !important;
        border-top: none !important;
        border-bottom: none !important;
        border-left: none !important;
        color: var(--color-text) !important;
    }
    
    [data-theme="dark"] .results-table td {
        border-right: 1px solid var(--color-text) !important;
        border-top: none !important;
        border-bottom: none !important;
        border-left: none !important;
        color: var(--color-text) !important;
    }
    
    [data-theme="dark"] .results-table td:last-child {
        border-right: none !important;
    }
    
    [data-theme="dark"] .results-table td:first-child {
        border-left: none !important;
        color: var(--color-text) !important;
    }
    
    [data-theme="dark"] .results-table td:nth-child(2),
    [data-theme="dark"] .results-table td:nth-child(3),
    [data-theme="dark"] .results-table td:last-child,
    [data-theme="dark"] .results-table .positive,
    [data-theme="dark"] .results-table .negative {
        color: var(--color-text) !important;
    }
    
    /* Черная линия после крупных блоков для мобильных */
    .section-divider {
        margin: 32px 0;
    }
    
    .cta-actions {
        flex-wrap: wrap;
        gap: 12px;
    }
    
    .cta-buttons {
        flex-direction: column;
        align-items: stretch;
        width: 100%;
    }
    
    .cta-buttons .cta-button--black,
    .cta-buttons .cta-button--white {
        width: 100%;
    }
    
    .cta-wrapper .share-button {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
}

/* Для больших экранов - увеличиваем ширину CTA блока и размер кнопок */
@media (min-width: 1920px) {
    .cta-wrapper {
        max-width: 1000px;
    }
    
    .cta-button--black {
        padding: 0 !important;
        height: auto !important;
        gap: 6px !important;
    }

    .cta-button--black .button-text {
        height: auto !important;
        font-size: 14px !important;
    }
    
    .cta-buttons {
        gap: 20px;
    }
    
    /* Share button остается ссылочным стилем на больших экранах */
    .article-header .share-button,
    .cta-wrapper .share-button {
        padding: 0 !important;
        gap: 6px !important;
    }
    
    .article-header .share-button svg,
    .cta-wrapper .share-button svg {
        width: 16px !important;
        height: 16px !important;
    }
    
    .article-header .share-button span,
    .cta-wrapper .share-button span {
        font-size: 14px !important;
    }
    
    /* Увеличение размера подписей под картинками */
    .image-caption,
    .gallery-item .image-caption,
    .image-item .image-caption,
    .article-image .image-caption,
    .image-gallery .image-caption,
    .image-gallery .gallery-item .image-caption,
    .image-gallery .image-item .image-caption,
    .article-section .image-caption,
    .article-content .image-caption,
    p.image-caption,
    body.case-study .image-caption,
    body.case-study p.image-caption {
        font-size: 14px !important;
        line-height: 1.5 !important;
    }
    
    /* Border-radius для изображений и видео на больших экранах */
    .case-image,
    .case-video,
    .featured-image,
    .hero-image,
    .hero-video,
    .article-section img:not(.hero-image):not(.hero-video):not(.case-image):not(.case-video):not(.featured-image),
    .article-image img:not(.featured-image),
    .image-item img,
    .gallery-item img {
        border-radius: 8px !important;
    }
    
    .article-image:has(.image-caption) img:not(.featured-image),
    .video-wrapper {
        border-radius: 4px !important;
    }
    
    .featured-image {
        border-radius: 4px !important;
        border: 1px solid #E5E8EB !important;
    }
}

@media (min-width: 2560px) {
    .cta-wrapper {
        max-width: 1200px;
    }
    
    .cta-button--black {
        padding: 0 !important;
        height: auto !important;
        gap: 6px !important;
    }

    .cta-button--black .button-text {
        height: auto !important;
        font-size: 14px !important;
    }
    
    .cta-buttons {
        gap: 24px;
    }
    
    /* Share button остается ссылочным стилем на очень больших экранах */
    .article-header .share-button,
    .cta-wrapper .share-button {
        padding: 0 !important;
        gap: 6px !important;
    }
    
    .article-header .share-button svg,
    .cta-wrapper .share-button svg {
        width: 16px !important;
        height: 16px !important;
    }
    
    .article-header .share-button span,
    .cta-wrapper .share-button span {
        font-size: 14px !important;
    }
    
    /* Увеличение размера подписей под картинками для очень больших экранов */
    .image-caption,
    .gallery-item .image-caption,
    .image-item .image-caption,
    .article-image .image-caption,
    .image-gallery .image-caption,
    .image-gallery .gallery-item .image-caption,
    .image-gallery .image-item .image-caption,
    .article-section .image-caption,
    .article-content .image-caption,
    p.image-caption,
    body.case-study .image-caption,
    body.case-study p.image-caption {
        font-size: 16px !important;
        line-height: 1.6 !important;
    }
    
    /* Border-radius для изображений и видео на очень больших экранах */
    .case-image,
    .case-video,
    .featured-image,
    .hero-image,
    .hero-video,
    .article-section img:not(.hero-image):not(.hero-video):not(.case-image):not(.case-video):not(.featured-image),
    .article-image img:not(.featured-image),
    .image-item img,
    .gallery-item img {
        border-radius: 8px !important;
    }
    
    .article-image:has(.image-caption) img:not(.featured-image),
    .video-wrapper {
        border-radius: 4px !important;
    }
    
    .featured-image {
        border-radius: 4px !important;
        border: 1px solid #E5E8EB !important;
    }
}

/* ========================================
   ФИНАЛЬНЫЕ ПЕРЕОПРЕДЕЛЕНИЯ H2 - Newspaper Style
   Добавлены в конец для перебивки всех конфликтов
   ======================================== */

/* H2 - Newspaper Style (30px, weight 700, uppercase) - ФИНАЛЬНЫЕ ПЕРЕОПРЕДЕЛЕНИЯ */
html body.case-study .medium-article .article-content .article-section h2,
html body.case-study .medium-article .article-content h2,
html body.case-study .article-content .article-section h2,
html body.case-study .article-content h2,
html body.case-study .article-section h2,
html body .medium-article .article-content .article-section h2,
html body .medium-article .article-content h2,
html body .article-content .article-section h2,
html body .article-content h2,
html body .article-section h2,
body.case-study .medium-article .article-content .article-section h2,
body.case-study .medium-article .article-content h2,
body.case-study .article-content .article-section h2,
body.case-study .article-content h2,
body.case-study .article-section h2,
.medium-article .article-content .article-section h2,
.medium-article .article-content h2,
.article-content .article-section h2,
.article-content h2,
.article-section h2 {
    font-family: 'Playfair Display', 'Adobe Caslon Pro', 'Libre Caslon Text', Georgia, serif !important;
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 30px !important;
    line-height: 1.2 !important;
    letter-spacing: -0.01em !important;
    color: #000000 !important;
    text-align: left !important;
    margin: 0 0 16px 0 !important;
    margin-top: 40px !important;
    text-transform: uppercase !important;
}

body.case-study .medium-article .article-content .article-section h2:first-of-type,
body.case-study .medium-article .article-content h2:first-of-type,
body.case-study .article-content .article-section h2:first-of-type,
body.case-study .article-content h2:first-of-type,
body.case-study .article-section h2:first-of-type,
.medium-article .article-content .article-section h2:first-of-type,
.medium-article .article-content h2:first-of-type,
.article-content .article-section h2:first-of-type,
.article-content h2:first-of-type,
.article-section h2:first-of-type {
    margin-top: 0 !important;
    margin-bottom: 16px !important;
}

/* ========================================
   CTA WRAPPER H2 - КУРСИВ ВО ВСЕХ КЕЙСАХ
   Максимальная специфичность для переопределения
   ======================================== */
html body .medium-article .article-content .cta-wrapper h2,
html body .article-content .cta-wrapper h2,
body.case-study .medium-article .article-content .cta-wrapper h2,
body.case-study .article-content .cta-wrapper h2,
body .medium-article .article-content .cta-wrapper h2,
body .article-content .cta-wrapper h2,
.medium-article .article-content .cta-wrapper h2,
.article-content .cta-wrapper h2,
.cta-wrapper h2 {
    font-style: italic !important;
    font-size: 38px !important;
}

/* Медиа-запросы для больших экранов (Newspaper Style) */
@media (min-width: 1920px) {
    html body.case-study .medium-article .article-content .article-section h2,
    html body.case-study .medium-article .article-content h2,
    html body.case-study .article-content .article-section h2,
    html body.case-study .article-content h2,
    html body.case-study .article-section h2,
    html body .medium-article .article-content .article-section h2,
    html body .medium-article .article-content h2,
    html body .article-content .article-section h2,
    html body .article-content h2,
    html body .article-section h2,
    body.case-study .medium-article .article-content .article-section h2,
    body.case-study .medium-article .article-content h2,
    body.case-study .article-content .article-section h2,
    body.case-study .article-content h2,
    body.case-study .article-section h2,
    .medium-article .article-content .article-section h2,
    .medium-article .article-content h2,
    .article-content .article-section h2,
    .article-content h2,
    .article-section h2 {
        font-family: 'Playfair Display', 'Adobe Caslon Pro', 'Libre Caslon Text', Georgia, serif !important;
        font-weight: 700 !important;
        font-size: 36px !important;
        line-height: 1.2 !important;
        font-style: normal !important;
        text-transform: uppercase !important;
        letter-spacing: -0.01em !important;
        color: #000000 !important;
        margin-top: 48px !important;
        margin-bottom: 18px !important;
    }
    
    /* CTA wrapper h2 */
    html body .medium-article .article-content .cta-wrapper h2,
    html body .article-content .cta-wrapper h2,
    body.case-study .medium-article .article-content .cta-wrapper h2,
    body.case-study .article-content .cta-wrapper h2,
    body .medium-article .article-content .cta-wrapper h2,
    body .article-content .cta-wrapper h2,
    .medium-article .article-content .cta-wrapper h2,
    .article-content .cta-wrapper h2,
    .cta-wrapper h2 {
        font-family: 'Playfair Display', 'Adobe Caslon Pro', 'Libre Caslon Text', Georgia, serif !important;
        font-weight: 400 !important;
        font-style: italic !important;
        font-size: 28px !important;
        line-height: 1.4 !important;
        letter-spacing: 0 !important;
        text-transform: none !important;
    }
}

@media (min-width: 2560px) {
    html body.case-study .medium-article .article-content .article-section h2,
    html body.case-study .medium-article .article-content h2,
    html body.case-study .article-content .article-section h2,
    html body.case-study .article-content h2,
    html body.case-study .article-section h2,
    html body .medium-article .article-content .article-section h2,
    html body .medium-article .article-content h2,
    html body .article-content .article-section h2,
    html body .article-content h2,
    html body .article-section h2,
    body.case-study .medium-article .article-content .article-section h2,
    body.case-study .medium-article .article-content h2,
    body.case-study .article-content .article-section h2,
    body.case-study .article-content h2,
    body.case-study .article-section h2,
    .medium-article .article-content .article-section h2,
    .medium-article .article-content h2,
    .article-content .article-section h2,
    .article-content h2,
    .article-section h2 {
        font-family: 'Playfair Display', 'Adobe Caslon Pro', 'Libre Caslon Text', Georgia, serif !important;
        font-weight: 700 !important;
        font-size: 42px !important;
        line-height: 1.2 !important;
        font-style: normal !important;
        text-transform: uppercase !important;
        letter-spacing: -0.01em !important;
        color: #000000 !important;
        margin-top: 56px !important;
        margin-bottom: 20px !important;
    }
    
    /* CTA wrapper h2 */
    html body .medium-article .article-content .cta-wrapper h2,
    html body .article-content .cta-wrapper h2,
    body.case-study .medium-article .article-content .cta-wrapper h2,
    body.case-study .article-content .cta-wrapper h2,
    body .medium-article .article-content .cta-wrapper h2,
    body .article-content .cta-wrapper h2,
    .medium-article .article-content .cta-wrapper h2,
    .article-content .cta-wrapper h2,
    .cta-wrapper h2 {
        font-family: 'Playfair Display', 'Adobe Caslon Pro', 'Libre Caslon Text', Georgia, serif !important;
        font-weight: 400 !important;
        font-style: italic !important;
        font-size: 32px !important;
        line-height: 1.4 !important;
        letter-spacing: 0 !important;
        text-transform: none !important;
    }
}

@media (max-width: 767px) {
    html body.case-study .medium-article .article-content .article-section h2,
    html body.case-study .medium-article .article-content h2,
    html body.case-study .article-content .article-section h2,
    html body.case-study .article-content h2,
    html body.case-study .article-section h2,
    html body .medium-article .article-content .article-section h2,
    html body .medium-article .article-content h2,
    html body .article-content .article-section h2,
    html body .article-content h2,
    html body .article-section h2,
    body.case-study .medium-article .article-content .article-section h2,
    body.case-study .medium-article .article-content h2,
    body.case-study .article-content .article-section h2,
    body.case-study .article-content h2,
    body.case-study .article-section h2,
    .medium-article .article-content .article-section h2,
    .medium-article .article-content h2,
    .article-content .article-section h2,
    .article-content h2,
    .article-section h2 {
        font-family: 'Playfair Display', 'Adobe Caslon Pro', 'Libre Caslon Text', Georgia, serif !important;
        font-weight: 700 !important;
        font-size: 26px !important;
        line-height: 1.2 !important;
        font-style: normal !important;
        text-transform: uppercase !important;
        letter-spacing: -0.01em !important;
        color: #000000 !important;
        margin-top: 32px !important;
        margin-bottom: 12px !important;
    }
}


/* ========================================
   ВЫДЕЛЕНИЕ ТЕКСТА - ПЕРЕНЕСЕНО В TextSelection.css
   Все стили выделения текста должны быть в TextSelection.css
   для избежания конфликтов и обеспечения единообразия
   ======================================== */

/* ========================================
   ФИНАЛЬНЫЕ СТИЛИ ДЛЯ SHARE BUTTON - МАКСИМАЛЬНЫЙ ПРИОРИТЕТ
   Гарантируют применение ссылочного стиля во всех кейсах
   ======================================== */
html body button.share-button,
html body .main-content.fade-in .medium-article .article-content .article-header button.share-button,
html body .main-content.fade-in .medium-article .article-content .cta-wrapper button.share-button,
html body .main-content .medium-article .article-content .article-header button.share-button,
html body .main-content .medium-article .article-content .cta-wrapper button.share-button,
html body .article-content .article-header button.share-button,
html body .article-content .cta-wrapper button.share-button,
body .main-content .medium-article .article-content .article-header button.share-button,
body .main-content .medium-article .article-content .cta-wrapper button.share-button,
body .article-content .article-header button.share-button,
body .article-content .cta-wrapper button.share-button,
html body .main-content.fade-in .medium-article .article-content .article-header .share-button,
html body .main-content.fade-in .medium-article .article-content .cta-wrapper .share-button,
html body .main-content .medium-article .article-content .article-header .share-button,
html body .main-content .medium-article .article-content .cta-wrapper .share-button,
html body .article-content .article-header .share-button,
html body .article-content .cta-wrapper .share-button,
body .main-content .medium-article .article-content .article-header .share-button,
body .main-content .medium-article .article-content .cta-wrapper .share-button,
body .article-content .article-header .share-button,
body .article-content .cta-wrapper .share-button,
.cta-wrapper button.share-button,
.article-header button.share-button,
.cta-wrapper .share-button,
.article-header .share-button,
button.share-button,
.share-button {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    color: #000000 !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    text-decoration: none !important;
    transition: text-decoration 0.2s ease, text-underline-offset 0.2s ease !important;
    border: none !important;
    position: relative !important;
    cursor: pointer !important;
    flex-shrink: 0 !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
    vertical-align: baseline !important;
    width: auto !important;
    height: auto !important;
    min-width: auto !important;
    min-height: auto !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    box-shadow: none !important;
    outline: none !important;
}

html body .main-content.fade-in .medium-article .article-content .article-header .share-button span,
html body .main-content.fade-in .medium-article .article-content .cta-wrapper .share-button span,
html body .main-content .medium-article .article-content .article-header .share-button span,
html body .main-content .medium-article .article-content .cta-wrapper .share-button span,
html body .article-content .article-header .share-button span,
html body .article-content .cta-wrapper .share-button span,
body .main-content .medium-article .article-content .article-header .share-button span,
body .main-content .medium-article .article-content .cta-wrapper .share-button span,
body .article-content .article-header .share-button span,
body .article-content .cta-wrapper .share-button span,
.cta-wrapper .share-button span,
.article-header .share-button span,
button.share-button span,
.share-button span {
    display: inline-block !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: inherit !important;
    line-height: 1.5 !important;
    text-decoration: none !important;
    transition: color 0.2s ease, text-decoration 0.2s ease !important;
}

html body .main-content.fade-in .medium-article .article-content .article-header .share-button:hover span,
html body .main-content.fade-in .medium-article .article-content .cta-wrapper .share-button:hover span,
html body .main-content .medium-article .article-content .article-header .share-button:hover span,
html body .main-content .medium-article .article-content .cta-wrapper .share-button:hover span,
html body .article-content .article-header .share-button:hover span,
html body .article-content .cta-wrapper .share-button:hover span,
body .main-content .medium-article .article-content .article-header .share-button:hover span,
body .main-content .medium-article .article-content .cta-wrapper .share-button:hover span,
body .article-content .article-header .share-button:hover span,
body .article-content .cta-wrapper .share-button:hover span,
.cta-wrapper .share-button:hover span,
.article-header .share-button:hover span,
button.share-button:hover span,
.share-button:hover span {
    color: #000000 !important;
}

html body .main-content.fade-in .medium-article .article-content .article-header .share-button i[data-lucide],
html body .main-content.fade-in .medium-article .article-content .cta-wrapper .share-button i[data-lucide],
html body .main-content .medium-article .article-content .article-header .share-button i[data-lucide],
html body .main-content .medium-article .article-content .cta-wrapper .share-button i[data-lucide],
html body .article-content .article-header .share-button i[data-lucide],
html body .article-content .cta-wrapper .share-button i[data-lucide],
body .main-content .medium-article .article-content .article-header .share-button i[data-lucide],
body .main-content .medium-article .article-content .cta-wrapper .share-button i[data-lucide],
body .article-content .article-header .share-button i[data-lucide],
body .article-content .cta-wrapper .share-button i[data-lucide],
html body .main-content.fade-in .medium-article .article-content .article-header button.share-button i[data-lucide],
html body .main-content.fade-in .medium-article .article-content .cta-wrapper button.share-button i[data-lucide],
html body .main-content .medium-article .article-content .article-header button.share-button i[data-lucide],
html body .main-content .medium-article .article-content .cta-wrapper button.share-button i[data-lucide],
.cta-wrapper button.share-button i[data-lucide],
.article-header button.share-button i[data-lucide],
.cta-wrapper .share-button i[data-lucide],
.article-header .share-button i[data-lucide],
button.share-button i[data-lucide],
.share-button i[data-lucide] {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    min-height: 16px !important;
    max-width: 16px !important;
    max-height: 16px !important;
    flex-shrink: 0 !important;
}

html body .main-content.fade-in .medium-article .article-content .article-header .share-button i[data-lucide] svg,
html body .main-content.fade-in .medium-article .article-content .cta-wrapper .share-button i[data-lucide] svg,
html body .main-content .medium-article .article-content .article-header .share-button i[data-lucide] svg,
html body .main-content .medium-article .article-content .cta-wrapper .share-button i[data-lucide] svg,
html body .article-content .article-header .share-button i[data-lucide] svg,
html body .article-content .cta-wrapper .share-button i[data-lucide] svg,
body .main-content .medium-article .article-content .article-header .share-button i[data-lucide] svg,
body .main-content .medium-article .article-content .cta-wrapper .share-button i[data-lucide] svg,
body .article-content .article-header .share-button i[data-lucide] svg,
body .article-content .cta-wrapper .share-button i[data-lucide] svg,
html body .main-content.fade-in .medium-article .article-content .article-header button.share-button i[data-lucide] svg,
html body .main-content.fade-in .medium-article .article-content .cta-wrapper button.share-button i[data-lucide] svg,
html body .main-content .medium-article .article-content .article-header button.share-button i[data-lucide] svg,
html body .main-content .medium-article .article-content .cta-wrapper button.share-button i[data-lucide] svg,
.cta-wrapper button.share-button i[data-lucide] svg,
.article-header button.share-button i[data-lucide] svg,
.cta-wrapper .share-button i[data-lucide] svg,
.article-header .share-button i[data-lucide] svg,
button.share-button i[data-lucide] svg,
.share-button i[data-lucide] svg,
html body .main-content.fade-in .medium-article .article-content .article-header .share-button svg,
html body .main-content.fade-in .medium-article .article-content .cta-wrapper .share-button svg,
html body .main-content .medium-article .article-content .article-header .share-button svg,
html body .main-content .medium-article .article-content .cta-wrapper .share-button svg,
html body .article-content .article-header .share-button svg,
html body .article-content .cta-wrapper .share-button svg,
body .main-content .medium-article .article-content .article-header .share-button svg,
body .main-content .medium-article .article-content .cta-wrapper .share-button svg,
body .article-content .article-header .share-button svg,
body .article-content .cta-wrapper .share-button svg,
html body .main-content.fade-in .medium-article .article-content .article-header button.share-button svg,
html body .main-content.fade-in .medium-article .article-content .cta-wrapper button.share-button svg,
html body .main-content .medium-article .article-content .article-header button.share-button svg,
html body .main-content .medium-article .article-content .cta-wrapper button.share-button svg,
.cta-wrapper button.share-button svg,
.article-header button.share-button svg,
.cta-wrapper .share-button svg,
.article-header .share-button svg,
button.share-button svg,
.share-button svg {
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    min-height: 16px !important;
    max-width: 16px !important;
    max-height: 16px !important;
    color: #000000 !important;
    opacity: 0.7 !important;
    transition: opacity 0.2s ease !important;
}

html body .main-content.fade-in .medium-article .article-content .article-header .share-button:hover i[data-lucide] svg,
html body .main-content.fade-in .medium-article .article-content .cta-wrapper .share-button:hover i[data-lucide] svg,
html body .main-content .medium-article .article-content .article-header .share-button:hover i[data-lucide] svg,
html body .main-content .medium-article .article-content .cta-wrapper .share-button:hover i[data-lucide] svg,
html body .article-content .article-header .share-button:hover i[data-lucide] svg,
html body .article-content .cta-wrapper .share-button:hover i[data-lucide] svg,
body .main-content .medium-article .article-content .article-header .share-button:hover i[data-lucide] svg,
body .main-content .medium-article .article-content .cta-wrapper .share-button:hover i[data-lucide] svg,
body .article-content .article-header .share-button:hover i[data-lucide] svg,
body .article-content .cta-wrapper .share-button:hover i[data-lucide] svg,
html body .main-content.fade-in .medium-article .article-content .article-header button.share-button:hover i[data-lucide] svg,
html body .main-content.fade-in .medium-article .article-content .cta-wrapper button.share-button:hover i[data-lucide] svg,
html body .main-content .medium-article .article-content .article-header button.share-button:hover i[data-lucide] svg,
html body .main-content .medium-article .article-content .cta-wrapper button.share-button:hover i[data-lucide] svg,
.cta-wrapper button.share-button:hover i[data-lucide] svg,
.article-header button.share-button:hover i[data-lucide] svg,
.cta-wrapper .share-button:hover i[data-lucide] svg,
.article-header .share-button:hover i[data-lucide] svg,
button.share-button:hover i[data-lucide] svg,
.share-button:hover i[data-lucide] svg,
html body .main-content.fade-in .medium-article .article-content .article-header .share-button:hover svg,
html body .main-content.fade-in .medium-article .article-content .cta-wrapper .share-button:hover svg,
html body .main-content .medium-article .article-content .article-header .share-button:hover svg,
html body .main-content .medium-article .article-content .cta-wrapper .share-button:hover svg,
html body .article-content .article-header .share-button:hover svg,
html body .article-content .cta-wrapper .share-button:hover svg,
body .main-content .medium-article .article-content .article-header .share-button:hover svg,
body .main-content .medium-article .article-content .cta-wrapper .share-button:hover svg,
body .article-content .article-header .share-button:hover svg,
body .article-content .cta-wrapper .share-button:hover svg,
html body .main-content.fade-in .medium-article .article-content .article-header button.share-button:hover svg,
html body .main-content.fade-in .medium-article .article-content .cta-wrapper button.share-button:hover svg,
html body .main-content .medium-article .article-content .article-header button.share-button:hover svg,
html body .main-content .medium-article .article-content .cta-wrapper button.share-button:hover svg,
.cta-wrapper button.share-button:hover svg,
.article-header button.share-button:hover svg,
.cta-wrapper .share-button:hover svg,
.article-header .share-button:hover svg,
button.share-button:hover svg,
.share-button:hover svg {
    opacity: 1 !important;
}

/* ========================================
   ФИНАЛЬНЫЕ СТИЛИ ДЛЯ CTA BUTTON - МАКСИМАЛЬНЫЙ ПРИОРИТЕТ
   Гарантируют применение ссылочного стиля во всех кейсах
   ======================================== */
html body .main-content.fade-in .medium-article .article-content .cta-wrapper .cta-button--black,
html body .main-content .medium-article .article-content .cta-wrapper .cta-button--black,
html body .article-content .cta-wrapper .cta-button--black,
html body .main-content.fade-in .medium-article .article-content .cta-actions .cta-button--black,
html body .main-content .medium-article .article-content .cta-actions .cta-button--black,
html body .article-content .cta-actions .cta-button--black,
body .main-content .medium-article .article-content .cta-wrapper .cta-button--black,
body .article-content .cta-wrapper .cta-button--black,
body .main-content .medium-article .article-content .cta-actions .cta-button--black,
body .article-content .cta-actions .cta-button--black,
.cta-wrapper .cta-button--black,
.cta-actions .cta-button--black,
a.cta-button--black,
.cta-button--black {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    color: #000000 !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    text-decoration: none !important;
    transition: text-decoration 0.2s ease, text-underline-offset 0.2s ease !important;
    border: none !important;
    position: relative !important;
    cursor: pointer !important;
    flex-shrink: 0 !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
    vertical-align: baseline !important;
    width: auto !important;
    height: auto !important;
    min-width: auto !important;
    min-height: auto !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    box-shadow: none !important;
    outline: none !important;
}

html body .main-content.fade-in .medium-article .article-content .cta-wrapper .cta-button--black:hover,
html body .main-content .medium-article .article-content .cta-wrapper .cta-button--black:hover,
html body .article-content .cta-wrapper .cta-button--black:hover,
html body .main-content.fade-in .medium-article .article-content .cta-actions .cta-button--black:hover,
html body .main-content .medium-article .article-content .cta-actions .cta-button--black:hover,
html body .article-content .cta-actions .cta-button--black:hover,
body .main-content .medium-article .article-content .cta-wrapper .cta-button--black:hover,
body .article-content .cta-wrapper .cta-button--black:hover,
body .main-content .medium-article .article-content .cta-actions .cta-button--black:hover,
body .article-content .cta-actions .cta-button--black:hover,
.cta-wrapper .cta-button--black:hover,
.cta-actions .cta-button--black:hover,
a.cta-button--black:hover,
.cta-button--black:hover {
    background: transparent !important;
    background-color: transparent !important;
    color: #000000 !important;
    text-decoration: underline !important;
    text-decoration-color: #000000 !important;
    text-underline-offset: 4px !important;
    opacity: 1 !important;
    transform: none !important;
}

html body .main-content.fade-in .medium-article .article-content .cta-wrapper .cta-button--black .badge-icon,
html body .main-content .medium-article .article-content .cta-wrapper .cta-button--black .badge-icon,
html body .article-content .cta-wrapper .cta-button--black .badge-icon,
html body .main-content.fade-in .medium-article .article-content .cta-actions .cta-button--black .badge-icon,
html body .main-content .medium-article .article-content .cta-actions .cta-button--black .badge-icon,
html body .article-content .cta-actions .cta-button--black .badge-icon,
body .main-content .medium-article .article-content .cta-wrapper .cta-button--black .badge-icon,
body .article-content .cta-wrapper .cta-button--black .badge-icon,
body .main-content .medium-article .article-content .cta-actions .cta-button--black .badge-icon,
body .article-content .cta-actions .cta-button--black .badge-icon,
.cta-wrapper .cta-button--black .badge-icon,
.cta-actions .cta-button--black .badge-icon,
a.cta-button--black .badge-icon,
.cta-button--black .badge-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 16px !important;
    height: 16px !important;
    flex-shrink: 0 !important;
}

html body .main-content.fade-in .medium-article .article-content .cta-wrapper .cta-button--black .badge-icon i[data-lucide],
html body .main-content .medium-article .article-content .cta-wrapper .cta-button--black .badge-icon i[data-lucide],
html body .article-content .cta-wrapper .cta-button--black .badge-icon i[data-lucide],
html body .main-content.fade-in .medium-article .article-content .cta-actions .cta-button--black .badge-icon i[data-lucide],
html body .main-content .medium-article .article-content .cta-actions .cta-button--black .badge-icon i[data-lucide],
html body .article-content .cta-actions .cta-button--black .badge-icon i[data-lucide],
body .main-content .medium-article .article-content .cta-wrapper .cta-button--black .badge-icon i[data-lucide],
body .article-content .cta-wrapper .cta-button--black .badge-icon i[data-lucide],
body .main-content .medium-article .article-content .cta-actions .cta-button--black .badge-icon i[data-lucide],
body .article-content .cta-actions .cta-button--black .badge-icon i[data-lucide],
.cta-wrapper .cta-button--black .badge-icon i[data-lucide],
.cta-actions .cta-button--black .badge-icon i[data-lucide],
a.cta-button--black .badge-icon i[data-lucide],
.cta-button--black .badge-icon i[data-lucide],
html body .main-content.fade-in .medium-article .article-content .cta-wrapper .cta-button--black .badge-icon svg,
html body .main-content .medium-article .article-content .cta-wrapper .cta-button--black .badge-icon svg,
html body .article-content .cta-wrapper .cta-button--black .badge-icon svg,
html body .main-content.fade-in .medium-article .article-content .cta-actions .cta-button--black .badge-icon svg,
html body .main-content .medium-article .article-content .cta-actions .cta-button--black .badge-icon svg,
html body .article-content .cta-actions .cta-button--black .badge-icon svg,
body .main-content .medium-article .article-content .cta-wrapper .cta-button--black .badge-icon svg,
body .article-content .cta-wrapper .cta-button--black .badge-icon svg,
body .main-content .medium-article .article-content .cta-actions .cta-button--black .badge-icon svg,
body .article-content .cta-actions .cta-button--black .badge-icon svg,
.cta-wrapper .cta-button--black .badge-icon svg,
.cta-actions .cta-button--black .badge-icon svg,
a.cta-button--black .badge-icon svg,
.cta-button--black .badge-icon svg {
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    min-height: 16px !important;
    max-width: 16px !important;
    max-height: 16px !important;
    color: #000000 !important;
    opacity: 0.7 !important;
    transition: opacity 0.2s ease !important;
}

html body .main-content.fade-in .medium-article .article-content .cta-wrapper .cta-button--black:hover .badge-icon i[data-lucide],
html body .main-content .medium-article .article-content .cta-wrapper .cta-button--black:hover .badge-icon i[data-lucide],
html body .article-content .cta-wrapper .cta-button--black:hover .badge-icon i[data-lucide],
html body .main-content.fade-in .medium-article .article-content .cta-actions .cta-button--black:hover .badge-icon i[data-lucide],
html body .main-content .medium-article .article-content .cta-actions .cta-button--black:hover .badge-icon i[data-lucide],
html body .article-content .cta-actions .cta-button--black:hover .badge-icon i[data-lucide],
body .main-content .medium-article .article-content .cta-wrapper .cta-button--black:hover .badge-icon i[data-lucide],
body .article-content .cta-wrapper .cta-button--black:hover .badge-icon i[data-lucide],
body .main-content .medium-article .article-content .cta-actions .cta-button--black:hover .badge-icon i[data-lucide],
body .article-content .cta-actions .cta-button--black:hover .badge-icon i[data-lucide],
.cta-wrapper .cta-button--black:hover .badge-icon i[data-lucide],
.cta-actions .cta-button--black:hover .badge-icon i[data-lucide],
a.cta-button--black:hover .badge-icon i[data-lucide],
.cta-button--black:hover .badge-icon i[data-lucide],
html body .main-content.fade-in .medium-article .article-content .cta-wrapper .cta-button--black:hover .badge-icon svg,
html body .main-content .medium-article .article-content .cta-wrapper .cta-button--black:hover .badge-icon svg,
html body .article-content .cta-wrapper .cta-button--black:hover .badge-icon svg,
html body .main-content.fade-in .medium-article .article-content .cta-actions .cta-button--black:hover .badge-icon svg,
html body .main-content .medium-article .article-content .cta-actions .cta-button--black:hover .badge-icon svg,
html body .article-content .cta-actions .cta-button--black:hover .badge-icon svg,
body .main-content .medium-article .article-content .cta-wrapper .cta-button--black:hover .badge-icon svg,
body .article-content .cta-wrapper .cta-button--black:hover .badge-icon svg,
body .main-content .medium-article .article-content .cta-actions .cta-button--black:hover .badge-icon svg,
body .article-content .cta-actions .cta-button--black:hover .badge-icon svg,
.cta-wrapper .cta-button--black:hover .badge-icon svg,
.cta-actions .cta-button--black:hover .badge-icon svg,
a.cta-button--black:hover .badge-icon svg,
.cta-button--black:hover .badge-icon svg {
    opacity: 1 !important;
}

html body .main-content.fade-in .medium-article .article-content .cta-wrapper .cta-button--black .button-text,
html body .main-content .medium-article .article-content .cta-wrapper .cta-button--black .button-text,
html body .article-content .cta-wrapper .cta-button--black .button-text,
html body .main-content.fade-in .medium-article .article-content .cta-actions .cta-button--black .button-text,
html body .main-content .medium-article .article-content .cta-actions .cta-button--black .button-text,
html body .article-content .cta-actions .cta-button--black .button-text,
body .main-content .medium-article .article-content .cta-wrapper .cta-button--black .button-text,
body .article-content .cta-wrapper .cta-button--black .button-text,
body .main-content .medium-article .article-content .cta-actions .cta-button--black .button-text,
body .article-content .cta-actions .cta-button--black .button-text,
.cta-wrapper .cta-button--black .button-text,
.cta-actions .cta-button--black .button-text,
a.cta-button--black .button-text,
.cta-button--black .button-text {
    display: inline-block !important;
    width: auto !important;
    height: auto !important;
    font-family: 'Inter', sans-serif !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    color: inherit !important;
    white-space: nowrap !important;
    text-align: left !important;
    letter-spacing: normal !important;
    transition: color 0.2s ease, text-decoration 0.2s ease !important;
}

html body .main-content.fade-in .medium-article .article-content .cta-wrapper .cta-button--black:hover .button-text,
html body .main-content .medium-article .article-content .cta-wrapper .cta-button--black:hover .button-text,
html body .article-content .cta-wrapper .cta-button--black:hover .button-text,
html body .main-content.fade-in .medium-article .article-content .cta-actions .cta-button--black:hover .button-text,
html body .main-content .medium-article .article-content .cta-actions .cta-button--black:hover .button-text,
html body .article-content .cta-actions .cta-button--black:hover .button-text,
body .main-content .medium-article .article-content .cta-wrapper .cta-button--black:hover .button-text,
body .article-content .cta-wrapper .cta-button--black:hover .button-text,
body .main-content .medium-article .article-content .cta-actions .cta-button--black:hover .button-text,
body .article-content .cta-actions .cta-button--black:hover .button-text,
.cta-wrapper .cta-button--black:hover .button-text,
.cta-actions .cta-button--black:hover .button-text,
a.cta-button--black:hover .button-text,
.cta-button--black:hover .button-text {
    color: #000000 !important;
}

/* Темная тема - перекрытие финальных стилей для .button-text:hover */
[data-theme="dark"] html body .main-content.fade-in .medium-article .article-content .cta-wrapper .cta-button--black:hover .button-text,
[data-theme="dark"] html body .main-content .medium-article .article-content .cta-wrapper .cta-button--black:hover .button-text,
[data-theme="dark"] html body .article-content .cta-wrapper .cta-button--black:hover .button-text,
[data-theme="dark"] html body .main-content.fade-in .medium-article .article-content .cta-actions .cta-button--black:hover .button-text,
[data-theme="dark"] html body .main-content .medium-article .article-content .cta-actions .cta-button--black:hover .button-text,
[data-theme="dark"] html body .article-content .cta-actions .cta-button--black:hover .button-text,
[data-theme="dark"] body .main-content .medium-article .article-content .cta-wrapper .cta-button--black:hover .button-text,
[data-theme="dark"] body .article-content .cta-wrapper .cta-button--black:hover .button-text,
[data-theme="dark"] body .main-content .medium-article .article-content .cta-actions .cta-button--black:hover .button-text,
[data-theme="dark"] body .article-content .cta-actions .cta-button--black:hover .button-text,
[data-theme="dark"] .cta-wrapper .cta-button--black:hover .button-text,
[data-theme="dark"] .cta-actions .cta-button--black:hover .button-text,
[data-theme="dark"] a.cta-button--black:hover .button-text,
[data-theme="dark"] .cta-button--black:hover .button-text {
    color: var(--color-text) !important;
}

/* Темная тема - перекрытие финальных стилей для .badge-icon (иконки) */
[data-theme="dark"] html body .main-content.fade-in .medium-article .article-content .cta-wrapper .cta-button--black .badge-icon i[data-lucide],
[data-theme="dark"] html body .main-content .medium-article .article-content .cta-wrapper .cta-button--black .badge-icon i[data-lucide],
[data-theme="dark"] html body .article-content .cta-wrapper .cta-button--black .badge-icon i[data-lucide],
[data-theme="dark"] html body .main-content.fade-in .medium-article .article-content .cta-actions .cta-button--black .badge-icon i[data-lucide],
[data-theme="dark"] html body .main-content .medium-article .article-content .cta-actions .cta-button--black .badge-icon i[data-lucide],
[data-theme="dark"] html body .article-content .cta-actions .cta-button--black .badge-icon i[data-lucide],
[data-theme="dark"] body .main-content .medium-article .article-content .cta-wrapper .cta-button--black .badge-icon i[data-lucide],
[data-theme="dark"] body .article-content .cta-wrapper .cta-button--black .badge-icon i[data-lucide],
[data-theme="dark"] body .main-content .medium-article .article-content .cta-actions .cta-button--black .badge-icon i[data-lucide],
[data-theme="dark"] body .article-content .cta-actions .cta-button--black .badge-icon i[data-lucide],
[data-theme="dark"] .cta-wrapper .cta-button--black .badge-icon i[data-lucide],
[data-theme="dark"] .cta-actions .cta-button--black .badge-icon i[data-lucide],
[data-theme="dark"] a.cta-button--black .badge-icon i[data-lucide],
[data-theme="dark"] .cta-button--black .badge-icon i[data-lucide],
[data-theme="dark"] html body .main-content.fade-in .medium-article .article-content .cta-wrapper .cta-button--black:hover .badge-icon i[data-lucide],
[data-theme="dark"] html body .main-content .medium-article .article-content .cta-wrapper .cta-button--black:hover .badge-icon i[data-lucide],
[data-theme="dark"] html body .article-content .cta-wrapper .cta-button--black:hover .badge-icon i[data-lucide],
[data-theme="dark"] html body .main-content.fade-in .medium-article .article-content .cta-actions .cta-button--black:hover .badge-icon i[data-lucide],
[data-theme="dark"] html body .main-content .medium-article .article-content .cta-actions .cta-button--black:hover .badge-icon i[data-lucide],
[data-theme="dark"] html body .article-content .cta-actions .cta-button--black:hover .badge-icon i[data-lucide],
[data-theme="dark"] body .main-content .medium-article .article-content .cta-wrapper .cta-button--black:hover .badge-icon i[data-lucide],
[data-theme="dark"] body .article-content .cta-wrapper .cta-button--black:hover .badge-icon i[data-lucide],
[data-theme="dark"] body .main-content .medium-article .article-content .cta-actions .cta-button--black:hover .badge-icon i[data-lucide],
[data-theme="dark"] body .article-content .cta-actions .cta-button--black:hover .badge-icon i[data-lucide],
[data-theme="dark"] .cta-wrapper .cta-button--black:hover .badge-icon i[data-lucide],
[data-theme="dark"] .cta-actions .cta-button--black:hover .badge-icon i[data-lucide],
[data-theme="dark"] a.cta-button--black:hover .badge-icon i[data-lucide],
[data-theme="dark"] .cta-button--black:hover .badge-icon i[data-lucide],
[data-theme="dark"] html body .main-content.fade-in .medium-article .article-content .cta-wrapper .cta-button--black .badge-icon svg,
[data-theme="dark"] html body .main-content .medium-article .article-content .cta-wrapper .cta-button--black .badge-icon svg,
[data-theme="dark"] html body .article-content .cta-wrapper .cta-button--black .badge-icon svg,
[data-theme="dark"] html body .main-content.fade-in .medium-article .article-content .cta-actions .cta-button--black .badge-icon svg,
[data-theme="dark"] html body .main-content .medium-article .article-content .cta-actions .cta-button--black .badge-icon svg,
[data-theme="dark"] html body .article-content .cta-actions .cta-button--black .badge-icon svg,
[data-theme="dark"] body .main-content .medium-article .article-content .cta-wrapper .cta-button--black .badge-icon svg,
[data-theme="dark"] body .article-content .cta-wrapper .cta-button--black .badge-icon svg,
[data-theme="dark"] body .main-content .medium-article .article-content .cta-actions .cta-button--black .badge-icon svg,
[data-theme="dark"] body .article-content .cta-actions .cta-button--black .badge-icon svg,
[data-theme="dark"] .cta-wrapper .cta-button--black .badge-icon svg,
[data-theme="dark"] .cta-actions .cta-button--black .badge-icon svg,
[data-theme="dark"] a.cta-button--black .badge-icon svg,
[data-theme="dark"] .cta-button--black .badge-icon svg,
[data-theme="dark"] html body .main-content.fade-in .medium-article .article-content .cta-wrapper .cta-button--black:hover .badge-icon svg,
[data-theme="dark"] html body .main-content .medium-article .article-content .cta-wrapper .cta-button--black:hover .badge-icon svg,
[data-theme="dark"] html body .article-content .cta-wrapper .cta-button--black:hover .badge-icon svg,
[data-theme="dark"] html body .main-content.fade-in .medium-article .article-content .cta-actions .cta-button--black:hover .badge-icon svg,
[data-theme="dark"] html body .main-content .medium-article .article-content .cta-actions .cta-button--black:hover .badge-icon svg,
[data-theme="dark"] html body .article-content .cta-actions .cta-button--black:hover .badge-icon svg,
[data-theme="dark"] body .main-content .medium-article .article-content .cta-wrapper .cta-button--black:hover .badge-icon svg,
[data-theme="dark"] body .article-content .cta-wrapper .cta-button--black:hover .badge-icon svg,
[data-theme="dark"] body .main-content .medium-article .article-content .cta-actions .cta-button--black:hover .badge-icon svg,
[data-theme="dark"] body .article-content .cta-actions .cta-button--black:hover .badge-icon svg,
[data-theme="dark"] .cta-wrapper .cta-button--black:hover .badge-icon svg,
[data-theme="dark"] .cta-actions .cta-button--black:hover .badge-icon svg,
[data-theme="dark"] a.cta-button--black:hover .badge-icon svg,
[data-theme="dark"] .cta-button--black:hover .badge-icon svg {
    color: var(--color-text) !important;
}

html body .main-content.fade-in .medium-article .article-content .article-header .share-button:hover svg,
html body .main-content.fade-in .medium-article .article-content .cta-wrapper .share-button:hover svg,
html body .main-content .medium-article .article-content .article-header .share-button:hover svg,
html body .main-content .medium-article .article-content .cta-wrapper .share-button:hover svg,
html body .article-content .article-header .share-button:hover svg,
html body .article-content .cta-wrapper .share-button:hover svg,
body .main-content .medium-article .article-content .article-header .share-button:hover svg,
body .main-content .medium-article .article-content .cta-wrapper .share-button:hover svg,
body .article-content .article-header .share-button:hover svg,
body .article-content .cta-wrapper .share-button:hover svg,
html body .main-content.fade-in .medium-article .article-content .article-header button.share-button:hover svg,
html body .main-content.fade-in .medium-article .article-content .cta-wrapper button.share-button:hover svg,
html body .main-content .medium-article .article-content .article-header button.share-button:hover svg,
html body .main-content .medium-article .article-content .cta-wrapper button.share-button:hover svg,
.cta-wrapper button.share-button:hover svg,
.article-header button.share-button:hover svg,
.cta-wrapper .share-button:hover svg,
.article-header .share-button:hover svg,
button.share-button:hover svg,
.share-button:hover svg,
.cta-wrapper button.share-button:hover i[data-lucide],
.article-header button.share-button:hover i[data-lucide],
.cta-wrapper .share-button:hover i[data-lucide],
.article-header .share-button:hover i[data-lucide],
button.share-button:hover i[data-lucide],
.share-button:hover i[data-lucide] {
    opacity: 1 !important;
}

/* ========================================
   ТЕМНАЯ ТЕМА - ПЕРЕКРЫТИЕ ФИНАЛЬНЫХ СТИЛЕЙ CTA И SHARE BUTTON
   Должны идти ПОСЛЕ финальных стилей для максимального приоритета
   ======================================== */

/* Темная тема - CTA кнопки - перекрытие финальных стилей */
[data-theme="dark"] html body .main-content.fade-in .medium-article .article-content .cta-wrapper .cta-button--black,
[data-theme="dark"] html body .main-content .medium-article .article-content .cta-wrapper .cta-button--black,
[data-theme="dark"] html body .article-content .cta-wrapper .cta-button--black,
[data-theme="dark"] html body .main-content.fade-in .medium-article .article-content .cta-actions .cta-button--black,
[data-theme="dark"] html body .main-content .medium-article .article-content .cta-actions .cta-button--black,
[data-theme="dark"] html body .article-content .cta-actions .cta-button--black,
[data-theme="dark"] body .main-content .medium-article .article-content .cta-wrapper .cta-button--black,
[data-theme="dark"] body .article-content .cta-wrapper .cta-button--black,
[data-theme="dark"] body .main-content .medium-article .article-content .cta-actions .cta-button--black,
[data-theme="dark"] body .article-content .cta-actions .cta-button--black,
[data-theme="dark"] .cta-wrapper .cta-button--black,
[data-theme="dark"] .cta-actions .cta-button--black,
[data-theme="dark"] a.cta-button--black,
[data-theme="dark"] .cta-button--black {
    color: var(--color-text) !important;
}

[data-theme="dark"] html body .main-content.fade-in .medium-article .article-content .cta-wrapper .cta-button--black:hover,
[data-theme="dark"] html body .main-content .medium-article .article-content .cta-wrapper .cta-button--black:hover,
[data-theme="dark"] html body .article-content .cta-wrapper .cta-button--black:hover,
[data-theme="dark"] html body .main-content.fade-in .medium-article .article-content .cta-actions .cta-button--black:hover,
[data-theme="dark"] html body .main-content .medium-article .article-content .cta-actions .cta-button--black:hover,
[data-theme="dark"] html body .article-content .cta-actions .cta-button--black:hover,
[data-theme="dark"] body .main-content .medium-article .article-content .cta-wrapper .cta-button--black:hover,
[data-theme="dark"] body .article-content .cta-wrapper .cta-button--black:hover,
[data-theme="dark"] body .main-content .medium-article .article-content .cta-actions .cta-button--black:hover,
[data-theme="dark"] body .article-content .cta-actions .cta-button--black:hover,
[data-theme="dark"] .cta-wrapper .cta-button--black:hover,
[data-theme="dark"] .cta-actions .cta-button--black:hover,
[data-theme="dark"] a.cta-button--black:hover,
[data-theme="dark"] .cta-button--black:hover {
    color: var(--color-text) !important;
    text-decoration-color: var(--color-text) !important;
}

[data-theme="dark"] html body .main-content.fade-in .medium-article .article-content .cta-wrapper .cta-button--black .button-text,
[data-theme="dark"] html body .main-content .medium-article .article-content .cta-wrapper .cta-button--black .button-text,
[data-theme="dark"] html body .article-content .cta-wrapper .cta-button--black .button-text,
[data-theme="dark"] html body .main-content.fade-in .medium-article .article-content .cta-actions .cta-button--black .button-text,
[data-theme="dark"] html body .main-content .medium-article .article-content .cta-actions .cta-button--black .button-text,
[data-theme="dark"] html body .article-content .cta-actions .cta-button--black .button-text,
[data-theme="dark"] body .main-content .medium-article .article-content .cta-wrapper .cta-button--black .button-text,
[data-theme="dark"] body .article-content .cta-wrapper .cta-button--black .button-text,
[data-theme="dark"] body .main-content .medium-article .article-content .cta-actions .cta-button--black .button-text,
[data-theme="dark"] body .article-content .cta-actions .cta-button--black .button-text,
[data-theme="dark"] .cta-wrapper .cta-button--black .button-text,
[data-theme="dark"] .cta-actions .cta-button--black .button-text,
[data-theme="dark"] a.cta-button--black .button-text,
[data-theme="dark"] .cta-button--black .button-text {
    color: var(--color-text) !important;
}

[data-theme="dark"] html body .main-content.fade-in .medium-article .article-content .cta-wrapper .cta-button--black:hover .button-text,
[data-theme="dark"] html body .main-content .medium-article .article-content .cta-wrapper .cta-button--black:hover .button-text,
[data-theme="dark"] html body .article-content .cta-wrapper .cta-button--black:hover .button-text,
[data-theme="dark"] html body .main-content.fade-in .medium-article .article-content .cta-actions .cta-button--black:hover .button-text,
[data-theme="dark"] html body .main-content .medium-article .article-content .cta-actions .cta-button--black:hover .button-text,
[data-theme="dark"] html body .article-content .cta-actions .cta-button--black:hover .button-text,
[data-theme="dark"] body .main-content .medium-article .article-content .cta-wrapper .cta-button--black:hover .button-text,
[data-theme="dark"] body .article-content .cta-wrapper .cta-button--black:hover .button-text,
[data-theme="dark"] body .main-content .medium-article .article-content .cta-actions .cta-button--black:hover .button-text,
[data-theme="dark"] body .article-content .cta-actions .cta-button--black:hover .button-text,
[data-theme="dark"] .cta-wrapper .cta-button--black:hover .button-text,
[data-theme="dark"] .cta-actions .cta-button--black:hover .button-text,
[data-theme="dark"] a.cta-button--black:hover .button-text,
[data-theme="dark"] .cta-button--black:hover .button-text {
    color: var(--color-text) !important;
}

[data-theme="dark"] html body .main-content.fade-in .medium-article .article-content .cta-wrapper .cta-button--black .badge-icon i[data-lucide],
[data-theme="dark"] html body .main-content .medium-article .article-content .cta-wrapper .cta-button--black .badge-icon i[data-lucide],
[data-theme="dark"] html body .article-content .cta-wrapper .cta-button--black .badge-icon i[data-lucide],
[data-theme="dark"] html body .main-content.fade-in .medium-article .article-content .cta-actions .cta-button--black .badge-icon i[data-lucide],
[data-theme="dark"] html body .main-content .medium-article .article-content .cta-actions .cta-button--black .badge-icon i[data-lucide],
[data-theme="dark"] html body .article-content .cta-actions .cta-button--black .badge-icon i[data-lucide],
[data-theme="dark"] body .main-content .medium-article .article-content .cta-wrapper .cta-button--black .badge-icon i[data-lucide],
[data-theme="dark"] body .article-content .cta-wrapper .cta-button--black .badge-icon i[data-lucide],
[data-theme="dark"] body .main-content .medium-article .article-content .cta-actions .cta-button--black .badge-icon i[data-lucide],
[data-theme="dark"] body .article-content .cta-actions .cta-button--black .badge-icon i[data-lucide],
[data-theme="dark"] .cta-wrapper .cta-button--black .badge-icon i[data-lucide],
[data-theme="dark"] .cta-actions .cta-button--black .badge-icon i[data-lucide],
[data-theme="dark"] a.cta-button--black .badge-icon i[data-lucide],
[data-theme="dark"] .cta-button--black .badge-icon i[data-lucide],
[data-theme="dark"] html body .main-content.fade-in .medium-article .article-content .cta-wrapper .cta-button--black .badge-icon svg,
[data-theme="dark"] html body .main-content .medium-article .article-content .cta-wrapper .cta-button--black .badge-icon svg,
[data-theme="dark"] html body .article-content .cta-wrapper .cta-button--black .badge-icon svg,
[data-theme="dark"] html body .main-content.fade-in .medium-article .article-content .cta-actions .cta-button--black .badge-icon svg,
[data-theme="dark"] html body .main-content .medium-article .article-content .cta-actions .cta-button--black .badge-icon svg,
[data-theme="dark"] html body .article-content .cta-actions .cta-button--black .badge-icon svg,
[data-theme="dark"] body .main-content .medium-article .article-content .cta-wrapper .cta-button--black .badge-icon svg,
[data-theme="dark"] body .article-content .cta-wrapper .cta-button--black .badge-icon svg,
[data-theme="dark"] body .main-content .medium-article .article-content .cta-actions .cta-button--black .badge-icon svg,
[data-theme="dark"] body .article-content .cta-actions .cta-button--black .badge-icon svg,
[data-theme="dark"] .cta-wrapper .cta-button--black .badge-icon svg,
[data-theme="dark"] .cta-actions .cta-button--black .badge-icon svg,
[data-theme="dark"] a.cta-button--black .badge-icon svg,
[data-theme="dark"] .cta-button--black .badge-icon svg {
    color: var(--color-text) !important;
}

/* Темная тема - Share кнопки - перекрытие финальных стилей */
[data-theme="dark"] html body button.share-button,
[data-theme="dark"] html body .main-content.fade-in .medium-article .article-content .article-header button.share-button,
[data-theme="dark"] html body .main-content.fade-in .medium-article .article-content .cta-wrapper button.share-button,
[data-theme="dark"] html body .main-content .medium-article .article-content .article-header button.share-button,
[data-theme="dark"] html body .main-content .medium-article .article-content .cta-wrapper button.share-button,
[data-theme="dark"] html body .article-content .article-header button.share-button,
[data-theme="dark"] html body .article-content .cta-wrapper button.share-button,
[data-theme="dark"] body .main-content .medium-article .article-content .article-header button.share-button,
[data-theme="dark"] body .main-content .medium-article .article-content .cta-wrapper button.share-button,
[data-theme="dark"] body .article-content .article-header button.share-button,
[data-theme="dark"] body .article-content .cta-wrapper button.share-button,
[data-theme="dark"] html body .main-content.fade-in .medium-article .article-content .article-header .share-button,
[data-theme="dark"] html body .main-content.fade-in .medium-article .article-content .cta-wrapper .share-button,
[data-theme="dark"] html body .main-content .medium-article .article-content .article-header .share-button,
[data-theme="dark"] html body .main-content .medium-article .article-content .cta-wrapper .share-button,
[data-theme="dark"] html body .article-content .article-header .share-button,
[data-theme="dark"] html body .article-content .cta-wrapper .share-button,
[data-theme="dark"] body .main-content .medium-article .article-content .article-header .share-button,
[data-theme="dark"] body .main-content .medium-article .article-content .cta-wrapper .share-button,
[data-theme="dark"] body .article-content .article-header .share-button,
[data-theme="dark"] body .article-content .cta-wrapper .share-button,
[data-theme="dark"] .cta-wrapper button.share-button,
[data-theme="dark"] .article-header button.share-button,
[data-theme="dark"] .cta-wrapper .share-button,
[data-theme="dark"] .article-header .share-button,
[data-theme="dark"] button.share-button,
[data-theme="dark"] .share-button {
    color: var(--color-text) !important;
}

[data-theme="dark"] html body .main-content.fade-in .medium-article .article-content .article-header .share-button:hover,
[data-theme="dark"] html body .main-content.fade-in .medium-article .article-content .cta-wrapper .share-button:hover,
[data-theme="dark"] html body .main-content .medium-article .article-content .article-header .share-button:hover,
[data-theme="dark"] html body .main-content .medium-article .article-content .cta-wrapper .share-button:hover,
[data-theme="dark"] html body .article-content .article-header .share-button:hover,
[data-theme="dark"] html body .article-content .cta-wrapper .share-button:hover,
[data-theme="dark"] body .main-content .medium-article .article-content .article-header .share-button:hover,
[data-theme="dark"] body .main-content .medium-article .article-content .cta-wrapper .share-button:hover,
[data-theme="dark"] body .article-content .article-header .share-button:hover,
[data-theme="dark"] body .article-content .cta-wrapper .share-button:hover,
[data-theme="dark"] .cta-wrapper button.share-button:hover,
[data-theme="dark"] .article-header button.share-button:hover,
[data-theme="dark"] .cta-wrapper .share-button:hover,
[data-theme="dark"] .article-header .share-button:hover,
[data-theme="dark"] button.share-button:hover,
[data-theme="dark"] .share-button:hover {
    color: var(--color-text) !important;
    text-decoration-color: var(--color-text) !important;
}

[data-theme="dark"] html body .main-content.fade-in .medium-article .article-content .article-header .share-button span,
[data-theme="dark"] html body .main-content.fade-in .medium-article .article-content .cta-wrapper .share-button span,
[data-theme="dark"] html body .main-content .medium-article .article-content .article-header .share-button span,
[data-theme="dark"] html body .main-content .medium-article .article-content .cta-wrapper .share-button span,
[data-theme="dark"] html body .article-content .article-header .share-button span,
[data-theme="dark"] html body .article-content .cta-wrapper .share-button span,
[data-theme="dark"] body .main-content .medium-article .article-content .article-header .share-button span,
[data-theme="dark"] body .main-content .medium-article .article-content .cta-wrapper .share-button span,
[data-theme="dark"] body .article-content .article-header .share-button span,
[data-theme="dark"] body .article-content .cta-wrapper .share-button span,
[data-theme="dark"] .cta-wrapper .share-button span,
[data-theme="dark"] .article-header .share-button span,
[data-theme="dark"] button.share-button span,
[data-theme="dark"] .share-button span {
    color: var(--color-text) !important;
}

[data-theme="dark"] html body .main-content.fade-in .medium-article .article-content .article-header .share-button i[data-lucide] svg,
[data-theme="dark"] html body .main-content.fade-in .medium-article .article-content .cta-wrapper .share-button i[data-lucide] svg,
[data-theme="dark"] html body .main-content .medium-article .article-content .article-header .share-button i[data-lucide] svg,
[data-theme="dark"] html body .main-content .medium-article .article-content .cta-wrapper .share-button i[data-lucide] svg,
[data-theme="dark"] html body .article-content .article-header .share-button i[data-lucide] svg,
[data-theme="dark"] html body .article-content .cta-wrapper .share-button i[data-lucide] svg,
[data-theme="dark"] body .main-content .medium-article .article-content .article-header .share-button i[data-lucide] svg,
[data-theme="dark"] body .main-content .medium-article .article-content .cta-wrapper .share-button i[data-lucide] svg,
[data-theme="dark"] body .article-content .article-header .share-button i[data-lucide] svg,
[data-theme="dark"] body .article-content .cta-wrapper .share-button i[data-lucide] svg,
[data-theme="dark"] .cta-wrapper .share-button i[data-lucide] svg,
[data-theme="dark"] .article-header .share-button i[data-lucide] svg,
[data-theme="dark"] button.share-button i[data-lucide] svg,
[data-theme="dark"] .share-button i[data-lucide] svg {
    color: var(--color-text) !important;
}

/* ========================================
   ТЕМНАЯ ТЕМА - ОКОНЧАТЕЛЬНОЕ ПЕРЕКРЫТИЕ ФИНАЛЬНЫХ СТИЛЕЙ
   Правила должны быть ПОСЛЕ всех финальных стилей для максимального приоритета
   ======================================== */

/* Темная тема - CTA кнопки - окончательное перекрытие финальных стилей (после строк 3789-3949) */
[data-theme="dark"] html body .main-content.fade-in .medium-article .article-content .cta-wrapper .cta-button--black,
[data-theme="dark"] html body .main-content .medium-article .article-content .cta-wrapper .cta-button--black,
[data-theme="dark"] html body .article-content .cta-wrapper .cta-button--black,
[data-theme="dark"] html body .main-content.fade-in .medium-article .article-content .cta-actions .cta-button--black,
[data-theme="dark"] html body .main-content .medium-article .article-content .cta-actions .cta-button--black,
[data-theme="dark"] html body .article-content .cta-actions .cta-button--black,
[data-theme="dark"] body .main-content .medium-article .article-content .cta-wrapper .cta-button--black,
[data-theme="dark"] body .article-content .cta-wrapper .cta-button--black,
[data-theme="dark"] body .main-content .medium-article .article-content .cta-actions .cta-button--black,
[data-theme="dark"] body .article-content .cta-actions .cta-button--black,
[data-theme="dark"] .cta-wrapper .cta-button--black,
[data-theme="dark"] .cta-actions .cta-button--black,
[data-theme="dark"] a.cta-button--black,
[data-theme="dark"] .cta-button--black {
    color: var(--color-text) !important;
}

[data-theme="dark"] html body .main-content.fade-in .medium-article .article-content .cta-wrapper .cta-button--black:hover,
[data-theme="dark"] html body .main-content .medium-article .article-content .cta-wrapper .cta-button--black:hover,
[data-theme="dark"] html body .article-content .cta-wrapper .cta-button--black:hover,
[data-theme="dark"] html body .main-content.fade-in .medium-article .article-content .cta-actions .cta-button--black:hover,
[data-theme="dark"] html body .main-content .medium-article .article-content .cta-actions .cta-button--black:hover,
[data-theme="dark"] html body .article-content .cta-actions .cta-button--black:hover,
[data-theme="dark"] body .main-content .medium-article .article-content .cta-wrapper .cta-button--black:hover,
[data-theme="dark"] body .article-content .cta-wrapper .cta-button--black:hover,
[data-theme="dark"] body .main-content .medium-article .article-content .cta-actions .cta-button--black:hover,
[data-theme="dark"] body .article-content .cta-actions .cta-button--black:hover,
[data-theme="dark"] .cta-wrapper .cta-button--black:hover,
[data-theme="dark"] .cta-actions .cta-button--black:hover,
[data-theme="dark"] a.cta-button--black:hover,
[data-theme="dark"] .cta-button--black:hover {
    color: var(--color-text) !important;
    text-decoration: underline !important;
    text-decoration-color: var(--color-text) !important;
    text-underline-offset: 4px !important;
}

[data-theme="dark"] html body .main-content.fade-in .medium-article .article-content .cta-wrapper .cta-button--black .button-text,
[data-theme="dark"] html body .main-content .medium-article .article-content .cta-wrapper .cta-button--black .button-text,
[data-theme="dark"] html body .article-content .cta-wrapper .cta-button--black .button-text,
[data-theme="dark"] html body .main-content.fade-in .medium-article .article-content .cta-actions .cta-button--black .button-text,
[data-theme="dark"] html body .main-content .medium-article .article-content .cta-actions .cta-button--black .button-text,
[data-theme="dark"] html body .article-content .cta-actions .cta-button--black .button-text,
[data-theme="dark"] body .main-content .medium-article .article-content .cta-wrapper .cta-button--black .button-text,
[data-theme="dark"] body .article-content .cta-wrapper .cta-button--black .button-text,
[data-theme="dark"] body .main-content .medium-article .article-content .cta-actions .cta-button--black .button-text,
[data-theme="dark"] body .article-content .cta-actions .cta-button--black .button-text,
[data-theme="dark"] .cta-wrapper .cta-button--black .button-text,
[data-theme="dark"] .cta-actions .cta-button--black .button-text,
[data-theme="dark"] a.cta-button--black .button-text,
[data-theme="dark"] .cta-button--black .button-text {
    color: var(--color-text) !important;
}

[data-theme="dark"] html body .main-content.fade-in .medium-article .article-content .cta-wrapper .cta-button--black:hover .button-text,
[data-theme="dark"] html body .main-content .medium-article .article-content .cta-wrapper .cta-button--black:hover .button-text,
[data-theme="dark"] html body .article-content .cta-wrapper .cta-button--black:hover .button-text,
[data-theme="dark"] html body .main-content.fade-in .medium-article .article-content .cta-actions .cta-button--black:hover .button-text,
[data-theme="dark"] html body .main-content .medium-article .article-content .cta-actions .cta-button--black:hover .button-text,
[data-theme="dark"] html body .article-content .cta-actions .cta-button--black:hover .button-text,
[data-theme="dark"] body .main-content .medium-article .article-content .cta-wrapper .cta-button--black:hover .button-text,
[data-theme="dark"] body .article-content .cta-wrapper .cta-button--black:hover .button-text,
[data-theme="dark"] body .main-content .medium-article .article-content .cta-actions .cta-button--black:hover .button-text,
[data-theme="dark"] body .article-content .cta-actions .cta-button--black:hover .button-text,
[data-theme="dark"] .cta-wrapper .cta-button--black:hover .button-text,
[data-theme="dark"] .cta-actions .cta-button--black:hover .button-text,
[data-theme="dark"] a.cta-button--black:hover .button-text,
[data-theme="dark"] .cta-button--black:hover .button-text {
    color: var(--color-text) !important;
}

/* Темная тема - подчеркивание share-button span - перекрытие финальных стилей */
[data-theme="dark"] html body .main-content.fade-in .medium-article .article-content .article-header .share-button:hover span,
[data-theme="dark"] html body .main-content.fade-in .medium-article .article-content .cta-wrapper .share-button:hover span,
[data-theme="dark"] html body .main-content .medium-article .article-content .article-header .share-button:hover span,
[data-theme="dark"] html body .main-content .medium-article .article-content .cta-wrapper .share-button:hover span,
[data-theme="dark"] html body .article-content .article-header .share-button:hover span,
[data-theme="dark"] html body .article-content .cta-wrapper .share-button:hover span,
[data-theme="dark"] body .main-content .medium-article .article-content .article-header .share-button:hover span,
[data-theme="dark"] body .main-content .medium-article .article-content .cta-wrapper .share-button:hover span,
[data-theme="dark"] body .article-content .article-header .share-button:hover span,
[data-theme="dark"] body .article-content .cta-wrapper .share-button:hover span,
[data-theme="dark"] .cta-wrapper .share-button:hover span,
[data-theme="dark"] .article-header .share-button:hover span,
[data-theme="dark"] button.share-button:hover span,
[data-theme="dark"] .share-button:hover span {
    text-decoration: underline !important;
    text-decoration-color: var(--color-text) !important;
    text-underline-offset: 4px !important;
    color: var(--color-text) !important;
}

[data-theme="dark"] html body .main-content.fade-in .medium-article .article-content .article-header .share-button.active span,
[data-theme="dark"] html body .main-content.fade-in .medium-article .article-content .cta-wrapper .share-button.active span,
[data-theme="dark"] html body .main-content .medium-article .article-content .article-header .share-button.active span,
[data-theme="dark"] html body .main-content .medium-article .article-content .cta-wrapper .share-button.active span,
[data-theme="dark"] html body .article-content .article-header .share-button.active span,
[data-theme="dark"] html body .article-content .cta-wrapper .share-button.active span,
[data-theme="dark"] body .main-content .medium-article .article-content .article-header .share-button.active span,
[data-theme="dark"] body .main-content .medium-article .article-content .cta-wrapper .share-button.active span,
[data-theme="dark"] body .article-content .article-header .share-button.active span,
[data-theme="dark"] body .article-content .cta-wrapper .share-button.active span,
[data-theme="dark"] .cta-wrapper .share-button.active span,
[data-theme="dark"] .article-header .share-button.active span,
[data-theme="dark"] button.share-button.active span,
[data-theme="dark"] .share-button.active span {
    text-decoration: underline !important;
    text-decoration-color: var(--color-text) !important;
    text-underline-offset: 4px !important;
    color: var(--color-text) !important;
}

/* ========================================
   ТЕМНАЯ ТЕМА - АБСОЛЮТНО ФИНАЛЬНОЕ ПЕРЕКРЫТИЕ CTA КНОПОК В .cta-actions
   Правила должны быть ПОСЛЕ всех правил темной темы для максимального приоритета
   ======================================== */

/* Темная тема - CTA кнопки в .cta-actions - максимальная специфичность для перекрытия всех финальных стилей */
[data-theme="dark"] html body .main-content.fade-in .medium-article .article-content .cta-wrapper .cta-actions .cta-button--black,
[data-theme="dark"] html body .main-content .medium-article .article-content .cta-wrapper .cta-actions .cta-button--black,
[data-theme="dark"] html body .article-content .cta-wrapper .cta-actions .cta-button--black,
[data-theme="dark"] html body .main-content.fade-in .medium-article .article-content .cta-actions .cta-button--black,
[data-theme="dark"] html body .main-content .medium-article .article-content .cta-actions .cta-button--black,
[data-theme="dark"] html body .article-content .cta-actions .cta-button--black,
[data-theme="dark"] body .main-content .medium-article .article-content .cta-wrapper .cta-actions .cta-button--black,
[data-theme="dark"] body .article-content .cta-wrapper .cta-actions .cta-button--black,
[data-theme="dark"] body .main-content .medium-article .article-content .cta-actions .cta-button--black,
[data-theme="dark"] body .article-content .cta-actions .cta-button--black,
[data-theme="dark"] .cta-wrapper .cta-actions .cta-button--black,
[data-theme="dark"] .cta-actions .cta-button--black,
[data-theme="dark"] .cta-actions a.cta-button--black,
[data-theme="dark"] .cta-actions a {
    color: var(--color-text) !important;
}

[data-theme="dark"] html body .main-content.fade-in .medium-article .article-content .cta-wrapper .cta-actions .cta-button--black:hover,
[data-theme="dark"] html body .main-content .medium-article .article-content .cta-wrapper .cta-actions .cta-button--black:hover,
[data-theme="dark"] html body .article-content .cta-wrapper .cta-actions .cta-button--black:hover,
[data-theme="dark"] html body .main-content.fade-in .medium-article .article-content .cta-actions .cta-button--black:hover,
[data-theme="dark"] html body .main-content .medium-article .article-content .cta-actions .cta-button--black:hover,
[data-theme="dark"] html body .article-content .cta-actions .cta-button--black:hover,
[data-theme="dark"] body .main-content .medium-article .article-content .cta-wrapper .cta-actions .cta-button--black:hover,
[data-theme="dark"] body .article-content .cta-wrapper .cta-actions .cta-button--black:hover,
[data-theme="dark"] body .main-content .medium-article .article-content .cta-actions .cta-button--black:hover,
[data-theme="dark"] body .article-content .cta-actions .cta-button--black:hover,
[data-theme="dark"] .cta-wrapper .cta-actions .cta-button--black:hover,
[data-theme="dark"] .cta-actions .cta-button--black:hover,
[data-theme="dark"] .cta-actions a.cta-button--black:hover,
[data-theme="dark"] .cta-actions a:hover {
    color: var(--color-text) !important;
    text-decoration: underline !important;
    text-decoration-color: var(--color-text) !important;
    text-underline-offset: 4px !important;
}

/* Темная тема - текст внутри CTA кнопок в .cta-actions */
[data-theme="dark"] html body .main-content.fade-in .medium-article .article-content .cta-wrapper .cta-actions .cta-button--black .button-text,
[data-theme="dark"] html body .main-content .medium-article .article-content .cta-wrapper .cta-actions .cta-button--black .button-text,
[data-theme="dark"] html body .article-content .cta-wrapper .cta-actions .cta-button--black .button-text,
[data-theme="dark"] html body .main-content.fade-in .medium-article .article-content .cta-actions .cta-button--black .button-text,
[data-theme="dark"] html body .main-content .medium-article .article-content .cta-actions .cta-button--black .button-text,
[data-theme="dark"] html body .article-content .cta-actions .cta-button--black .button-text,
[data-theme="dark"] body .main-content .medium-article .article-content .cta-wrapper .cta-actions .cta-button--black .button-text,
[data-theme="dark"] body .article-content .cta-wrapper .cta-actions .cta-button--black .button-text,
[data-theme="dark"] body .main-content .medium-article .article-content .cta-actions .cta-button--black .button-text,
[data-theme="dark"] body .article-content .cta-actions .cta-button--black .button-text,
[data-theme="dark"] .cta-wrapper .cta-actions .cta-button--black .button-text,
[data-theme="dark"] .cta-actions .cta-button--black .button-text,
[data-theme="dark"] .cta-actions a.cta-button--black .button-text,
[data-theme="dark"] .cta-actions a .button-text {
    color: var(--color-text) !important;
}

[data-theme="dark"] html body .main-content.fade-in .medium-article .article-content .cta-wrapper .cta-actions .cta-button--black:hover .button-text,
[data-theme="dark"] html body .main-content .medium-article .article-content .cta-wrapper .cta-actions .cta-button--black:hover .button-text,
[data-theme="dark"] html body .article-content .cta-wrapper .cta-actions .cta-button--black:hover .button-text,
[data-theme="dark"] html body .main-content.fade-in .medium-article .article-content .cta-actions .cta-button--black:hover .button-text,
[data-theme="dark"] html body .main-content .medium-article .article-content .cta-actions .cta-button--black:hover .button-text,
[data-theme="dark"] html body .article-content .cta-actions .cta-button--black:hover .button-text,
[data-theme="dark"] body .main-content .medium-article .article-content .cta-wrapper .cta-actions .cta-button--black:hover .button-text,
[data-theme="dark"] body .article-content .cta-wrapper .cta-actions .cta-button--black:hover .button-text,
[data-theme="dark"] body .main-content .medium-article .article-content .cta-actions .cta-button--black:hover .button-text,
[data-theme="dark"] body .article-content .cta-actions .cta-button--black:hover .button-text,
[data-theme="dark"] .cta-wrapper .cta-actions .cta-button--black:hover .button-text,
[data-theme="dark"] .cta-actions .cta-button--black:hover .button-text,
[data-theme="dark"] .cta-actions a.cta-button--black:hover .button-text,
[data-theme="dark"] .cta-actions a:hover .button-text {
    color: var(--color-text) !important;
}

/* Темная тема - Share кнопка в .cta-actions - максимальная специфичность */
[data-theme="dark"] html body .main-content.fade-in .medium-article .article-content .cta-wrapper .cta-actions .share-button,
[data-theme="dark"] html body .main-content .medium-article .article-content .cta-wrapper .cta-actions .share-button,
[data-theme="dark"] html body .article-content .cta-wrapper .cta-actions .share-button,
[data-theme="dark"] html body .main-content.fade-in .medium-article .article-content .cta-actions .share-button,
[data-theme="dark"] html body .main-content .medium-article .article-content .cta-actions .share-button,
[data-theme="dark"] html body .article-content .cta-actions .share-button,
[data-theme="dark"] body .main-content .medium-article .article-content .cta-wrapper .cta-actions .share-button,
[data-theme="dark"] body .article-content .cta-wrapper .cta-actions .share-button,
[data-theme="dark"] body .main-content .medium-article .article-content .cta-actions .share-button,
[data-theme="dark"] body .article-content .cta-actions .share-button,
[data-theme="dark"] .cta-wrapper .cta-actions .share-button,
[data-theme="dark"] .cta-actions .share-button,
[data-theme="dark"] .cta-actions button.share-button {
    color: var(--color-text) !important;
}

[data-theme="dark"] html body .main-content.fade-in .medium-article .article-content .cta-wrapper .cta-actions .share-button:hover,
[data-theme="dark"] html body .main-content .medium-article .article-content .cta-wrapper .cta-actions .share-button:hover,
[data-theme="dark"] html body .article-content .cta-wrapper .cta-actions .share-button:hover,
[data-theme="dark"] html body .main-content.fade-in .medium-article .article-content .cta-actions .share-button:hover,
[data-theme="dark"] html body .main-content .medium-article .article-content .cta-actions .share-button:hover,
[data-theme="dark"] html body .article-content .cta-actions .share-button:hover,
[data-theme="dark"] body .main-content .medium-article .article-content .cta-wrapper .cta-actions .share-button:hover,
[data-theme="dark"] body .article-content .cta-wrapper .cta-actions .share-button:hover,
[data-theme="dark"] body .main-content .medium-article .article-content .cta-actions .share-button:hover,
[data-theme="dark"] body .article-content .cta-actions .share-button:hover,
[data-theme="dark"] .cta-wrapper .cta-actions .share-button:hover,
[data-theme="dark"] .cta-actions .share-button:hover,
[data-theme="dark"] .cta-actions button.share-button:hover {
    color: var(--color-text) !important;
    text-decoration: underline !important;
    text-decoration-color: var(--color-text) !important;
    text-underline-offset: 4px !important;
}

/* Темная тема - текст внутри Share кнопки в .cta-actions */
[data-theme="dark"] html body .main-content.fade-in .medium-article .article-content .cta-wrapper .cta-actions .share-button span,
[data-theme="dark"] html body .main-content .medium-article .article-content .cta-wrapper .cta-actions .share-button span,
[data-theme="dark"] html body .article-content .cta-wrapper .cta-actions .share-button span,
[data-theme="dark"] html body .main-content.fade-in .medium-article .article-content .cta-actions .share-button span,
[data-theme="dark"] html body .main-content .medium-article .article-content .cta-actions .share-button span,
[data-theme="dark"] html body .article-content .cta-actions .share-button span,
[data-theme="dark"] body .main-content .medium-article .article-content .cta-wrapper .cta-actions .share-button span,
[data-theme="dark"] body .article-content .cta-wrapper .cta-actions .share-button span,
[data-theme="dark"] body .main-content .medium-article .article-content .cta-actions .share-button span,
[data-theme="dark"] body .article-content .cta-actions .share-button span,
[data-theme="dark"] .cta-wrapper .cta-actions .share-button span,
[data-theme="dark"] .cta-actions .share-button span,
[data-theme="dark"] .cta-actions button.share-button span {
    color: var(--color-text) !important;
}

[data-theme="dark"] html body .main-content.fade-in .medium-article .article-content .cta-wrapper .cta-actions .share-button:hover span,
[data-theme="dark"] html body .main-content .medium-article .article-content .cta-wrapper .cta-actions .share-button:hover span,
[data-theme="dark"] html body .article-content .cta-wrapper .cta-actions .share-button:hover span,
[data-theme="dark"] html body .main-content.fade-in .medium-article .article-content .cta-actions .share-button:hover span,
[data-theme="dark"] html body .main-content .medium-article .article-content .cta-actions .share-button:hover span,
[data-theme="dark"] html body .article-content .cta-actions .share-button:hover span,
[data-theme="dark"] body .main-content .medium-article .article-content .cta-wrapper .cta-actions .share-button:hover span,
[data-theme="dark"] body .article-content .cta-wrapper .cta-actions .share-button:hover span,
[data-theme="dark"] body .main-content .medium-article .article-content .cta-actions .share-button:hover span,
[data-theme="dark"] body .article-content .cta-actions .share-button:hover span,
[data-theme="dark"] .cta-wrapper .cta-actions .share-button:hover span,
[data-theme="dark"] .cta-actions .share-button:hover span,
[data-theme="dark"] .cta-actions button.share-button:hover span {
    color: var(--color-text) !important;
    text-decoration: underline !important;
    text-decoration-color: var(--color-text) !important;
    text-underline-offset: 4px !important;
}

/* Темная тема - иконки Share кнопки в .cta-actions */
[data-theme="dark"] html body .main-content.fade-in .medium-article .article-content .cta-wrapper .cta-actions .share-button i[data-lucide] svg,
[data-theme="dark"] html body .main-content .medium-article .article-content .cta-wrapper .cta-actions .share-button i[data-lucide] svg,
[data-theme="dark"] html body .article-content .cta-wrapper .cta-actions .share-button i[data-lucide] svg,
[data-theme="dark"] html body .main-content.fade-in .medium-article .article-content .cta-actions .share-button i[data-lucide] svg,
[data-theme="dark"] html body .main-content .medium-article .article-content .cta-actions .share-button i[data-lucide] svg,
[data-theme="dark"] html body .article-content .cta-actions .share-button i[data-lucide] svg,
[data-theme="dark"] body .main-content .medium-article .article-content .cta-wrapper .cta-actions .share-button i[data-lucide] svg,
[data-theme="dark"] body .article-content .cta-wrapper .cta-actions .share-button i[data-lucide] svg,
[data-theme="dark"] body .main-content .medium-article .article-content .cta-actions .share-button i[data-lucide] svg,
[data-theme="dark"] body .article-content .cta-actions .share-button i[data-lucide] svg,
[data-theme="dark"] .cta-wrapper .cta-actions .share-button i[data-lucide] svg,
[data-theme="dark"] .cta-actions .share-button i[data-lucide] svg,
[data-theme="dark"] .cta-actions button.share-button i[data-lucide] svg,
[data-theme="dark"] .cta-actions .share-button svg {
    color: var(--color-text) !important;
    opacity: 0.7 !important;
}

[data-theme="dark"] html body .main-content.fade-in .medium-article .article-content .cta-wrapper .cta-actions .share-button:hover i[data-lucide] svg,
[data-theme="dark"] html body .main-content .medium-article .article-content .cta-wrapper .cta-actions .share-button:hover i[data-lucide] svg,
[data-theme="dark"] html body .article-content .cta-wrapper .cta-actions .share-button:hover i[data-lucide] svg,
[data-theme="dark"] html body .main-content.fade-in .medium-article .article-content .cta-actions .share-button:hover i[data-lucide] svg,
[data-theme="dark"] html body .main-content .medium-article .article-content .cta-actions .share-button:hover i[data-lucide] svg,
[data-theme="dark"] html body .article-content .cta-actions .share-button:hover i[data-lucide] svg,
[data-theme="dark"] body .main-content .medium-article .article-content .cta-wrapper .cta-actions .share-button:hover i[data-lucide] svg,
[data-theme="dark"] body .article-content .cta-wrapper .cta-actions .share-button:hover i[data-lucide] svg,
[data-theme="dark"] body .main-content .medium-article .article-content .cta-actions .share-button:hover i[data-lucide] svg,
[data-theme="dark"] body .article-content .cta-actions .share-button:hover i[data-lucide] svg,
[data-theme="dark"] .cta-wrapper .cta-actions .share-button:hover i[data-lucide] svg,
[data-theme="dark"] .cta-actions .share-button:hover i[data-lucide] svg,
[data-theme="dark"] .cta-actions button.share-button:hover i[data-lucide] svg,
[data-theme="dark"] .cta-actions .share-button:hover svg {
    color: var(--color-text) !important;
    opacity: 1 !important;
}

/* Темная тема - SVG иконки внутри CTA кнопок в .cta-actions - максимальная специфичность */
[data-theme="dark"] html body .main-content.fade-in .medium-article .article-content .cta-wrapper .cta-actions .cta-button--black .badge-icon i[data-lucide] svg,
[data-theme="dark"] html body .main-content .medium-article .article-content .cta-wrapper .cta-actions .cta-button--black .badge-icon i[data-lucide] svg,
[data-theme="dark"] html body .article-content .cta-wrapper .cta-actions .cta-button--black .badge-icon i[data-lucide] svg,
[data-theme="dark"] html body .main-content.fade-in .medium-article .article-content .cta-actions .cta-button--black .badge-icon i[data-lucide] svg,
[data-theme="dark"] html body .main-content .medium-article .article-content .cta-actions .cta-button--black .badge-icon i[data-lucide] svg,
[data-theme="dark"] html body .article-content .cta-actions .cta-button--black .badge-icon i[data-lucide] svg,
[data-theme="dark"] body .main-content .medium-article .article-content .cta-wrapper .cta-actions .cta-button--black .badge-icon i[data-lucide] svg,
[data-theme="dark"] body .article-content .cta-wrapper .cta-actions .cta-button--black .badge-icon i[data-lucide] svg,
[data-theme="dark"] body .main-content .medium-article .article-content .cta-actions .cta-button--black .badge-icon i[data-lucide] svg,
[data-theme="dark"] body .article-content .cta-actions .cta-button--black .badge-icon i[data-lucide] svg,
[data-theme="dark"] .cta-wrapper .cta-actions .cta-button--black .badge-icon i[data-lucide] svg,
[data-theme="dark"] .cta-actions .cta-button--black .badge-icon i[data-lucide] svg,
[data-theme="dark"] .cta-actions a.cta-button--black .badge-icon i[data-lucide] svg,
[data-theme="dark"] .cta-actions a .badge-icon i[data-lucide] svg,
[data-theme="dark"] .cta-actions .cta-button--black .badge-icon svg,
[data-theme="dark"] .cta-actions a .badge-icon svg,
[data-theme="dark"] .cta-actions .cta-button--black svg,
[data-theme="dark"] .cta-actions a svg {
    color: var(--color-text) !important;
    stroke: var(--color-text) !important;
    fill: none !important;
    opacity: 0.7 !important;
}

[data-theme="dark"] html body .main-content.fade-in .medium-article .article-content .cta-wrapper .cta-actions .cta-button--black:hover .badge-icon i[data-lucide] svg,
[data-theme="dark"] html body .main-content .medium-article .article-content .cta-wrapper .cta-actions .cta-button--black:hover .badge-icon i[data-lucide] svg,
[data-theme="dark"] html body .article-content .cta-wrapper .cta-actions .cta-button--black:hover .badge-icon i[data-lucide] svg,
[data-theme="dark"] html body .main-content.fade-in .medium-article .article-content .cta-actions .cta-button--black:hover .badge-icon i[data-lucide] svg,
[data-theme="dark"] html body .main-content .medium-article .article-content .cta-actions .cta-button--black:hover .badge-icon i[data-lucide] svg,
[data-theme="dark"] html body .article-content .cta-actions .cta-button--black:hover .badge-icon i[data-lucide] svg,
[data-theme="dark"] body .main-content .medium-article .article-content .cta-wrapper .cta-actions .cta-button--black:hover .badge-icon i[data-lucide] svg,
[data-theme="dark"] body .article-content .cta-wrapper .cta-actions .cta-button--black:hover .badge-icon i[data-lucide] svg,
[data-theme="dark"] body .main-content .medium-article .article-content .cta-actions .cta-button--black:hover .badge-icon i[data-lucide] svg,
[data-theme="dark"] body .article-content .cta-actions .cta-button--black:hover .badge-icon i[data-lucide] svg,
[data-theme="dark"] .cta-wrapper .cta-actions .cta-button--black:hover .badge-icon i[data-lucide] svg,
[data-theme="dark"] .cta-actions .cta-button--black:hover .badge-icon i[data-lucide] svg,
[data-theme="dark"] .cta-actions a.cta-button--black:hover .badge-icon i[data-lucide] svg,
[data-theme="dark"] .cta-actions a:hover .badge-icon i[data-lucide] svg,
[data-theme="dark"] .cta-actions .cta-button--black:hover .badge-icon svg,
[data-theme="dark"] .cta-actions a:hover .badge-icon svg,
[data-theme="dark"] .cta-actions .cta-button--black:hover svg,
[data-theme="dark"] .cta-actions a:hover svg {
    color: var(--color-text) !important;
    stroke: var(--color-text) !important;
    fill: none !important;
    opacity: 1 !important;
}

/* Темная тема - path внутри SVG иконок в .cta-actions */
[data-theme="dark"] .cta-actions .cta-button--black .badge-icon i[data-lucide] svg path,
[data-theme="dark"] .cta-actions .cta-button--black .badge-icon svg path,
[data-theme="dark"] .cta-actions .cta-button--black svg path,
[data-theme="dark"] .cta-actions a .badge-icon i[data-lucide] svg path,
[data-theme="dark"] .cta-actions a .badge-icon svg path,
[data-theme="dark"] .cta-actions a svg path,
[data-theme="dark"] .cta-actions .share-button i[data-lucide] svg path,
[data-theme="dark"] .cta-actions .share-button svg path {
    stroke: var(--color-text) !important;
    fill: none !important;
    color: var(--color-text) !important;
}

[data-theme="dark"] .cta-actions .cta-button--black:hover .badge-icon i[data-lucide] svg path,
[data-theme="dark"] .cta-actions .cta-button--black:hover .badge-icon svg path,
[data-theme="dark"] .cta-actions .cta-button--black:hover svg path,
[data-theme="dark"] .cta-actions a:hover .badge-icon i[data-lucide] svg path,
[data-theme="dark"] .cta-actions a:hover .badge-icon svg path,
[data-theme="dark"] .cta-actions a:hover svg path,
[data-theme="dark"] .cta-actions .share-button:hover i[data-lucide] svg path,
[data-theme="dark"] .cta-actions .share-button:hover svg path {
    stroke: var(--color-text) !important;
    fill: none !important;
    color: var(--color-text) !important;
}

/* ========================================
   MEDIA RADIUS — 16px (Case studies)
   ======================================== */
/* Финальное правило:
   - Контейнеры: radius 16px + overflow hidden (они обрезают)
   - Сами img/video/iframe: без скругления (radius 0) */
.hero-image-section,
.article-image,
.video-wrapper,
.media-frame {
    border-radius: 16px !important;
    overflow: hidden !important;
}

.hero-image,
.hero-video,
.case-image,
.case-video,
.featured-image,
.video-wrapper video,
.video-wrapper iframe,
.media-frame img,
.media-frame video,
.media-frame iframe,
.article-section img:not(.hero-image):not(.hero-video):not(.case-image):not(.case-video):not(.featured-image),
.article-image img:not(.featured-image) {
    border-radius: 0 !important;
    /* Убираем лишние обводки на самих медиа — обводка/радиус только у контейнера */
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}