.tin-tuc{
    --bg:#fbfdff;
    --card:#ffffff;
    --muted:#6b7280;
    --accent:#0ea5a4;
    --accent-2:#16a34a;--gold:#f59e0b;--shadow: 0 20px 50px rgba(2,6,23,0.08)}
.tin-tuc .news-category-section {
    border-top: 2px solid var(--accent-2);
    padding-top: 20px;
    margin-top: 20px;
}

.tin-tuc .news-category-section h4 {
    position: relative;
    display: inline-block;
    padding-bottom: 10px;
}

.tin-tuc .news-category-section h4:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: 0;
    left: 0;
    background: var(--accent-2);
}

.tin-tuc .card-img-top {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
}

.tin-tuc .news-card { transition: transform 0.3s; }
.tin-tuc .news-card:hover { transform: translateY(-5px); }

.tin-tuc .news-category-section { --section-featured-height: 380px; }
.tin-tuc .news-category-section .row.align-items-start { align-items: stretch; }
.tin-tuc .featured-card { display: flex; flex-direction: column; height: var(--section-featured-height); }
.tin-tuc .featured-card .featured-image { width: 100%; height: 220px; object-fit: cover; flex: 0 0 auto; }
.tin-tuc .featured-card .card-body { flex: 1 1 auto; overflow: hidden; display: flex; flex-direction: column; padding-top: 10px; }
.tin-tuc .featured-card .card-title a { font-size: 1.02rem; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.tin-tuc .featured-card .featured-excerpt { display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 0.92rem; margin-top: auto; }
.tin-tuc .news-category-section > .row .col-md-5 { display: flex; flex-direction: column; }
.tin-tuc .news-category-section > .row .col-md-5 .row { flex: 1 1 auto; display: flex; flex-direction: column; gap: 12px; }
.tin-tuc .related-item { flex: 1 1 0; display: flex; align-items: center; }
.tin-tuc .related-item .d-flex { align-items: center; }
.tin-tuc .related-item img { width: 120px; height: 80px; object-fit: cover; border-radius: 6px; }
.tin-tuc .related-item .fw-semibold { font-size: 0.95rem; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.tin-tuc .related-item .text-muted.small { font-size: 0.78rem; }

@media (max-width: 991px) {
    .tin-tuc .news-category-section { --section-featured-height: auto; }
    .tin-tuc .featured-card { height: auto; }
    .tin-tuc .news-category-section > .row .col-md-5 .row { gap: 10px; }
    .tin-tuc .related-item img { width: 110px; height: 62px; }
}

/* Sidebar styles - convert bootstrap primary blue theme to site green for this page */
.tin-tuc .news-sidebar {
    position: sticky;
    top: 80px;
    background: linear-gradient(180deg, var(--accent-2) 0%, #059669 100%);
    color: #ffffff;
    padding: 16px;
    border-radius: 10px;
    box-shadow: 0 8px 22px rgba(22,163,74,0.12);
    border: 1px solid rgba(255,255,255,0.06);
}
.tin-tuc .news-sidebar a { color: #ffffff; text-decoration: none; }
.tin-tuc .news-sidebar a:hover { color: #e6fff3; text-decoration: underline; }
.tin-tuc .news-sidebar .sidebar-section h5 { font-size: 14px; font-weight: 700; color: #ffffff; }
.tin-tuc #sidebar-carousel-inner .carousel-item img { transition: transform 0.35s ease; border-radius:6px; }
.tin-tuc #sidebar-carousel-inner .carousel-caption { background: rgba(0,0,0,0.28); }
.tin-tuc .news-sidebar .list-unstyled a { color: #fff; }
.tin-tuc .news-sidebar .list-unstyled a:hover { color: #e6fff3; }

@media (max-width: 991px) { .tin-tuc .news-sidebar { position: static; background: transparent; color: inherit; box-shadow: none; padding: 0; border-radius: 0; } }

/* Topic buttons and spinners: replace blue utilities with green within page scope */
.tin-tuc .topic-btn, .tin-tuc .btn-outline-primary { border-color: rgba(22,163,74,0.16); color: var(--accent-2); }
.tin-tuc .topic-btn.active { background: linear-gradient(90deg,var(--accent),var(--accent-2)); color: #fff; border-color: transparent; }
.tin-tuc .spinner-border.text-primary { color: var(--accent-2); }

/* Badges */
.tin-tuc .badge.bg-primary { background-color: var(--accent-2) !important; }
.tin-tuc .badge.bg-info { background-color: var(--accent) !important; }

/* Button primary override for page (green gradient) */
.tin-tuc .btn-primary { background: linear-gradient(90deg,var(--accent),var(--accent-2)); color: #fff; border-color: transparent; }
.tin-tuc .btn-ghost { background: transparent; border: 2px solid rgba(8,51,68,0.06); color: #083344; }

/* Make sure small link buttons look appropriate */
.tin-tuc .btn-link { color: var(--accent-2); }

/* Smaller topic buttons on mobile */
@media (max-width: 576px) {
    .tin-tuc #news-topics-container .topic-btn { font-size: 0.86rem !important; padding: 0.34rem 0.6rem !important; margin: 0.22rem !important; border-radius: 0.45rem !important; min-width: 72px !important; white-space: normal !important; line-height: 1.05 !important; }
    .tin-tuc #news-topics-container .spinner-border { width: 1.25rem; height: 1.25rem; }
    .tin-tuc #news-topics-container { gap: 0.35rem !important; justify-content: center !important; }
}