/* Custom styles supplementing Tailwind CSS for SEO Top 10 Article */

html {
    scroll-behavior: smooth;
}

/* Reading Progress Bar Smooth transition */
#progress-bar {
    transition: width 0.1s ease-out;
}

/* Custom Table scrollbars */
.overflow-x-auto::-webkit-scrollbar {
    height: 6px;
}

.overflow-x-auto::-webkit-scrollbar-track {
    background: #f1f5f9;
    border-radius: 4px;
}

.overflow-x-auto::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 4px;
}

.overflow-x-auto::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}

/* Anchor link offset for sticky header */
[id] {
    scroll-margin-top: 80px;
}

/* Article Typography Adjustments */
article p {
    word-break: break-word;
}

article a {
    transition: all 0.2s ease;
}

/* Highlight badge pulse effect */
@keyframes soft-pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.85; }
}

.badge-pulse {
    animation: soft-pulse 3s infinite;
}