/* ================================================ */
/* ==  Site-specific Custom Styles                == */
/* ================================================ */

/* Sticky helpers for large screens and above */
@media (min-width: 1024px) {
    .blog-sticky-main { position: -webkit-sticky; position: sticky; top: 6rem; }
    .post-sticky-main { position: -webkit-sticky; position: sticky; top: 6rem; }
    .lc-sticky-aside { position: -webkit-sticky; position: sticky; top: 6rem; align-self: start; }
}

/* Optional: smooth scroll behavior */
html { scroll-behavior: smooth; }

/* Optional: subtle custom scrollbar for WebKit browsers */
@media (min-width: 1024px) {
    .blog-sticky-main::-webkit-scrollbar,
    .post-sticky-main::-webkit-scrollbar { width: 8px; height: 8px; }
    .blog-sticky-main::-webkit-scrollbar-thumb,
    .post-sticky-main::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 8px; }
    .blog-sticky-main::-webkit-scrollbar-thumb:hover,
    .post-sticky-main::-webkit-scrollbar-thumb:hover { background: #94a3b8; }
}