/* STREAMING_CHUNK:Gaya CSS sebelumnya dari pengguna /
/ 1. Memperbesar ukuran cover image / graphical abstract (List Halaman) */.obj_article_summary .cover {max-width: 250px !important;width: 100%;flex: 0 0 250px;}/* 2. Membuat judul artikel menjadi cetak tebal (Bold) (List Halaman) */.obj_article_summary .title,.obj_article_summary .title a {font-weight: bold !important;}/* STREAMING_CHUNK:Styling untuk Halaman Detail Artikel (Article View) /
/ ====================================================================KUSTOMISASI HALAMAN DETAIL ARTIKEL OJS==================================================================== *//* --- 1. Area Header (Judul dan DOI) --- /
.obj_article_details .page_title {
font-size: 2.2rem !important; / Memperbesar ukuran font judul /
line-height: 1.3 !important;
font-weight: 700 !important;
color: #1a202c !important; / Warna gelap yang elegan (Tailwind gray-900) /
margin-bottom: 0.5rem !important;
text-align: center !important; / Memastikan judul rata tengah */}/* Mempercantik tampilan DOI */.obj_article_details .item.doi {text-align: center !important;margin-bottom: 2rem !important;font-size: 1rem !important;}.obj_article_details .item.doi a {color: #2b6cb0 !important; /* Warna biru yang kalem (Tailwind blue-600) */text-decoration: none !important;transition: color 0.2s ease !important;}.obj_article_details .item.doi a:hover {color: #1e4e8c !important; /* Biru lebih gelap saat hover */text-decoration: underline !important;}/* --- 2. Area Penulis (Authors) --- /
/ STREAMING_CHUNK:Styling untuk daftar penulis dan afiliasi /
.obj_article_details .authors {
margin-bottom: 2rem !important;
padding-bottom: 1.5rem !important;
border-bottom: 1px solid #e2e8f0 !important; / Garis pemisah halus (Tailwind gray-200) */}.obj_article_details .authors .author {margin-bottom: 1rem !important;}.obj_article_details .authors .name {font-size: 1.15rem !important;font-weight: 600 !important;color: #2d3748 !important; /* Tailwind gray-800 */margin-bottom: 0.2rem !important;}.obj_article_details .authors .affiliation {font-size: 0.9rem !important;color: #718096 !important; /* Warna teks lebih muda untuk afiliasi (Tailwind gray-500) */font-style: italic !important;}/* --- 3. Abstrak dan Keyword --- /
/ STREAMING_CHUNK:Styling untuk bagian abstrak dan kata kunci */.obj_article_details .item.abstract {margin-bottom: 2rem !important;}.obj_article_details .item.abstract h3 {font-size: 1.25rem !important;font-weight: 700 !important;color: #4a5568 !important; /* Tailwind gray-700 */margin-bottom: 1rem !important;text-transform: uppercase !important;letter-spacing: 0.05em !important;}.obj_article_details .item.abstract p {font-size: 1.05rem !important;line-height: 1.7 !important; /* Line height yang lebih lebar agar mudah dibaca /
color: #4a5568 !important; / Warna teks body yang nyaman */text-align: justify !important;}.obj_article_details .item.keywords {background-color: #f7fafc !important; /* Background sangat terang (Tailwind gray-50) /
padding: 1rem !important;
border-radius: 0.5rem !important;
border-left: 4px solid #2b6cb0 !important; / Aksen garis biru di kiri */margin-bottom: 2rem !important;}.obj_article_details .item.keywords .label {font-weight: 700 !important;color: #2d3748 !important;}.obj_article_details .item.keywords .value {color: #4a5568 !important;}/* --- 4. Sidebar Area (Galleys, Cover, Blocks) --- /
/ STREAMING_CHUNK:Styling untuk area sidebar kanan (Cover, Tombol, Info) *//* Mempercantik Cover/Graphical Abstract di Sidebar */.obj_article_details .item.cover_image {margin-bottom: 1.5rem !important;text-align: center !important;}.obj_article_details .item.cover_image img {max-width: 100% !important;height: auto !important;border-radius: 0.5rem !important; /* Ujung melengkung /
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important; / Bayangan halus */transition: transform 0.3s ease, box-shadow 0.3s ease !important;}.obj_article_details .item.cover_image img:hover {transform: translateY(-5px) !important; /* Efek melayang saat di-hover */box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;}/* Merombak Tombol Galley (HTML / PDF) /
/ STREAMING_CHUNK:Styling untuk tombol download/view PDF dan HTML /
.obj_article_details .item.galleys .value {
display: flex !important;
flex-direction: column !important; / Tombol berbaris ke bawah /
gap: 0.75rem !important; / Jarak antar tombol */margin-bottom: 1.5rem !important;}.obj_article_details .item.galleys .obj_galley_link {display: flex !important;align-items: center !important;justify-content: center !important;width: 100% !important;padding: 0.75rem 1rem !important;background-color: #1a365d !important; /* Biru tua khas jurnal (menyesuaikan gambar Anda) /
color: #ffffff !important;
font-weight: 600 !important;
font-size: 1rem !important;
text-decoration: none !important;
border-radius: 0.375rem !important; / Rounded corners modern */box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;transition: all 0.2s ease-in-out !important;border: none !important;}.obj_article_details .item.galleys .obj_galley_link:hover {background-color: #2a4365 !important; /* Warna sedikit lebih terang saat hover /
transform: translateY(-2px) !important; / Efek ditekan/naik */box-shadow: 0 4px 6px rgba(0,0,0,0.15) !important;}/* Ikon di dalam tombol (jika ada font-awesome atau sejenisnya dari bawaan OJS) /
.obj_article_details .item.galleys .obj_galley_link::before {
margin-right: 8px !important;
font-family: inherit; / Menjaga font icon bawaan */}/* Mempercantik Sidebar Panel (Published, How to Cite, Issue, Section) /
/ STREAMING_CHUNK:Styling untuk kotak-kotak informasi di sidebar (Published, How to Cite, dll) */.obj_article_details .item.published,.obj_article_details .item.citation,.obj_article_details .item.issue,.obj_article_details .item.section {background-color: #ffffff !important;border: 1px solid #e2e8f0 !important;border-radius: 0.5rem !important;padding: 1.25rem !important;margin-bottom: 1.5rem !important;box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;}/* Judul panel sidebar (Label) /
.obj_article_details .item.published .label,
.obj_article_details .item.citation .label,
.obj_article_details .item.issue .label,
.obj_article_details .item.section .label {
display: block !important;
font-size: 0.85rem !important;
font-weight: 700 !important;
color: #718096 !important;
text-transform: uppercase !important;
letter-spacing: 0.05em !important;
margin-bottom: 0.75rem !important;
border-bottom: 1px solid #edf2f7 !important;
padding-bottom: 0.5rem !important;
background: transparent !important; / Menghilangkan background abu-abu bawaan OJS jika ada */}.obj_article_details .item.published .value,.obj_article_details .item.issue .value,.obj_article_details .item.section .value {font-size: 1rem !important;color: #2d3748 !important;}/* Styling khusus untuk kotak How to Cite /
/ STREAMING_CHUNK:Styling spesifik untuk area How to Cite */.obj_article_details .item.citation .sub_item {font-size: 0.9rem !important;line-height: 1.5 !important;color: #4a5568 !important;margin-bottom: 1rem !important;}.obj_article_details .item.citation .csl-dropdown {width: 100% !important;padding: 0.5rem !important;border: 1px solid #cbd5e0 !important;border-radius: 0.25rem !important;background-color: #f7fafc !important;color: #4a5568 !important;font-size: 0.9rem !important;cursor: pointer !important;}/* Memperbaiki tata letak utama OJS (Jika struktur gridnya menggunakan class ini) /
/ Biasanya class .cmp_breadcrumbs atau .main_entry perlu disesuaikan paddingnya */.obj_article_details > .main_entry {padding-right: 2rem !important;}/* Responsive design untuk layar kecil /
/ STREAMING_CHUNK:Memastikan tampilan tetap bagus di layar HP */@media (max-width: 768px) {.obj_article_details .page_title {font-size: 1.5rem !important;}.obj_article_details > .main_entry {
    padding-right: 0 !important;
}

.obj_article_details .item.galleys .obj_galley_link {
    padding: 0.5rem !important;
    font-size: 0.9rem !important;
}
}