/* Start:/local/templates/agency_ux/components/bitrix/news.detail/news-ai/style.css?17902680581982*/
/* V5: размеры, шрифты, отступы и цвета — из штатного css/style.css.
   Возвращены articles-detail, articles-detail__preview и text-block.
   Здесь только дополнения для HTML интеграции и локальных виджетов. */
[data-sreda-article] { min-width: 0; overflow-wrap: anywhere; }
[data-sreda-article] > .articles-detail__preview > img { display: block; height: auto; }
[data-sreda-article] .text-block img,
[data-sreda-article] .text-block video { max-width: 100%; height: auto; }
[data-sreda-article] .text-block iframe { max-width: 100%; }
[data-sreda-article] .text-block table {
    display: block;
    width: max-content;
    max-width: 100%;
    overflow-x: auto;
    border-collapse: collapse;
    margin: 24px 0;
}
[data-sreda-article] .text-block th,
[data-sreda-article] .text-block td {
    min-width: 120px;
    padding: 12px;
    border: 1px solid #EEE;
    text-align: left;
    vertical-align: top;
}
[data-sreda-article] .text-block pre { max-width: 100%; overflow-x: auto; }
/* FAQ использует штатные .faq-element из общего css/style.css. */

/* Карточки articles-element и заголовок block__title остаются штатными.
   Без JS доступна обычная сетка; Swiper улучшает её до слайдера. */
.sreda-article-related { min-width: 0; }
[data-sreda-related-slider]:not(.swiper-initialized) > .swiper-wrapper {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 30px;
    transform: none;
}
[data-sreda-related-slider] .swiper-slide { height: auto; min-width: 0; }
[data-sreda-related-slider]:not(.swiper-initialized) [data-sreda-related-pagination] { display: none; }
@media (max-width: 576px) {
    [data-sreda-related-slider]:not(.swiper-initialized) > .swiper-wrapper {
        grid-template-columns: minmax(0, 1fr);
        gap: 20px;
    }
}

/* End */
/* /local/templates/agency_ux/components/bitrix/news.detail/news-ai/style.css?17902680581982 */