/*
 * Final responsive feed proportions and per-device preview selection.
 * This stylesheet intentionally loads after the historical layout guards.
 */
.rn-preview-device {
    display: none !important;
}

html body .rn-reels-shell .rn-feed-card .rn-news-content-panel {
    display: block !important;
    justify-content: flex-start !important;
    align-content: flex-start !important;
}

html body .rn-reels-shell .rn-feed-card .rn-feed-title,
html body .rn-reels-shell .rn-feed-card .rn-feed-excerpt {
    flex: 0 0 auto !important;
    position: static !important;
    transform: none !important;
}

html body .rn-reels-shell .rn-feed-card .rn-feed-excerpt {
    display: block !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
    -webkit-line-clamp: unset !important;
    line-clamp: unset !important;
    -webkit-box-orient: initial !important;
}

@media (min-width: 1181px) {
    html body .rn-feed-card .rn-feed-image {
        height: var(--rn-feed-image-desktop, 40dvh) !important;
        min-height: var(--rn-feed-image-desktop, 40dvh) !important;
        max-height: var(--rn-feed-image-desktop, 40dvh) !important;
        flex: 0 0 var(--rn-feed-image-desktop, 40dvh) !important;
    }

    html body .rn-feed-card .rn-news-body-area {
        height: var(--rn-feed-content-desktop, 60dvh) !important;
        min-height: var(--rn-feed-content-desktop, 60dvh) !important;
        max-height: var(--rn-feed-content-desktop, 60dvh) !important;
        flex: 0 0 var(--rn-feed-content-desktop, 60dvh) !important;
    }

    html body .rn-preview-desktop {
        display: block !important;
    }
}

@media (min-width: 769px) and (max-width: 1180px) {
    html body .rn-feed-card .rn-feed-image {
        height: var(--rn-feed-image-tablet, 34dvh) !important;
        min-height: var(--rn-feed-image-tablet, 34dvh) !important;
        max-height: var(--rn-feed-image-tablet, 34dvh) !important;
        flex: 0 0 var(--rn-feed-image-tablet, 34dvh) !important;
    }

    html body .rn-feed-card .rn-news-body-area {
        height: var(--rn-feed-content-tablet, 66dvh) !important;
        min-height: var(--rn-feed-content-tablet, 66dvh) !important;
        max-height: var(--rn-feed-content-tablet, 66dvh) !important;
        flex: 0 0 var(--rn-feed-content-tablet, 66dvh) !important;
    }

    html body .rn-preview-tablet {
        display: block !important;
    }
}

@media (max-width: 768px) {
    html body .rn-feed-card .rn-feed-image {
        height: var(--rn-feed-image-mobile, 34dvh) !important;
        min-height: var(--rn-feed-image-mobile, 34dvh) !important;
        max-height: var(--rn-feed-image-mobile, 34dvh) !important;
        flex: 0 0 var(--rn-feed-image-mobile, 34dvh) !important;
    }

    html body .rn-feed-card .rn-news-body-area {
        height: var(--rn-feed-content-mobile, 66dvh) !important;
        min-height: var(--rn-feed-content-mobile, 66dvh) !important;
        max-height: var(--rn-feed-content-mobile, 66dvh) !important;
        flex: 0 0 var(--rn-feed-content-mobile, 66dvh) !important;
    }

    html body .rn-preview-mobile {
        display: block !important;
    }
}