/* ======== VNGOLD-ASIA - Teal Theme ======== */

html { scroll-behavior: smooth; }

::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #042f2e; }
::-webkit-scrollbar-thumb { background: #115e59; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #0d9488; }
.scrollbar-hide { -ms-overflow-style: none; scrollbar-width: none; }
.scrollbar-hide::-webkit-scrollbar { display: none; }

::selection { background: #0d9488; color: #fff; }

/* Line Clamp */
.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; }

/* Ticker */
@keyframes ticker-scroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}
.ticker-track { display: inline-flex; animation: ticker-scroll 30s linear infinite; }
.ticker-track:hover { animation-play-state: paused; }

/* Article Body */
.article-body { line-height: 1.85; font-size: 16px; color: #374151; }
.article-body p { margin-bottom: 1.5rem; }
.article-body h2 { font-size: 1.5rem; font-weight: 800; margin: 2.5rem 0 1rem; padding-bottom: 0.5rem; border-bottom: 2px solid #ccfbf1; color: #115e59; }
.article-body h3 { font-size: 1.25rem; font-weight: 700; margin: 2rem 0 0.75rem; }
.article-body h4 { font-size: 1.1rem; font-weight: 600; margin: 1.5rem 0 0.5rem; }
.article-body img { max-width: 100%; height: auto; border-radius: 12px; margin: 1.5rem 0; }
.article-body blockquote { border-left: 4px solid #0d9488; padding: 1rem 1.25rem; margin: 2rem 0; background: #f0fdfa; border-radius: 0 8px 8px 0; color: #115e59; font-style: italic; }
.article-body ul, .article-body ol { padding-left: 1.5rem; margin-bottom: 1.5rem; }
.article-body li { margin-bottom: 0.35rem; }
.article-body a { color: #0d9488; text-decoration: underline; font-weight: 500; }
.article-body a:hover { color: #042f2e; }
.article-body table { width: 100%; border-collapse: collapse; margin: 2rem 0; font-size: 14px; border-radius: 8px; overflow: hidden; border: 1px solid #99f6e4; }
.article-body th, .article-body td { border: 1px solid #99f6e4; padding: 0.75rem 1rem; text-align: left; }
.article-body th { background: #ccfbf1; font-weight: 700; }

/* Pagination */
.pagination { display: flex; gap: 0.4rem; flex-wrap: wrap; }
.pagination a, .pagination span {
    display: inline-flex; align-items: center; justify-content: center;
    min-width: 2.5rem; height: 2.5rem; padding: 0 0.75rem;
    border: 1px solid #99f6e4; border-radius: 8px;
    font-size: 13px; color: #115e59; text-decoration: none; font-weight: 500;
    transition: all 0.15s;
}
.pagination a:hover { background: #0d9488; color: #fff; border-color: #0d9488; }
.pagination .current { background: #0d9488; color: #fff; border-color: #0d9488; font-weight: 700; }
.pagination .disabled { color: #ccc; cursor: not-allowed; }

@media (max-width: 1023px) {
    .ticker-track { animation-duration: 20s; }
}