/**
 * SphereNexus Editorial Pro v2.4.8
 * Reliable homepage imagery and a compact sticky Popular panel.
 */

:root {
    --sn-v248-popular-top: 110px;
}

.admin-bar {
    --sn-v248-popular-top: 142px;
}

.sn-editor-v22-feature__media {
    position: absolute;
    inset: 0;
    z-index: -2;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    object-fit: cover;
}

@media (min-width: 941px) {
    .sn-editor-v24-section,
    .sn-editor-v24-section > .sn-container,
    .sn-editor-v24-section .sn-editor-v22-layout,
    .sn-editor-v24-section .sn-editor-v22-panel,
    .sn-editor-v24-section .sn-editor-v22-content {
        overflow: visible !important;
    }

    .sn-editor-v24-section .sn-editor-v22-feature,
    .sn-editor-v24-section .sn-editor-v22-list,
    .sn-editor-v24-section .sn-editor-v22-panel {
        position: relative !important;
        top: auto !important;
        transform: none !important;
    }

    .sn-editor-v24-section .sn-most-read-v22-panel {
        position: sticky !important;
        top: var(--sn-v248-popular-top) !important;
        align-self: start !important;
        height: max-content !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow: hidden !important;
        overscroll-behavior: auto !important;
        scrollbar-width: none !important;
        transform: none !important;
    }

    .sn-editor-v24-section .sn-most-read-v22-panel::-webkit-scrollbar {
        display: none !important;
    }

    .sn-editor-v24-section .sn-most-read-v22-list li {
        padding: 11px 0 !important;
    }

    .sn-editor-v24-section .sn-most-read-v22-list h3 {
        display: -webkit-box;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        font-size: 13px !important;
        line-height: 1.4 !important;
    }
}

@media (max-width: 940px) {
    .sn-editor-v24-section .sn-most-read-v22-panel {
        position: static !important;
        top: auto !important;
        height: auto !important;
        max-height: none !important;
    }
}
