/* ==========================================================================
   1. СБРОС ИНЛАЙНОВЫХ СТИЛЕЙ ВЕРСТАЛЬЩИКОВ (Защита от человеческого фактора)
   ========================================================================== */
.t-text span, 
.t-descr span, 
.t-title span, 
.t-name span {
    font-family: inherit !important;
    font-size: inherit !important;
    line-height: inherit !important;
}

/* ==========================================================================
   2. БАЗОВЫЕ НАСТРОЙКИ ТИПОГРАФИКИ (ПК / Экраны 1200px+)
   ========================================================================== */
/* Заголовок H1 статьи */
h1, .t-title_xxl, .t-title_xl {
    font-size: 42px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    margin-bottom: 24px !important;
}

/* Подзаголовок H2 (Layer-Cake сканирование) */
h2, .t-title_md, .t-title_sm {
    font-size: 30px !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;
    margin-top: 40px !important;
    margin-bottom: 16px !important;
}

/* Подзаголовок H3 */
h3, .t-title_xs {
    font-size: 24px !important;
    line-height: 1.3 !important;
    font-weight: 600 !important;
    margin-top: 32px !important;
    margin-bottom: 12px !important;
}

/* Вводный лид статьи */
.t-descr_xl, .t-descr_lg, .article-lead {
    font-size: 20px !important;
    line-height: 1.55 !important;
    font-weight: 400 !important;
}

/* Основной текст статьи и списки */
.t-text, .t-text_md, .t-text p, .t-text li {
    font-size: 18px !important;
    line-height: 1.6 !important;
    color: #222222 !important; /* Глубокий антрацит вместо резкого #000 */
}

/* Подписи к фото (Caption) */
.t-img-select__descr, .t-descr_xs {
    font-size: 14px !important;
    line-height: 1.4 !important;
    color: #777777 !important;
}

/* ==========================================================================
   3. АДАПТИВНОСТЬ ПО 5 ЭКРАНАМ (NN/g Mobile-First)
   ========================================================================== */

/* ЭКРАН 2: Ноутбуки (960px - 1199px) */
@media screen and (min-width: 960px) and (max-width: 1199px) {
    h1, .t-title_xxl, .t-title_xl { font-size: 36px !important; }
    h2, .t-title_md, .t-title_sm { font-size: 28px !important; }
    h3, .t-title_xs { font-size: 22px !important; }
    .t-text, .t-text_md, .t-text p { font-size: 18px !important; }
}

/* ЭКРАН 3: Планшеты (640px - 959px) */
@media screen and (min-width: 640px) and (max-width: 959px) {
    h1, .t-title_xxl, .t-title_xl { font-size: 32px !important; }
    h2, .t-title_md, .t-title_sm { font-size: 26px !important; }
    h3, .t-title_xs { font-size: 21px !important; }
    .t-descr_xl, .t-descr_lg { font-size: 18px !important; }
    .t-text, .t-text_md, .t-text p { font-size: 17px !important; line-height: 1.5 !important; }
}

/* ЭКРАН 4: Большие смартфоны в горизонте (480px - 639px) */
@media screen and (min-width: 480px) and (max-width: 639px) {
    h1, .t-title_xxl, .t-title_xl { font-size: 28px !important; }
    h2, .t-title_md, .t-title_sm { font-size: 24px !important; }
    h3, .t-title_xs { font-size: 20px !important; }
    .t-text, .t-text_md, .t-text p { font-size: 16px !important; line-height: 1.5 !important; }
}

/* ЭКРАН 5: Смартфоны вертикально (320px - 479px) — ОСНОВНОЙ ТРАФИК */
@media screen and (max-width: 479px) {
    h1, .t-title_xxl, .t-title_xl { 
        font-size: 26px !important; 
        line-height: 1.25 !important; 
        margin-bottom: 16px !important;
    }
    h2, .t-title_md, .t-title_sm { 
        font-size: 22px !important; 
        line-height: 1.3 !important; 
        margin-top: 28px !important;
        margin-bottom: 12px !important;
    }
    h3, .t-title_xs { 
        font-size: 19px !important; 
        line-height: 1.3 !important; 
    }
    .t-descr_xl, .t-descr_lg { 
        font-size: 17px !important; 
        line-height: 1.45 !important; 
    }
    .t-text, .t-text_md, .t-text p, .t-text li { 
        font-size: 16px !important; 
        line-height: 1.5 !important; 
    }
    .t-img-select__descr, .t-descr_xs { 
        font-size: 12px !important; 
    }
}
</style>