@media (min-width: 851px) {
    html .publication .article-page.content-post .article-reading-layout > .article-sidebar {
        position: sticky;
        top: var(--article-sidebar-top, 126px);
        align-self: start;
        max-height: calc(100dvh - var(--article-sidebar-top, 126px) - 16px);
        overflow-y: auto;
        overflow-x: hidden;
        scrollbar-width: thin;
        scrollbar-color: var(--line) transparent;
    }
}

@media (min-width: 851px) and (max-width: 1100px) {
    html[data-layout-mode="social"] .publication .article-page.content-post .article-reading-layout > .article-sidebar {
        position: static;
        max-height: none;
        overflow: visible;
    }
}

@media print {
    html .publication .article-page.content-post .article-reading-layout > .article-sidebar {
        position: static;
        max-height: none;
        overflow: visible;
    }
}