.pkp_block .content ul li {
    line-height: 1.43rem;
    padding:1px!important;
}

.pkp_block{
    padding: 10px!important;
    font-size: 1rem;
    line-height: 1.43rem!important;
}

.pkp_site_name {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.pkp_site_name > a {
  padding-top: 0;
  padding-bottom: 0;
}
.pkp_site_name .is_img img {
  max-height: 200px !important;
}
.pkp_site_name_wrapper {
  padding-left: 0;
  padding-right: 0;
}
.pkp_navigation_user_wrapper {
  top: 0;
  right: 0;
  padding-right: 30px;
}
.pkp_structure_page {
  margin-top: 20px !important;
  margin-bottom: 20 !important;
  padding-bottom: 20 !important;
}

.pkp_brand_footer {
    display: none;
}
section.homepage_about img {
    width: 250px;
    height: auto;
    float: left;
    padding-right: 10px;
}

.pkp_page_index .homepage_about {
    font-family: 'Roboto';
    padding-top: 2.143rem;
    padding-bottom: 2.143rem;
}
ul.galleys_links img {
    max-height: 20px;
    max-height: 20px;
    padding-right: 4px;
    padding-left: 1px;
}
h4.title {
    font-size: 16px !important;
}
p {
    font-family: Roboto!Important;
    font-size: 16px;
}

.pkp_structure_main p, .pkp_structure_main ul {
    line-height: 1.785rem;
    margin: 1.43rem 0;
    font-family: Roboto!important;
    font-size: 16px;
}
.pkp_block {
    font-family: 'Roboto';}

.obj_article_summary {
    padding: 10px;
    background: #dadaff;
    /* background: black; */
    border-radius: 1px 20px;
    border-left: 5px solid;
}




    /* Reset box-sizing khusus untuk menu ini agar responsif */
    .menu-container, .menu-container * {
        box-sizing: border-box;
    }

    /* Container utama pembungkus menu */
    .menu-container {
        width: 100%; /* Responsif mengikuti lebar sidebar OJS */
        max-width: 320px; /* Batas maksimal agar tidak terlalu melar */
        margin: 0 auto; /* Posisi di tengah jika bloknya lebih lebar */
        background-color: transparent; /* Dibuat transparan agar menyatu dengan background OJS */
        border: none; /* Menghilangkan border agar tidak dobel dengan frame sidebar OJS */
        box-shadow: none; /* Menghilangkan bayangan agar lebih rata */
        padding: 0; /* Menghilangkan padding kiri, kanan, atas, dan bawah */
        font-family: "Georgia", "Times New Roman", serif;
    }

    /* Bagian Header (ADDITIONAL MENU) */
    .menu-header {
        background: linear-gradient(135deg, #1e3a8a 0%, #0f172a 100%); /* Gradasi biru tua yang estetik */
        color: #ffffff;
        text-align: center;
        font-weight: bold;
        font-size: 16px;
        padding: 15px 10px;
        margin-bottom: 5px; /* Jarak putih antara header dan menu pertama */
        letter-spacing: 1.5px;
        box-shadow: 0 2px 4px rgba(0,0,0,0.15); /* Sedikit bayangan agar header menonjol */
        word-wrap: break-word; /* Mencegah teks meluber di layar kecil */
    }

    /* Bagian list (ul) */
    .menu-list {
        list-style-type: none; /* Menghilangkan bullet point */
        padding: 0;
        margin: 0;
    }

    /* Bagian item list (li) */
    .menu-list li {
        margin-bottom: 2px; /* Garis pemisah putih antar menu */
    }

    .menu-list li:last-child {
        margin-bottom: 0; /* Menghilangkan jarak di item paling bawah */
    }

    /* Desain tombol / link di dalam menu */
    .menu-list a {
        display: block;
        position: relative; /* Penting untuk menampung efek ledakan asap */
        overflow: hidden; /* Menjaga asap agar tidak keluar dari batas tombol */
        /* Warna biru tua solid yang lebih modern */
        background: #1e40af; 
        color: #eff6ff;
        text-decoration: none;
        text-align: right; /* Teks diratakan ke kanan sesuai gambar */
        padding: 12px 18px;
        font-size: 14px;
        font-weight: bold;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); /* Efek transisi sangat mulus */
        word-wrap: break-word; /* Mencegah teks menu meluber */
    }

    /* Efek ketika kursor diarahkan ke menu (Hover) Keren & Estetik */
    .menu-list a:hover {
        background: #2563eb; /* Warna biru sedikit lebih terang/vibrant */
        color: #ffffff;
        padding-right: 25px; /* Membuat teks seolah meluncur bergeser ke kiri */
        box-shadow: inset -5px 0 0 #60a5fa; /* Aksen garis biru cerah di sisi kanan */
    }

    /* --- Animasi Ledakan Asap (FULL CSS / Tanpa JS) --- */
    .menu-list a::after {
        content: '';
        position: absolute;
        top: 50%;
        left: 85%; /* Menempatkan titik ledakan mendekati area teks */
        width: 10px;
        background: transparent;
        border-radius: 50%;
        transform: translate(-50%, -50%);
        opacity: 0;
        pointer-events: none;
        
        /* Titik kumpul awal (belum meledak) */
        box-shadow:
            0 0 0 0 rgba(255, 255, 255, 0.8),
            0 0 0 0 rgba(255, 255, 255, 0.8),
            0 0 0 0 rgba(255, 255, 255, 0.8),
            0 0 0 0 rgba(255, 255, 255, 0.8),
            0 0 0 0 rgba(255, 255, 255, 0.8),
            0 0 0 0 rgba(255, 255, 255, 0.8);
        transition: none; /* Langsung reset ketika kursor dilepas */
    }

    /* Saat diklik, asap menyebar luas, memblur, dan memudar */
    .menu-list a:active::after {
        opacity: 1;
        box-shadow:
            -50px -40px 20px 15px rgba(147, 197, 253, 0),
            40px -30px 25px 20px rgba(147, 197, 253, 0),
            -40px 50px 20px 15px rgba(147, 197, 253, 0),
            60px 40px 30px 20px rgba(147, 197, 253, 0),
            -10px -60px 20px 18px rgba(147, 197, 253, 0),
            10px 50px 25px 15px rgba(147, 197, 253, 0);
        transition: box-shadow 0.6s ease-out, opacity 0.6s ease-out;
    }

    /* Penyesuaian font agar tidak terlalu besar di tampilan mobile/sidebar yang sempit */
    @media (max-width: 480px) {
        .menu-list a {
            font-size: 13px;
            padding: 10px 15px;
        }
        .menu-header {
            font-size: 14px;
            padding: 12px 10px;
        }
    }

    /* Kartu dwn */
    /* Styling Dasar Container */
    .dr-container {
        font-family: 'Roboto', Arial, sans-serif;
        max-width: 900px;
        margin: 0 auto;
        background-color: #ffffff;
        padding: 20px;
        border-radius: 12px;
        border: 1px solid #e5e7eb;
        box-shadow: 0 4px 6px rgba(0,0,0,0.05);
        box-sizing: border-box;
    }

    /* Styling Section Title (Di Tengah & Melekat pada Garis) */
    .dr-section-title {
        display: flex;
        align-items: center;
        text-align: center;
        margin-bottom: 20px;
    }

    .dr-section-title::before,
    .dr-section-title::after {
        content: '';
        flex: 1;
        border-bottom: 2px solid #1e3a8a; /* Garis senada biru tua */
    }

    .dr-section-title::before {
        margin-right: 16px;
    }

    .dr-section-title::after {
        margin-left: 16px;
    }

    /* Styling Badge Judul Kategori */
    .dr-badge {
        display: inline-block;
        background-color: #1e3a8a; /* Biru Tua */
        color: #ffffff;
        font-weight: bold;
        padding: 6px 20px;
        border-radius: 6px;
        font-size: 14px;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        box-shadow: 0 2px 4px rgba(30, 58, 138, 0.2);
    }

    /* Styling Kartu Profil (Flex hanya pada Card) */
    .dr-card {
        background-color: #ffffff;
        border: 2px solid #1e3a8a; /* Border disamakan warna biru tua */
        border-left: 8px solid #1e3a8a; /* Border sisi kiri tebal biru tua */
        border-radius: 12px;
        padding: 12px 20px; /* Diperkecil agar lebih compact */
        margin-bottom: 16px;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        box-shadow: 0 2px 4px rgba(0,0,0,0.02);
        box-sizing: border-box;
        /* Animasi Transisi Halus */
        transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    }

    /* Efek Hover Pada Kartu */
    .dr-card:hover {
        transform: translateY(-5px); /* Kartu terangkat */
        box-shadow: 0 12px 24px rgba(30, 58, 138, 0.15); /* Bayangan estetik biru */
        border-color: #1e3a8a; /* Mempertahankan biru tua */
    }

    /* Tipografi Teks (Diisolasi Kuat dari CSS Utama OJS) */
    .dr-info { 
        display: block; 
        text-align: center; 
        width: 100%;
    }
    
    /* Shielding khusus class p agar tidak bentrok dengan OJS */
    .dr-container p.dr-name { 
        margin: 0 !important; 
        padding: 0 !important;
        font-family: 'Roboto', sans-serif !important; 
        font-size: 18px !important; 
        color: #111827 !important; 
        font-weight: bold !important; 
        line-height: 1.1 !important; 
        text-align: center !important; 
    }
    
    .dr-container p.dr-affiliation { 
        margin: 2px 0 0 0 !important; 
        padding: 0 !important;
        font-family: 'Roboto', sans-serif !important; 
        font-size: 14px !important; 
        color: #1e3a8a !important; 
        font-weight: bold !important; 
        text-align: center !important; 
        line-height: 1.2 !important; 
    } 
    
    /* Area Kanan/Bawah (Logo & Tombol) (Tanpa Flexbox) */
    .dr-actions { 
        display: block; 
        text-align: center; 
        margin-top: 6px; /* Jarak sangat dekat dengan afiliasi */
    }
    
    /* Efek Logo Hover & Positioning Inline-Block */
    .dr-logo-wrap { 
        display: inline-block; 
        vertical-align: middle; 
        margin: 4px 10px; /* Margin vertikal diperkecil */
        cursor: pointer; 
        transition: opacity 0.2s ease, transform 0.2s ease; 
    }
    .dr-logo-wrap:hover { opacity: 0.7; transform: scale(1.05); }
    
    .dr-logo-google { font-family: 'Times New Roman', Times, serif; font-weight: bold; font-size: 16px; }
    
    /* Sinta Logo (Tanpa Flexbox) */
    .dr-logo-sinta { display: inline-block; }
    .dr-logo-sinta svg { vertical-align: middle; margin-right: 2px; margin-bottom: 2px; width: 18px; height: 18px; }
    .dr-logo-sinta span { vertical-align: middle; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #216b8c; font-size: 16px; letter-spacing: -0.5px; }
    
    .dr-logo-scopus { font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #006080; font-size: 18px; letter-spacing: -0.5px; }

    /* Efek Tombol Sertifikat (Format Link) */
    .dr-btn {
        display: inline-block;
        vertical-align: middle;
        margin: 4px 10px; /* Margin vertikal diperkecil */
        background-color: #dbeafe; /* Biru muda */
        color: #1e3a8a; /* Biru tua */
        border: none;
        font-size: 11px;
        font-weight: bold;
        padding: 6px 14px; /* Padding diperkecil agar tombol compact */
        border-radius: 6px;
        cursor: pointer;
        transition: all 0.3s ease;
        text-decoration: none; /* Menghilangkan garis bawah pada link */
        text-align: center;
    }
    
    .dr-btn:hover {
        background-color: #1e3a8a; /* Biru tua pekat */
        color: #ffffff;
        transform: translateY(-2px) scale(1.05);
        box-shadow: 0 4px 8px rgba(30, 58, 138, 0.2);
    }

    /* Responsiveness untuk Layar Mobile */
    @media (max-width: 600px) {
        .dr-container { padding: 12px; }
        .dr-card { padding: 10px 12px; border-left-width: 6px; }
        .dr-container p.dr-name { font-size: 16px !important; }
        .dr-container p.dr-affiliation { font-size: 13px !important; }
        .dr-logo-wrap, .dr-btn { margin: 2px 6px; }
        .dr-section-title { margin-bottom: 12px; }
    }

 /* Styling Dasar Container */
    .aj-container {
        font-family: 'Roboto', Arial, sans-serif;
        max-width: 900px;
        margin: 0 auto;
        background-color: #ffffff;
        padding: 30px;
        border-radius: 12px;
        border: 1px solid #e5e7eb;
        box-shadow: 0 4px 6px rgba(0,0,0,0.05);
        box-sizing: border-box;
    }

    /* Shielding Paragraf Umum agar kebal dari CSS OJS */
    .aj-container p.aj-text {
        font-family: 'Roboto', sans-serif !important;
        font-size: 16px !important;
        color: #374151 !important; /* Abu-abu tua agar nyaman dibaca */
        line-height: 1.7 !important;
        text-align: justify !important;
        margin: 0 0 16px 0 !important;
        padding: 0 !important;
    }

    /* Styling Section Title (Badge dengan garis tepi) */
    .aj-section-title {
        display: flex;
        align-items: center;
        margin-bottom: 20px;
        margin-top: 36px;
    }

    .aj-section-title::after {
        content: '';
        flex: 1;
        border-bottom: 2px solid #1e3a8a; /* Garis senada biru tua */
        margin-left: 16px;
    }

    /* Styling Badge Judul Kategori Utama */
    .aj-badge {
        display: inline-block;
        background-color: #1e3a8a; /* Biru Tua */
        color: #ffffff;
        font-weight: bold;
        padding: 8px 24px;
        border-radius: 6px;
        font-size: 15px;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        box-shadow: 0 2px 4px rgba(30, 58, 138, 0.2);
    }

    /* Styling Sub-judul (Heading Level 3) */
    .aj-container h3.aj-subheading {
        font-family: 'Roboto', sans-serif !important;
        font-size: 18px !important;
        color: #1e3a8a !important;
        font-weight: bold !important;
        margin: 28px 0 12px 0 !important;
        padding-bottom: 8px !important;
        border-bottom: 1px dashed #cbd5e1 !important;
        text-transform: uppercase !important;
        letter-spacing: 0.5px !important;
    }

    /* Styling Minor Heading (Heading Level 4) */
    .aj-container h4.aj-minor-heading {
        font-family: 'Roboto', sans-serif !important;
        font-size: 16px !important;
        color: #111827 !important;
        font-weight: bold !important;
        margin: 20px 0 8px 0 !important;
    }

    /* Styling Daftar (List) Scope & Umum */
    .aj-list {
        list-style: none !important;
        padding: 0 !important;
        margin: 0 0 20px 0 !important;
    }

    .aj-list li {
        position: relative !important;
        padding-left: 32px !important;
        margin-bottom: 12px !important;
        font-family: 'Roboto', sans-serif !important;
        font-size: 16px !important;
        color: #374151 !important;
        line-height: 1.6 !important;
    }

    /* Ikon Ceklis Kustom untuk List */
    .aj-list li::before {
        content: '✓' !important;
        position: absolute !important;
        left: 0 !important;
        top: 2px !important;
        color: #ffffff !important;
        background-color: #1e3a8a !important;
        width: 20px !important;
        height: 20px !important;
        border-radius: 50% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 12px !important;
        font-weight: bold !important;
    }

    /* Tag Cloud untuk Indexing */
    .aj-tags-container {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 10px !important;
        margin-bottom: 20px !important;
    }

    .aj-tag {
        background-color: #f0f9ff !important;
        border: 1px solid #bae6fd !important;
        color: #0369a1 !important;
        padding: 8px 16px !important;
        border-radius: 20px !important;
        font-family: 'Roboto', sans-serif !important;
        font-size: 14px !important;
        font-weight: bold !important;
        transition: all 0.3s ease !important;
    }

    .aj-tag:hover {
        background-color: #1e3a8a !important;
        color: #ffffff !important;
        border-color: #1e3a8a !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 4px 6px rgba(30, 58, 138, 0.2) !important;
    }

    /* Kotak Info (Highlight Box) */
    .aj-info-box {
        background-color: #f8fafc !important;
        border-left: 6px solid #1e3a8a !important;
        border-radius: 8px !important;
        padding: 20px !important;
        margin-bottom: 20px !important;
        box-shadow: 0 2px 4px rgba(0,0,0,0.02) !important;
    }

    .aj-info-box p {
        font-family: 'Roboto', sans-serif !important;
        font-size: 16px !important;
        color: #111827 !important;
        margin: 5px 0 !important;
        padding: 0 !important;
        line-height: 1.6 !important;
    }

    .aj-info-box p strong {
        color: #1e3a8a !important;
    }

    /* Efek tautan */
    .aj-link {
        color: #3b82f6 !important;
        text-decoration: none !important;
        transition: color 0.3s ease !important;
    }

    .aj-link:hover {
        color: #1e3a8a !important;
        text-decoration: underline !important;
    }

    /* Responsiveness */
    @media (max-width: 600px) {
        .aj-container { padding: 20px 15px; }
        .aj-container p.aj-text, .aj-list li, .aj-info-box p { font-size: 15px !important; }
        .aj-badge { font-size: 13px; padding: 6px 16px; }
        .aj-container h3.aj-subheading { font-size: 16px !important; }
        .aj-tag { font-size: 13px !important; padding: 6px 12px !important; }
    }