/* Langsung memanfaatkan font 'Outfit' yang sudah ada di head file kamu */
    .section-portal,
    .font-content,
    .font-meta {
        font-family: 'Outfit', sans-serif !important;
        -webkit-font-smoothing: antialiased;
    }

    /* Langsung memanfaatkan font 'Playfair Display' yang sudah ada di head file kamu */
    .font-title {
        font-family: 'Playfair Display', serif !important;
        letter-spacing: -0.01em;
    }

    /* Ukuran teks tanggal / meta kecil */
    .font-meta {
        font-size: 13px !important;
        letter-spacing: 0.02em;
        font-weight: 500;
    }

    /* Isi konten teks deskripsi paragraf */
    .text-secondary.small {
        font-size: 14.5px !important;
        color: #555555 !important;
        font-weight: 400;
    }

    /* Hover link judul */
    .link-hover:hover {
        color: #0d6efd !important;
        text-decoration: none !important;
    }

    /* Efek hover zoom gambar & card */
    .hover-zoom {
        transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
    }

    .hover-zoom:hover {
        transform: scale(1.02);
    }

    .transition-card {
        transition: transform 0.3s ease, box-shadow 0.3s ease;
    }

    .transition-card:hover {
        transform: translateY(-3px);
        box-shadow: 0 1rem 2rem rgba(0, 0, 0, .05) !important;
    }

    .line-clamp-2 {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .bg-purple-subtle {
        background-color: #f3e5f5;
    }

    .text-purple-emphasis {
        color: #4a148c;
    }

    .bg-warning-subtle {
        background-color: #fff3cd;
    }

    .text-warning-emphasis {
        color: #664d03;
    }

    /* --- Carousel Styling Penyesuaian --- */

    /* Membuat indikator selaras dengan warna tema */
    .carousel-indicators li {
        background-color: rgba(255, 255, 255, 0.5) !important;
        transition: background-color 0.3s ease;
    }

    .carousel-indicators .active {
        background-color: #ffc107 !important;
        /* Menggunakan warna aksen kuning */
    }

    /* Styling kontrol panah agar lebih elegan */
    .carousel-control-prev-icon,
    .carousel-control-next-icon {
        filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.3));
    }

    /* Memastikan gambar konsisten dengan rounded-4 di container */
    .carousel-inner img {
        border-radius: 1rem;
    }