/* ======== SGXSEMI - Professional Dark Theme ======== */

html { scroll-behavior: smooth; }

/* Scrollbar */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #0a0a0a; }
::-webkit-scrollbar-thumb { background: #333; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #555; }
.scrollbar-hide { -ms-overflow-style: none; scrollbar-width: none; }
.scrollbar-hide::-webkit-scrollbar { display: none; }

/* Selection */
::selection { background: #f97316; 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 ANIMATION ======== */
@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: #333; }
.article-body p { margin-bottom: 1.5rem; }
.article-body h2 { font-size: 1.6rem; font-weight: 800; margin: 2.5rem 0 1rem; padding-bottom: 0.5rem; border-bottom: 2px solid #f0f0f0; }
.article-body h3 { font-size: 1.3rem; 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 #f97316; padding: 1rem 1.25rem; margin: 2rem 0; background: #fafafa; border-radius: 0 8px 8px 0; color: #555; 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: #f97316; text-decoration: underline; font-weight: 500; }
.article-body a:hover { color: #000; }
.article-body table { width: 100%; border-collapse: collapse; margin: 2rem 0; font-size: 14px; border-radius: 8px; overflow: hidden; }
.article-body th, .article-body td { border: 1px solid #e5e5e5; padding: 0.75rem 1rem; text-align: left; }
.article-body th { background: #f5f5f5; 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 #e0e0e0; border-radius: 8px;
    font-size: 13px; color: #444; text-decoration: none; font-weight: 500;
    transition: all 0.15s;
}
.pagination a:hover { background: #000; color: #fff; border-color: #000; }
.pagination .current { background: #f97316; color: #fff; border-color: #f97316; font-weight: 700; }
.pagination .disabled { color: #ccc; cursor: not-allowed; }

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