/* Media sizing and finish; existing page columns and section order stay intact. */
#news .main_image {
    display: block;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 3 / 2;
    object-fit: cover;
}

#news .boxed-images,
#news .category_image {
    display: block;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 8 / 5;
    object-fit: cover;
}

#news .article_image {
    display: block;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 3 / 2;
    object-fit: cover;
}

#news .homepage-video-slot {
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
}

#news .homepage-feature-video {
    display: block;
    width: 100%;
    height: auto;
    max-height: 650px;
    aspect-ratio: 2902 / 2436;
    object-fit: contain;
    background: #101827;
    border-radius: 8px;
}

#news .media-list-item > .ps-3 {
    flex: 0 0 clamp(105px, 35%, 145px);
    width: clamp(105px, 35%, 145px);
    min-width: 0;
}

#news .media-list-item > .ps-3 > a,
#news .media-list-item .video-wrapper {
    display: block;
    width: 100%;
}

#news .media-list-item .small_images,
#news .media-list-item .top-video-thumbnail {
    display: block;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    border-radius: 6px;
}

#news .media-list-item > .flex-column {
    flex: 1 1 0;
    min-width: 0;
    overflow-wrap: break-word;
}

#news .media-list-item .play-button {
    width: 34px;
    height: 34px;
    font-size: 15px;
}

#news .card,
#news .news_1_right1.bg-white {
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 16px rgba(22, 35, 55, 0.06);
}

#news .fixture-poster img,
#news .news_1_left2_inner1 .main_image {
    border-radius: 8px;
}

.rts-news-details-section .news-picture iframe,
#news .news_dt1 .video-wrapper iframe {
    display: block;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 9;
    max-height: 650px;
    border: 0;
    border-radius: 8px;
}

@media (max-width: 575px) {
    #news .news_dt3 > ul {
        flex-wrap: wrap;
        gap: 10px;
    }

    #news .news_dt3 > ul > li {
        flex: 1 1 100%;
    }

    #news .news_dt3 > ul > li > a {
        display: block !important;
        text-align: center;
    }
}