/* KODE BARU 12 OKTOBER 2026 */

/* ==========================================================================
   eLIFE SCIENCES STYLE OVERRIDES FOR MANUSCRIPT THEME (OJS 3.5)
   ========================================================================== */

/* 1. TYPOGRAPHY & GLOBAL */
body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    color: #212121;
    background-color: #ffffff;
    line-height: 1.6;
}

/* 2. HERO SECTION (Minimalis & Elegan) */
.elife-hero-section {
    padding: 60px 20px 80px 20px;
    border-bottom: 1px solid #e5e5e5;
    background-color: #ffffff;
}

.elife-hero-content {
    max-width: 1000px;
    margin: 0 auto;
}

.elife-journal-title {
    font-size: 3.5rem;
    font-weight: 800;
    color: #111111;
    line-height: 1.1;
    margin-bottom: 20px;
    letter-spacing: -1px;
}

.elife-journal-scope {
    font-size: 1.5rem;
    color: #4a4a4a;
    font-weight: 300;
    max-width: 800px;
    margin-bottom: 40px;
    line-height: 1.4;
}

/* 3. BUTTONS & ACTIONS */
.elife-hero-actions {
    display: flex;
    align-items: center;
    gap: 30px;
    margin-bottom: 40px;
}

.btn-elife-primary {
    background-color: #e22d48; /* Warna merah khas eLife */
    color: #ffffff !important;
    padding: 12px 24px;
    font-size: 1.1rem;
    font-weight: 600;
    text-decoration: none;
    border-radius: 4px;
    transition: background-color 0.2s ease;
}

.btn-elife-primary:hover {
    background-color: #c9203a;
    text-decoration: none;
}

.btn-elife-text {
    color: #212121;
    font-size: 1.1rem;
    font-weight: 600;
    text-decoration: none;
    border-bottom: 2px solid transparent;
    transition: border-color 0.2s ease;
}

.btn-elife-text:hover {
    border-bottom: 2px solid #e22d48;
    color: #e22d48;
}

/* 4. METRICS */
.elife-metrics {
    font-size: 0.95rem;
    color: #666;
    display: flex;
    align-items: center;
    gap: 15px;
}

.elife-metrics strong {
    color: #212121;
    font-size: 1.1rem;
}

.elife-metrics .divider {
    color: #ccc;
}

/* 5. ARTICLE LIST (Tanpa Kotak/Card) */
.elife-content-container {
    max-width: 1000px;
    margin: 60px auto;
    padding: 0 20px;
}

.elife-section-title {
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 30px;
    border-bottom: 2px solid #111;
    padding-bottom: 10px;
}

.elife-article-item {
    padding: 30px 0;
    border-bottom: 1px solid #e5e5e5;
}

.elife-article-meta {
    margin-bottom: 10px;
}

.elife-article-type {
    font-size: 0.85rem;
    text-transform: uppercase;
    font-weight: 700;
    color: #e22d48; /* Tag merah eLife */
    letter-spacing: 0.5px;
}

.elife-article-title {
    font-size: 1.6rem;
    font-weight: 700;
    margin: 0 0 10px 0;
    line-height: 1.3;
}

.elife-article-title a {
    color: #212121;
    text-decoration: none;
}

.elife-article-title a:hover {
    color: #e22d48;
}

.elife-article-authors {
    font-size: 1.05rem;
    color: #666;
}

/* Responsivitas HP */
@media (max-width: 768px) {
    .elife-journal-title { font-size: 2.2rem; }
    .elife-journal-scope { font-size: 1.2rem; }
    .elife-hero-actions { flex-direction: column; align-items: flex-start; gap: 15px; }
    .elife-metrics { flex-wrap: wrap; }
    .elife-metrics .divider { display: none; }
}

/* ==========================================================================
   eLIFE SCIENCES STYLE OVERRIDES FOR MANUSCRIPT THEME (OJS 3.5)
   ========================================================================== */

/* [Kode CSS Tipografi, Hero Section, Buttons, Metrics, Article List yang pertama kali diberikan] */
/* ... (Kode yang pertama) ... */


/* ==========================================================================
   MENGHANCURKAN FORMAT BOX/CARD BAWAAN OJS (eLIFE STYLE)
   ========================================================================== */
.obj_article_summary,
.obj_issue_summary,
.cmp_article_list > li,
.pkp_block,
.cmp_announcements .obj_announcement_summary {
    background-color: transparent !important;
    border: none !important;
    border-bottom: 1px solid #e5e5e5 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: 30px 0 !important; 
    margin: 0 !important;
}

.cmp_article_list > li:last-child,
.obj_article_summary:last-child { border-bottom: none !important; }

.obj_article_summary .title,
.obj_issue_summary .title {
    font-size: 1.6rem !important; font-weight: 700 !important;
    margin-bottom: 8px !important; line-height: 1.3 !important;
}

.obj_article_summary .title a,
.obj_issue_summary .title a { color: #212121 !important; text-decoration: none !important; transition: color 0.2s ease; }
.obj_article_summary .title a:hover,
.obj_issue_summary .title a:hover { color: #e22d48 !important; }

.obj_article_summary .authors { font-size: 1.05rem; color: #555555; margin-top: 5px; }
.obj_article_summary .pages { display: none; }


/* ==========================================================================
   MENGHANCURKAN "BOXED LAYOUT" UTAMA OJS & SIDEBAR (eLIFE FULL CANVAS)
   ========================================================================== */
body { background-color: #ffffff !important; }

.pkp_structure_page {
    box-shadow: none !important; border: none !important; background-color: #ffffff !important;
    max-width: 1200px !important; 
}

.pkp_structure_main, 
.pkp_structure_sidebar { border: none !important; }

.pkp_structure_sidebar .pkp_block {
    border: none !important; box-shadow: none !important; background-color: transparent !important;
    padding: 0 0 40px 0 !important;
}

.pkp_structure_sidebar .pkp_block .title {
    border-bottom: 2px solid #111 !important; font-size: 1.1rem !important;
    font-weight: 700 !important; margin-bottom: 15px !important; padding-bottom: 5px !important;
}

/* ==========================================================================
   PENYESUAIAN HALAMAN EDITORIAL, POLICIES & LAINNYA KE GAYA eLIFE
   ========================================================================== */

/* 1. Pengaturan Dasar Teks */
div.description, .jatsParser__center-article-block {
    word-wrap: break-word;
    text-align: left !important; /* eLife menghindari justify, menggunakan rata kiri (left) */
}
p { margin: 5px 0; }
.center { display: block; margin-left: auto; margin-right: auto; width: 50%; }
h2.title { font-size: 1.6rem !important; }

/* 2. Menghilangkan Warna Latar Mencolok (Kembali ke Clean White/Light Gray) */
header.container-fluid {
    background-color: #ffffff !important;
    border-bottom: 1px solid #e5e5e5;
}
section.container.index-journal__desc,
div#dokaturan {
    background-color: #f8f9fa !important; /* Abu-abu sangat pucat pengganti warna peach */
    padding: 60px 20px !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
}
ul.jatsParser__categories {
    border: 1px solid #e5e5e5 !important;
    background-color: transparent !important;
}

/* 3. Pengaturan Layout Dasar (Grid) Tanpa Background Kotak */
.cardWrapper, 
.cardWrapper__policies, 
.column {
    display: grid;
    gap: 30px;
    width: 100%;
    background-color: transparent !important; /* Hapus warna kotak putih */
    border-radius: 0 !important;
}
.cardWrapper, .column { grid-template-columns: repeat(4, 1fr); }
.cardWrapper__policies { grid-template-columns: repeat(3, 1fr); }

/* 4. Menghancurkan Card pada Editorial & Policies */
.cardHomepage, 
.cardEditor, 
.cardPolicies {
    display: flex;
    flex-direction: column;
    align-items: flex-start !important; /* Memaksa rata kiri ala eLife */
    text-align: left !important;
    box-shadow: none !important; /* Menghilangkan bayangan kotak */
    border-radius: 0 !important; /* Menghilangkan lengkungan */
    background-color: transparent !important;
    padding: 20px 0 30px 0 !important; /* Padding atas bawah, hilangkan padding samping */
    margin-bottom: 0 !important;
    border-bottom: 1px solid #e5e5e5; /* Garis pemisah tipis eLife */
}

/* Gambar Profil Editor (Diperkecil dan Dipaksa Presisi) */
.cardEditor__mask {
    border-radius: 50% !important; /* Memastikan bentuk lingkaran */
    width: 80px !important; /* Mengecilkan ukuran lebar */
    height: 80px !important; /* Mengecilkan ukuran tinggi */
    min-width: 80px !important; /* Mencegah gambar menyusut gepeng */
    min-height: 80px !important; 
    max-width: 80px !important; 
    max-height: 80px !important;
    object-fit: cover !important; /* Memotong gambar agar pas di tengah tanpa merusak rasio */
    margin-bottom: 15px !important;
    display: block !important;
}

/* Memastikan Card Editor memberi ruang yang cukup untuk gambar */
.cardEditor {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important; 
    text-align: left !important;
    box-shadow: none !important; 
    border-radius: 0 !important; 
    background-color: transparent !important;
    padding: 15px 0 25px 0 !important; 
    margin-bottom: 0 !important;
    border-bottom: 1px solid #e5e5e5 !important; 
    width: 100% !important;
    overflow: hidden !important; /* Mencegah elemen keluar batas */
}



/* 5. Daftar Artikel/Koleksi (Ubah dari Grid 4 Kolom Kotak menjadi List Vertikal) */
ul.cmp_article_list.articles {
    display: flex !important;
    flex-direction: column !important; /* eLife selalu menampilkan artikel bersusun ke bawah */
    gap: 0 !important;
    text-align: left !important;
}
div.obj_article_summary {
    box-shadow: none !important; /* Hilangkan bingkai */
    background-color: transparent !important;
    padding: 30px 0 !important;
    height: auto !important;
    border-bottom: 1px solid #e5e5e5 !important; /* Garis batas bawah */
}
div.obj_article_summary:last-child {
    border-bottom: none !important;
}

/* Gambar Cover/Artikel */
a.cover { max-width: 100%; height: auto; }
a.cover img { max-width: 100%; width: 50%; height: auto; }
.obj_article_summary img { width: 120px !important; height: auto !important; margin-bottom: 15px; }

/* 6. Sidebar Clean-Up */
.sidebar > * {
    border-bottom: 1px solid #e5e5e5 !important;
    border-right: none !important;
}

/* 7. Responsivitas Layar (HP) */
@media screen and (max-width: 768px) {
    div#homepage { flex-direction: column; }
    .cardWrapper { grid-template-columns: repeat(2, 1fr); }
    .cardWrapper__policies { grid-template-columns: repeat(2, 1fr); }
}
@media screen and (max-width: 563px) {
    .cardWrapper, .cardWrapper__policies { grid-template-columns: 1fr; }
}

/* Styling Teks Editorial Team yang Baru */
.cardEditor__name {
    font-size: 1.3rem !important;
    font-weight: 700 !important;
    color: #111111 !important;
    margin: 0 0 5px 0 !important;
    line-height: 1.3 !important;
}

.cardEditor__role {
    color: #e22d48 !important; /* Warna merah eLife untuk jabatan */
    font-size: 0.95rem !important;
    margin: 0 0 5px 0 !important;
}

.cardEditor__affiliation {
    font-size: 0.95rem !important;
    color: #555555 !important;
    line-height: 1.5 !important;
    margin: 0 !important;
}

/* ==========================================================================
   eLIFE SCIENCES STYLE FOOTER (DARI MENU ADMIN OJS)
   ========================================================================== */

/* 1. Memaksa pembungkus paling luar Footer menjadi putih dan membentang penuh (Menghancurkan Boxed Layout di bawah) */
.pkp_structure_footer_wrapper,
.pkp_structure_footer {
    background-color: #ffffff !important; /* Latar belakang putih mutlak */
    border: none !important;
    border-top: 1px solid #e5e5e5 !important; /* Hanya ada garis atas ala eLife */
    padding: 0 !important; /* Menghilangkan jarak abu-abu di luar */
    margin: 0 !important;
    width: 100vw !important; /* Memaksa lebar penuh dari ujung kiri ke kanan layar */
    max-width: 100% !important;
    box-shadow: none !important;
}

/* 2. Memastikan konten di dalam Footer (teks dan logo) tetap terpusat dan tidak menabrak tepi layar */
.elife-footer-container {
    max-width: 1200px !important; /* Membatasi lebar teks agar nyaman dibaca */
    margin: 0 auto !important; /* Menempatkannya tepat di tengah layar */
    padding: 60px 20px 80px 20px !important; /* Mengembalikan jarak napas di dalam kontainer */
    text-align: left !important;
}

/* --- KODE DI BAWAH INI SAMA DENGAN SEBELUMNYA --- */
.elife-footer-grid {
    display: grid;
    grid-template-columns: 1fr 1.5fr; 
    gap: 80px;
}

/* Navigasi */
.elife-footer-nav {
    display: flex;
    gap: 50px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
.elife-footer-nav ul { list-style: none; padding: 0; margin: 0; }
.elife-footer-nav ul li { margin-bottom: 15px; }
.elife-footer-nav ul li a { color: #4a4a4a; text-decoration: none; font-size: 0.75rem; letter-spacing: 0.5px; transition: color 0.2s; }
.elife-footer-nav ul li a:hover { color: #e22d48; }

/* Efek Hover untuk Logo */
.elife-indexed-logos img:hover {
    filter: grayscale(0%) !important;
}

.elife-copyright-block a:hover { color: #e22d48 !important; }

/* Menyembunyikan hak cipta ganda bawaan OJS */
.pkp_structure_footer .pkp_brand_footer { display: none !important; }

/* Responsivitas Layar HP */
@media (max-width: 992px) {
    .elife-footer-grid { grid-template-columns: 1fr; gap: 40px; }
    .elife-footer-nav { flex-direction: column; gap: 20px; }
}


/* ==========================================================================
   eLIFE STYLE: SINGLE-ROW INLINE HEADER (MENGGABUNGKAN LOGO & MENU)
   ========================================================================== */

/* 1. Membersihkan pembungkus utama header agar putih bersih (Tidak di dalam kotak abu-abu) */
.pkp_structure_head {
    background-color: #ffffff !important; /* Memaksa latar belakang menjadi putih penuh */
    border-bottom: 1px solid #e0e6ed !important; /* Garis pemisah tipis khas eLife */
    padding: 0 !important; /* Menghilangkan jarak ekstra luar yang membentuk kotak */
    margin: 0 !important;
    width: 100vw !important; /* Memaksa header membentang dari kiri ke kanan layar penuh */
    max-width: 100% !important;
    box-shadow: none !important; /* Menghilangkan bayangan jika ada */
}

/* Memastikan kontainer di dalam header tidak terpengaruh batas tepi */
.pkp_structure_head > .pkp_navigation_user_wrapper {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 15px 20px !important; /* Mengembalikan jarak di area dalam agar isi tidak mepet tepi layar */
}


/* 3. Rapikan Logo (Kiri) */
.pkp_site_name {
    margin: 0 !important;
    padding-right: 30px !important;
    border-right: 1px solid #d1d9e0 !important; /* Garis vertikal pemisah logo dan menu */
    display: flex !important;
    align-items: center !important;
}
/* Menyembunyikan nama teks jika logo gambar sudah digunakan, agar tidak bertumpuk */
.pkp_site_name .is_text {
    font-size: 1.5rem !important;
    color: #555 !important;
}

/* 4. Pindahkan Menu Utama (About, dll) agar sejajar dengan logo */
/* Karena struktur HTML OJS memisahkannya, kita 'tarik' menu utama ke atas secara visual */
.pkp_navigation_primary_wrapper {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    position: absolute !important; /* Memaksa posisinya naik ke baris yang sama */
    top: 25px; 
    left: 280px; /* Jarak dari kiri, sesuaikan dengan lebar logo Anda */
    width: auto !important;
}

.pkp_navigation_primary {
    display: flex !important;
    gap: 25px !important;
    margin: 0 !important;
}

.pkp_navigation_primary li a {
    color: #111111 !important;
    font-size: 0.95rem !important;
    font-weight: 600 !important;
    text-transform: capitalize !important; /* Huruf awal besar, seperti "Home", "Browse" */
    padding: 5px 0 !important;
    text-decoration: none !important;
}
.pkp_navigation_primary li a:hover {
    color: #0076c6 !important; /* Warna biru eLife saat disorot */
}

/* 5. Rapikan Menu Kanan (Search, User, Tombol Submit) */
.pkp_navigation_user {
    display: flex !important;
    align-items: center !important;
    gap: 20px !important;
    margin: 0 !important;
}

.pkp_navigation_user li a,
.pkp_search_btn {
    color: #111111 !important;
    font-size: 0.95rem !important;
    font-weight: 600 !important;
}

/* Memodifikasi tautan "Submit" (jika ada di menu atas) menjadi tombol biru solid ala eLife */
/* OJS biasanya tidak memiliki tombol CTA di header secara default, namun jika Anda menaruh link di menu navigasi, kita bisa menargetkannya. 
   Asumsi: Kita buat link menu "Register" atau link terakhir menjadi tombol biru */
.pkp_navigation_user li:last-child a {
    background-color: #0076c6 !important; /* Biru khas tombol eLife */
    color: #ffffff !important;
    padding: 10px 20px !important;
    border-radius: 4px !important;
    text-transform: uppercase !important;
    font-size: 0.85rem !important;
    transition: background 0.2s;
}
.pkp_navigation_user li:last-child a:hover {
    background-color: #005a9c !important;
}

/* Responsivitas Layar Kecil (Mobile) */
@media (max-width: 992px) {
    .pkp_structure_head { padding: 15px 20px !important; }
    .pkp_navigation_primary_wrapper {
        position: relative !important;
        top: auto; left: auto;
        margin-top: 20px !important;
    }
    .pkp_navigation_primary { flex-wrap: wrap !important; }
}


/* ==========================================================================
   MENGHILANGKAN KOTAK HITAM/WARNA AKTIF PADA MENU SAAT DIKLIK (eLIFE STYLE)
   ========================================================================== */

/* Menargetkan semua state: saat ditunjuk (hover), diklik (focus/active), atau sedang dibuka halamannya (current) */
.pkp_navigation_primary li a:focus,
.pkp_navigation_primary li a:active,
.pkp_navigation_primary li.in_focus > a,
.pkp_navigation_primary li[aria-expanded="true"] > a,
.pkp_navigation_primary li.current > a {
    background-color: transparent !important; /* Hilangkan kotak hitam/abu-abu */
    color: #0076c6 !important; /* Gunakan warna biru eLife sebagai penanda aktif (bukan biru gelap bawaan) */
    outline: none !important; /* Hilangkan garis putus-putus tepi jika ada */
    box-shadow: none !important;
}

/* ==========================================================================
   GAYA DROPDOWN MENU BERSIH ALA eLIFE (MENGHINDARI KOTAK & TUMPANG TINDIH)
   ========================================================================== */

/* 1. Posisi Dropdown: Mengambang di atas semua elemen (z-index tinggi) agar tidak bertumpuk dengan menu tetangganya */
.pkp_navigation_primary ul {
    background-color: #ffffff !important;
    border: 1px solid #e0e6ed !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08) !important; /* Memberi efek melayang yang halus */
    position: absolute !important; /* Memaksa dropdown lepas dari baris utama */
    top: 100% !important; /* Jatuh tepat di bawah menu induk ("About") */
    left: 0 !important;
    min-width: 220px !important; /* Lebar minimum agar teks panjang tidak turun ke baris baru secara aneh */
    padding: 10px 0 !important; /* Jarak ruang di bagian atas dan bawah dalam bingkai dropdown */
    margin: 0 !important;
    z-index: 9999 !important; /* Ini adalah kunci agar menu TIDAK tertutup/bertumpuk dengan elemen lain */
    display: none; /* Disembunyikan saat tidak di-hover (bawaan OJS, kita tegaskan) */
}

/* Memastikan induk dropdown relatif agar anaknya (ul di atas) jatuh di posisi yang pas */
.pkp_navigation_primary li {
    position: relative !important;
}

/* Memunculkan menu dropdown saat disorot (hover) atau sedang aktif (focus) */
.pkp_navigation_primary li:hover > ul,
.pkp_navigation_primary li:focus-within > ul {
    display: block !important;
}

/* 2. Menghapus Kotak Latar Belakang saat Sub-menu Disorot (Hover) */
.pkp_navigation_primary ul li a {
    color: #212121 !important; /* Warna teks gelap */
    background-color: transparent !important; /* Latar selalu tembus pandang */
    padding: 8px 20px !important; /* Memberi ruang baca yang nyaman */
    font-size: 0.9rem !important;
    font-weight: 500 !important;
    text-transform: none !important; /* Huruf biasa, tidak dikapitalisasi semua seperti menu induk */
    display: block !important;
    white-space: nowrap !important; /* Mencegah teks turun ke baris baru, kecuali jika kepanjangan */
    transition: color 0.2s ease !important;
}

/* Menargetkan status sorotan (hover/focus) agar HANYA warna teks yang berubah, tanpa memunculkan kotak warna di belakangnya */
.pkp_navigation_primary ul li a:hover,
.pkp_navigation_primary ul li a:focus,
.pkp_navigation_primary ul li.current > a {
    background-color: transparent !important; /* MENCEGAH kotak abu-abu/biru tebal seperti di gambar */
    color: #0076c6 !important; /* Teks berubah menjadi biru eLife */
    outline: none !important;
}


/* ==========================================================================
   MEMISAHKAN USER NAVIGATION (LOGIN/PROFIL) KE POJOK KANAN ATAS VERSI 2
   ========================================================================== */

/* 1. Memastikan kontainer paling atas bisa menjadi tumpuan posisi mutlak */
.pkp_structure_head {
    position: relative !important;
}

/* 2. Menarik paksa baris Menu User ke pojok atas melintasi batas kontainer */
.pkp_structure_head > .pkp_navigation_user_wrapper {
    position: absolute !important;
    top: 15px !important; /* Jarak dari batas paling atas peramban web */
    right: 30px !important; /* Jarak dari batas kanan layar */
    width: auto !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 1000 !important; /* Memaksa agar selalu berada di lapisan paling depan */
}

.pkp_navigation_user {
    display: flex !important;
    align-items: center !important;
    gap: 15px !important;
    margin: 0 !important;
}

/* 3. Menyesuaikan posisi Logo & Menu Utama agar sejajar dan tidak tumpang tindih */
.pkp_site_name {
    margin-top: 30px !important; /* Mendorong logo turun sedikit */
    margin-bottom: 20px !important;
}

.pkp_navigation_primary_wrapper {
    position: absolute !important;
    top: 45px !important; /* Menyelaraskan baris menu utama (About, dll) dengan logo yang sudah diturunkan */
    left: 280px !important; /* Ganti angka ini jika logo Anda terlalu lebar/sempit */
}

/* Responsivitas: Mengembalikan ke susunan normal pada layar HP agar tidak rusak */
@media (max-width: 992px) {
    .pkp_structure_head > .pkp_navigation_user_wrapper {
        position: relative !important;
        top: auto !important;
        right: auto !important;
        justify-content: flex-end !important;
        margin-top: 10px !important;
    }
    .pkp_navigation_primary_wrapper {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        margin-top: 15px !important;
    }
}

/* ==========================================================================
   PELUCUT GAYA BAWAAN MANUSCRIPT THEME UNTUK DAFTAR ARTIKEL BERANDA
   ========================================================================== */

/* Menyembunyikan cover issue dan judul ganda bawaan tema */
.elife-native-toc .heading, 
.elife-native-toc .issue-toc > .cover {
    display: none !important; 
}

/* Mengubah Judul Section (Misal: "Articles") menjadi label merah eLife */
.elife-native-toc .section h3,
.elife-native-toc .section h2 {
    font-size: 0.85rem !important;
    color: #e22d48 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    margin-bottom: 15px !important;
    font-weight: 700 !important;
    border: none !important;
    padding: 0 !important;
}

/* Menghancurkan Box (Kotak) bawaan OJS Manuscript */
.elife-native-toc .cmp_article_list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Memisahkan setiap artikel HANYA dengan garis tipis horizontal */
.elife-native-toc .cmp_article_list > li {
    border: none !important;
    border-top: 1px solid #e5e5e5 !important;
    padding: 25px 0 !important;
    margin: 0 !important;
    background-color: transparent !important;
    box-shadow: none !important; /* Hilangkan efek bayangan kotak */
}

/* Memperbesar Judul Artikel dan Mengubah Warna Hover */
.elife-native-toc .obj_article_summary .title {
    font-size: 1.4rem !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    margin-bottom: 10px !important;
}
.elife-native-toc .obj_article_summary .title a {
    color: #111 !important;
    text-decoration: none !important;
}
.elife-native-toc .obj_article_summary .title a:hover {
    color: #0076c6 !important; /* Warna biru eLife saat disentuh */
}

/* Merapikan Nama Penulis */
.elife-native-toc .obj_article_summary .authors {
    font-size: 0.95rem !important;
    color: #555 !important;
    margin-bottom: 15px !important;
}

/* Menyembunyikan elemen bawaan OJS lainnya (opsional: nomor halaman atau DOI jika tidak sesuai gaya eLife) */
.elife-native-toc .obj_article_summary .pages {
    display: none !important; 
}