/* Category Section Grid CSS */
    .category-section {
        margin-bottom: 2.5rem;
    }
    
    .category-section-header {
        position: relative;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 0.5rem;
    }
    
    .category-section-title {
        position: relative;
        font-size: 1.125rem;
        line-height: 1.75rem;
        font-weight: 700;
        margin: 0;
        padding-bottom: 0.5rem;
    }
    
    .category-section-title-underline {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 4rem;
    }
    
    .category-section-more-link {
        display: none;
        font-size: 0.875rem;
        font-weight: 600;
        text-transform: uppercase;
        color: var(--color-primary, #1a56db);
        text-decoration: none;
        align-items: center;
        gap: 0.5rem;
    }
    
    .category-section-more-link svg {
        width: 1.5rem;
        height: 1.5rem;
    }
    
    /* Grid layout */
    .category-section-grid {
        display: grid;
        grid-template-columns: 1fr;
        gap: 1rem;
    }
    
    /* Featured post (first item) */
    .category-section-item-featured {
        position: relative;
        margin-bottom: 1rem;
    }
    
    .category-section-item-featured .category-section-thumbnail {
        position: relative;
        width: 100%;
        height: 236px !important;
        overflow: hidden;
        border-radius: .25rem;
        display: block;
    }
    
    .category-section-item-featured .category-section-thumbnail img {
        width: 100%;
        height: 100% !important;
        object-fit: cover;
        border-radius: 5px;
        display: block;
    }
    
    .category-section-item-featured .category-section-content {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        padding: 4rem 1rem 1rem;
        background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
        border-radius: 0 0 0.25rem 0.25rem;
        z-index: 1;
        max-width: 100%;
        box-sizing: border-box; /* Pastikan padding dihitung dalam lebar */
    }
    
    /* JIKA OVERLAY DI LUAR THUMBNAIL */
    .category-section-item-featured a.category-section-thumbnail {
        display: block;
        position: relative;
        height: 236px !important;
        overflow: hidden;
        border-radius: 0.25rem;
    }
    
    /* Updated tag style */
    .category-section-item-featured .category-section-tag {
        display: inline-block;
        color: #fff;
        background-color: var(--color-primary, #1a56db);
        text-transform: uppercase;
        font-size: 0.625rem;
        font-weight: 600;
        padding: 0.25rem 0.5rem;
        border-radius: 0.25rem;
        margin-bottom: 0.5rem;
    }
    
    /* Updated heading style */
    .category-section-item-featured .category-section-heading {
        font-size: 0.875rem;
        line-height: 1.4;
        margin: 0 0 0.5rem;
        color: #fff;
        display: -webkit-box;
        -webkit-line-clamp: 2; /* Batasi maksimal 2 baris */
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis; /* Tambahkan elipsis (...) jika terpotong */
        max-width: 100%; /* Pastikan tidak melebihi lebar container */
        word-wrap: break-word; /* Pecah kata panjang jika perlu */
    }
    
    .category-section-item-featured .category-section-date {
        color: rgba(255,255,255,0.8);
        font-size: 0.75rem;
    }
    
    /* Regular post styles - thumbnail di kiri, konten di kanan */
    .category-section-item:not(.category-section-item-featured) {
        display: flex;
        flex-direction: row; /* Thumbnail di kiri, konten di kanan */
        align-items: flex-start;
        gap: 1rem;
        padding-bottom: 0.75rem;
        border-bottom: 1px solid rgba(229, 231, 235, 0.8);
        margin-bottom: 0.75rem;
        margin-top: -8px;
        position: relative; /* Penting untuk pseudo-element ::after */
    }
    
    /* Perbaikan: Garis pemisah di tengah antar post */
    .category-section-item:not(.category-section-item-featured):not(:last-child)::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 1px;
        background: rgba(229, 231, 235, 0.5);
        margin: 0 auto;
    }
    
    .category-section-item:last-child {
        margin-bottom: 0;
    }
    
    /* Regular thumbnail style - thumbnail pada posisi kiri */
    .category-section-item:not(.category-section-item-featured) .category-section-thumbnail {
        width: 100px;
        height: 100px;
        flex-shrink: 0;
        border-radius: 0.25rem;
        overflow: hidden;
        margin-top: 0.75rem; /* Margin tambahan ke bawah */
    }
    
    .category-section-item:not(.category-section-item-featured) .category-section-thumbnail img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    
    .category-section-item:not(.category-section-item-featured) .category-section-content {
        flex: 1;
        min-width: 0;
    }
    
    /* Updated tag style */
    .category-section-item:not(.category-section-item-featured) .category-section-tag {
        display: inline-block;
        text-transform: uppercase;
        font-size: 0.625rem;
        font-weight: 600;
        color: var(--color-primary, #1a56db);
        text-decoration: none;
        margin-bottom: 0.25rem;
    }
    
    /* Updated heading style */
    .category-section-item:not(.category-section-item-featured) .category-section-heading {
        font-size: 0.875rem;
        line-height: 1.3;
        font-weight: 700;
        margin: 0 0 0.25rem;
        color: var(--color-text, #111827);
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    
    .category-section-item:not(.category-section-item-featured) .category-section-date {
        font-size: 0.75rem;
        color: var(--color-text-light, #6b7280);
    }
    
    .category-section-mobile-more-link {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0.5rem;
        margin-top: 1rem;
        text-transform: uppercase;
        font-size: 0.875rem;
        font-weight: 600;
        color: var(--color-primary, #1a56db);
        text-decoration: none;
    }
    
    .category-section-mobile-more-link svg {
        width: 1.5rem;
        height: 1.5rem;
    }
    
    /* Reduced spacing between articles */
    .category-section-item {
        margin-bottom: 0.75rem;
        padding-bottom: 0.75rem;
    }
    
    
    /* Garis pembatas sederhana - tanpa pseudo element */
    .category-section-grid {
        position: relative;
        padding-bottom: 0rem; /* Kurangi space di bawah */
        margin-bottom: 1rem;
    }
    
    /* Dark mode untuk garis */
    html.dark .category-section-grid,
    html[theme="darkmode"] .category-section-grid {
        border-bottom-color: rgba(255, 255, 255, 0.1);
    }
    
    /* Hapus margin berlebihan pada item terakhir */
    .category-section-column-left .category-section-item:last-child,
    .category-section-column-right .category-section-item:last-child {
        margin-bottom: 0.5rem; /* Kurangi jarak */
    }
    
        #primary.site-main {
        margin-bottom: -10px !important;
        margin-top: 10px;
    }

    /* Responsive styles for tablet and desktop */
    @media (min-width: 768px) {
        .category-section-grid {
            grid-template-columns: repeat(2, 1fr);
            gap: 1.25rem;
        }
        
        .category-section-column-left {
            grid-column: 1;
            gap: 0.75rem;
        }
        
        .category-section-column-right {
            grid-column: 2;
            grid-row: 1 / span 2;
        }
        
        .category-section-column-right,
        .category-section-column-left {
            padding-bottom: 0;
        }
    }
    
    @media (min-width: 1024px) {
        .category-section-more-link {
            display: flex;
        }
        
        .category-section-mobile-more-link {
            display: none;
        }
        
        .category-section-item-featured .category-section-heading {
            font-size: 1rem;
        }
        
        /* PERBAIKAN: Untuk spesifisitas yang lebih tinggi */
        .category-section .category-section-grid .category-section-column-left .category-section-item-featured .category-section-thumbnail,
        .category-section-item-featured .category-section-thumbnail {
            height: 236px !important;
            min-height: 236px !important;
            max-height: 236px !important;
        }
        
        .main-content-layout .sidebar {
            margin-top: 0px !important;
        }
    }
    
    /* PERBAIKAN: Tambahan untuk memastikan tinggi selalu diterapkan */
    .category-section-item-featured .category-section-thumbnail {
        aspect-ratio: auto !important; /* Abaikan aspect-ratio jika ada */
        height: 236px !important;
    }