/* =========================================
   7. TAB ANIMATION & LOGIC
   ========================================= */

/* Class awal untuk konten (agar animasi fade in jalan) */
.tab-content {
    animation: fadeEffect 0.5s; /* Efek muncul pelan */
}

/* Keyframes animasi */
@keyframes fadeEffect {
    from {opacity: 0; transform: translateY(10px);}
    to {opacity: 1; transform: translateY(0);}
}

/* Pastikan grid layout tetap jalan saat aktif */
.tab-content.active-content {
    display: grid !important; /* Paksa display grid saat aktif */
}