.experts-header {
        padding-top: 8rem; /* pt-32 */
        padding-bottom: 4rem; /* pb-16 */
        background-image: linear-gradient(to bottom, #C4C466, #fcfaf5);
        color: #4B5563; /* text-gray-700 */
    }

    .experts-title {
        font-size: 2.25rem; /* text-3xl */
        line-height: 2.5rem;
        font-weight: 700; /* font-bold */
        background-image: linear-gradient(to right, #7f1d1d, #991b1b); /* from-red-900 to-red-800 */
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
        margin-top: 2.5rem; /* mt-10 */
        margin-bottom: 1.5rem; /* mb-6 */
    }
    @media (min-width: 768px) { /* md breakpoint */
        .experts-header {
            padding-top: 10rem; /* md:pt-40 */
        }
        .experts-title {
            font-size: 2.25rem; /* md:text-4xl (Tailwind 4xl is 2.25rem, 3xl is 1.875rem. Let's use 2.25rem) */
        }
    }

    .experts-description {
        margin-top: 1rem; /* mt-4 */
        font-size: 1rem; /* text-base */
        max-width: 56rem; /* max-w-3xl */
        margin-left: auto;
        margin-right: auto;
    }
    @media (min-width: 768px) { /* md breakpoint */
        .experts-description {
            font-size: 1.125rem; /* md:text-lg */
        }
    }
    @media (min-width: 1024px) { /* lg breakpoint */
        .experts-description {
            font-size: 1.25rem; /* lg:text-xl */
        }
    }

    .team-profiles-section {
        padding-top: 4rem; /* py-16 */
        padding-bottom: 4rem;
        background-color: #f9fafb; /* bg-gray-50 */
    }
    @media (min-width: 1024px) { /* lg breakpoint */
        .team-profiles-section {
            padding-top: 6rem; /* lg:py-24 */
            padding-bottom: 6rem;
        }
    }

    .member-card {
        background-color: #ffffff; /* bg-white */
        border-radius: 0.75rem; /* rounded-xl */
        box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05); /* shadow-lg */
        transition: transform 0.3s ease-out, box-shadow 0.3s ease-out;
        cursor: pointer;
    }
    .member-card:hover {
        transform: translateY(-0.25rem); /* hover:-translate-y-1 */
        box-shadow: 0 20px 25px -5px rgba(0,0,0,0.1), 0 10px 10px -5px rgba(0,0,0,0.04); /* hover:shadow-xl */
    }
    .member-card img.profile-img-card { /* Tambahkan class khusus untuk styling gambar di kartu */
        width: 7rem; /* w-28 */
        height: 7rem; /* h-28 */
        border-radius: 9999px; /* rounded-full */
        object-fit: cover;
        border: 4px solid #a7f3d0; /* border-green-200 */
        box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -1px rgba(0,0,0,0.06); /* shadow-md */
    }
    @media (min-width: 640px) { /* sm breakpoint */
        .member-card img.profile-img-card {
            width: 8rem; /* sm:w-32 */
            height: 8rem; /* sm:h-32 */
        }
    }
    .member-card .member-name {
        font-size: 1.125rem; /* text-lg */
        font-weight: 600; /* font-semibold */
        color: #374151; /* text-gray-800 */
        transition: color 0.3s ease-out;
    }
    .member-card:hover .member-name {
        color: #059669; /* group-hover:text-green-700 */
    }
    @media (min-width: 768px) { /* md breakpoint */
        .member-card .member-name {
            font-size: 1.25rem; /* md:text-xl */
        }
    }

    /* Modal Specific Styles */
    #profileModal .modal-content {
        border-radius: 1rem; /* rounded-2xl from JSX */
    }
    #profileModal .modal-body {
        padding: 2rem; /* p-6 sm:p-8 (approx) */
    }
    @media (min-width: 640px) { /* sm breakpoint for modal padding */
        #profileModal .modal-body {
            padding: 2.5rem;
        }
    }
    #modalProfileImage {
        width: 9rem; /* h-36 w-36 */
        height: 9rem;
        object-fit: cover;
        border-width: 4px;
        border-color: #fecaca !important; /* border-red-200 */
    }
    #modalProfileName {
        font-size: 1.5rem; /* text-xl */
        line-height: 1.75rem;
        color: #111827; /* text-gray-900 */
    }
    @media (min-width: 1024px) { /* lg breakpoint for modal title */
      #modalProfileName {
        font-size: 1.875rem; /* lg:text-2xl */
        line-height: 2.25rem;
      }
    }
    #modalProfileDescription {
        font-size: 0.875rem; /* text-sm */
        color: #4B5563; /* text-gray-600 */
        line-height: 1.625; /* leading-relaxed */
    }
     @media (min-width: 640px) { /* sm breakpoint for modal description */
        #modalProfileDescription {
            font-size: 1rem; /* sm:text-base */
        }
    }


      .governance-header {
        padding-top: 6rem; /* pt-24 */
        padding-bottom: 3rem; /* pb-12 */
        background-image: linear-gradient(to bottom, #C4C466, #fcfaf5);
    }
    @media (min-width: 768px) { /* md breakpoint */
        .governance-header {
            padding-top: 8rem; /* md:pt-32 */
        }
    }
    .governance-title {
        font-size: 1.875rem; /* text-3xl */
        font-weight: 700; /* font-bold */
        color: #1F2937; /* text-black-800 (disesuaikan menjadi warna gelap solid) */
    }
    @media (min-width: 768px) { /* md breakpoint */
        .governance-title {
            font-size: 2.25rem; /* md:text-4xl */
        }
    }
    .governance-content-panel {
        background-color: #ffffff; /* bg-white */
        padding: 1.5rem; /* p-6 */
        border-radius: 0.5rem; /* rounded-lg */
        box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -1px rgba(0,0,0,0.06); /* shadow-md */
    }
    @media (min-width: 640px) { /* sm breakpoint */
        .governance-content-panel {
            padding: 2rem; /* sm:p-8 */
        }
    }
    .governance-subheading {
        font-size: 1.25rem; /* text-xl */
        font-weight: 600; /* font-semibold */
        color: #374151; /* text-black-700 */
        margin-bottom: 1rem; /* mb-4 */
    }
    @media (min-width: 768px) { /* md breakpoint */
        .governance-subheading {
            font-size: 1.5rem; /* md:text-2xl */
        }
    }
    .governance-list-item {
        padding-top: 0.5rem; /* py-2 */
        padding-bottom: 0.5rem;
        border-bottom: 1px solid #E5E7EB; /* border-b border-gray-200 */
    }
    .governance-list-item:last-of-type { /* Menghilangkan border untuk item terakhir dalam satu grup jika diperlukan */
        border-bottom: none;
    }
    .governance-list-item .label-col {
        font-weight: 500; /* font-medium */
        color: #4B5563; /* text-gray-600 */
        padding-right: 0.5rem; /* pr-2 */
    }
    .governance-list-item .value-col {
        color: #1F2937; /* text-gray-800 */
    }