/* /css/articles.css */

/* Custom scrollbar for chat widget (if using, from previous context) */
.scrollbar-thin {
    scrollbar-width: thin;
    scrollbar-color: #9ca3af #e5e7eb; /* thumb track */
}
.scrollbar-thin::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
.scrollbar-thin::-webkit-scrollbar-thumb {
    background-color: #9ca3af; /* gray-400 */
    border-radius: 9999px;
    border: 2px solid #e5e7eb; /* gray-200 */
}
.scrollbar-thin::-webkit-scrollbar-track {
    background-color: #e5e7eb; /* gray-200 */
    border-radius: 9999px;
}

/* For line-clamp (if Tailwind JIT/plugin is not used) */
/* These styles ensure text truncation works if Tailwind's line-clamp plugin isn't active */
.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.line-clamp-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}