/* ======== SGXSEMI - Bloomberg Style ======== */

html { scroll-behavior: smooth; }

/* Scrollbar hide for nav */
.scrollbar-hide { -ms-overflow-style: none; scrollbar-width: none; }
.scrollbar-hide::-webkit-scrollbar { display: none; }

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

/* Article body enhancements */
.article-body p { margin-bottom: 1.25rem; line-height: 1.75; }
.article-body h2 { font-size: 1.5rem; font-weight: 700; margin: 2rem 0 1rem; }
.article-body h3 { font-size: 1.25rem; font-weight: 600; margin: 1.5rem 0 0.75rem; }
.article-body img { max-width: 100%; height: auto; }
.article-body blockquote { border-left: 3px solid #000; padding-left: 1rem; margin: 1.5rem 0; color: #555; font-style: italic; }
.article-body ul { list-style: disc; padding-left: 1.5rem; margin-bottom: 1.25rem; }
.article-body ol { list-style: decimal; padding-left: 1.5rem; margin-bottom: 1.25rem; }
.article-body a { color: #ff4338; text-decoration: underline; }
.article-body a:hover { color: #000; }
.article-body table { width: 100%; border-collapse: collapse; margin: 1.5rem 0; font-size: 14px; }
.article-body th, .article-body td { border: 1px solid #e0e0e0; padding: 0.5rem 0.75rem; text-align: left; }
.article-body th { background: #f4f4f4; font-weight: 600; }

/* Pagination styling */
.pagination { display: flex; gap: 0.5rem; flex-wrap: wrap; }
.pagination a, .pagination span {
    display: inline-flex; align-items: center; justify-content: center;
    min-width: 2.25rem; height: 2.25rem;
    padding: 0 0.75rem;
    border: 1px solid #e0e0e0;
    font-size: 13px; color: #333; text-decoration: none;
    transition: all 0.15s;
}
.pagination a:hover { background: #000; color: #fff; border-color: #000; }
.pagination .current { background: #000; color: #fff; border-color: #000; font-weight: 600; }
.pagination .disabled { color: #ccc; cursor: not-allowed; }

/* Selection color */
::selection { background: #ff4338; color: #fff; }

/* Image hover zoom */
group:hover img { }