/* Global Custom CSS for animations and scrollbars */
html {
    scroll-behavior: smooth;
    scroll-padding-top: 5rem;
}

[x-cloak] {
    display: none !important;
}

/* Hide scrollbar for category tabs but keep functionality */
.scrollbar-hide::-webkit-scrollbar {
    display: none;
}
.scrollbar-hide {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}

/* Custom Scrollbar for the main document */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background-color: #cbd5e1;
    border-radius: 20px;
}

.dark ::-webkit-scrollbar-thumb {
    background-color: #333;
}

::-webkit-scrollbar-thumb:hover {
    background-color: #94a3b8;
}

.dark ::-webkit-scrollbar-thumb:hover {
    background-color: #444;
}

/* Markdown prose overrides for consistent aesthetic inside blog.html */
.prose {
    max-width: 65ch;
}