/**
 * SphereNexus Editorial Pro v2.4.9
 * Bounded category sidebar: the page is the only scroll container and the
 * compact sidebar stops with its category-layout parent before the footer.
 */

@media (min-width: 981px) {
    body.category .category-main,
    body.category .category-layout,
    body.category .category-layout > .content-column {
        overflow: visible !important;
    }

    body.category .category-layout {
        align-items: start !important;
    }

    body.category .category-sticky-column {
        position: sticky !important;
        top: var(--sn-v245-sticky-top, 110px) !important;
        align-self: start !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: calc(100vh - var(--sn-v245-sticky-top, 110px) - 20px) !important;
        overflow: hidden !important;
        overscroll-behavior: auto !important;
        z-index: 2;
    }

    body.category .category-sticky-column > .site-sidebar,
    body.category .category-sticky-column .site-sidebar--professional {
        position: static !important;
        display: grid;
        gap: 14px;
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
    }

    body.category .category-sticky-column .sidebar-card {
        margin: 0 !important;
    }

    body.category .category-sticky-column .sidebar-search-card {
        padding: 18px 20px !important;
    }

    body.category .category-sticky-column .sidebar-stories-card {
        padding: 18px 20px !important;
    }

    body.category .category-sticky-column .sidebar-story {
        padding-block: 10px !important;
    }

    body.category .category-sticky-column .sidebar-story__image {
        width: 72px !important;
        min-width: 72px !important;
        height: 58px !important;
    }

    body.category .category-sticky-column .sidebar-story h3 {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }
}

@media (max-width: 980px) {
    body.category .category-sticky-column {
        position: static !important;
        max-height: none !important;
        overflow: visible !important;
    }
}