/**
 * SphereNexus Editorial Pro v2.4.7
 * Editor's Picks scrolls normally while Most Read stays section-sticky.
 */

:root {
    --sn-v247-editor-sticky-top: 110px;
}

.admin-bar {
    --sn-v247-editor-sticky-top: 142px;
}

@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-layout {
        align-items: start !important;
    }

    /* Entire left Editor's Picks column follows the normal page scroll. */
    .sn-editor-v24-section .sn-editor-v22-panel,
    .sn-editor-v24-section .sn-editor-v22-content,
    .sn-editor-v24-section .sn-editor-v22-feature,
    .sn-editor-v24-section .sn-editor-v22-list {
        position: relative !important;
        top: auto !important;
        align-self: auto !important;
        transform: none !important;
    }

    /* Only the right panel remains sticky inside this section. */
    .sn-editor-v24-section .sn-most-read-v22-panel {
        position: sticky !important;
        top: var(--sn-v247-editor-sticky-top) !important;
        align-self: start !important;
        height: max-content !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow-x: hidden !important;
        overflow-y: 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;
        width: 0 !important;
        height: 0 !important;
    }
}

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