/* FontAwesome Override icon */
.fa,
.fas,
.far,
.fal,
.fab,
.fad,
[class^="fa-"],
[class*=" fa-"] {
  font-family: "FontAwesome" !important;
}

/* ========================================
   HEADER STYLES - AMIR Journal
   ======================================== */

/* Header Utama */
.pkp_structure_head {
    background: #1E6292 !important;
    padding: 5px 0;
    box-shadow: 0 4px 15px rgba(30, 98, 146, 0.3);
    border-bottom: 3px solid #15507a;
}

/* Logo Container */
.pkp_site_logo {
    display: flex;
    align-items: center;
}

.pkp_site_logo a {
    color: #ffffff !important;
}

.pkp_site_logo img {
    max-height: 60px;
    filter: brightness(0) invert(1); /* Jika logo berwarna gelap, akan berubah jadi putih */
}

/* Nama Jurnal di Header (jika tidak menggunakan logo gambar) */
.pkp_site_title {
    color: #ffffff !important;
    font-weight: 700;
    font-size: 24px;
    text-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

.pkp_site_title a {
    color: #ffffff !important;
    text-decoration: none;
}

.pkp_site_title a:hover {
    color: #f0f8ff !important;
    text-decoration: none;
}

/* Deskripsi Jurnal di Header */
.pkp_site_description {
    color: rgba(255, 255, 255, 0.85) !important;
    font-size: 14px;
    margin-top: 2px;
}


/* Override pseudo-elements using content Font Awesome */
.fa::before,
.fas::before,
.far::before,
.fal::before,
.fab::before,
.fad::before,
[class^="fa-"]::before,
[class*=" fa-"]::before,
.fa::after,
.fas::after,
.far::after,
.fal::after,
.fab::after,
.fad::after,
[class^="fa-"]::after,
[class*=" fa-"]::after {
  font-family: "FontAwesome" !important;
}

.fas::before,
.fa-solid::before {
  font-family: "Font Awesome 5 Free", "Font Awesome 6 Free", "FontAwesome" !important;
  font-weight: 900 !important;
}

.far::before,
.fa-regular::before {
  font-family: "Font Awesome 5 Free", "Font Awesome 6 Free", "FontAwesome" !important;
  font-weight: 400 !important;
}

.fab::before,
.fa-brands::before {
  font-family: "Font Awesome 5 Brands", "Font Awesome 6 Brands", "FontAwesome" !important;
}

/*  */
.no-padding {
    padding: 0px
}

h2,
.h2 {
    font-size: 1.7em;
}

h1,
.h1 {
    font-size: 1.8em;
}

.navbar-default .dropdown-menu>li>a:hover,
.navbar-default .dropdown-menu>.active>a,
.navbar-default .dropdown-menu>.active>a:hover {
    background-color: #ffffff !important;
}

.navbar-default .navbar-brand:hover {
     color: rgb(88, 94, 175); 
     background-color: none; 
    font-weight: 400;
}

.navbar-default .dropdown-menu>li>a,
.navbar-default .dropdown-menu>li>a:focus {
    color: #fff;
}

.navbar .btn,
.header_view .btn {
    padding-top: 6px;
    padding-bottom: 6px;
    height: 31px;
    font-size: 0.9em;
}

.navbar-default .dropdown-menu {
    background-color: rgb(248, 242, 242);
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.header_view .navbar-nav>.open>a,
.header_view .navbar-nav>.open>a:focus {
    background-color: #ffffff;
    color: rgb(77, 77, 77);
}

.navbar,
.header_view {
    margin-bottom: 0;
}

.navbar-default .nav>li>a:hover,
.header_view .nav>li>a:hover {
    background: none;
}

.navbar-default .nav>li>a:focus,
.navbar-default .nav>li>a:active,
.header_view .nav>li>a:focus,
.header_view .nav>li>a:active {
    background: none;
    font-weight: bold;
}


/* Border shadowed style */

.or-spacer {
    margin-top: 50px;
    width: 100%;
    position: relative;
}

.or-spacer .mask {
    overflow: hidden;
    height: 20px;
}

.or-spacer .mask::after {
    content: '';
    display: block;
    margin: -25px auto 0;
    width: 100%;
    height: 25px;
    border-radius: 125px / 12px;
    box-shadow: 0 0 8px #B6B6B6;
}


/* end Border shadowed style */

.site-name .navbar-brand,
.page-header {
    font-family: 'Lora', serif;
    color: rgb(119, 4, 4);
}

.navbar-brand {
    font-size: 25px
}

.panel-default>.panel-heading,
.pkp_block .title {
    border-color: #f5f5f5;
}

.panel-default, .pkp_block, .list-group-item, .pkp_block ul li  {
    border-color: #f5f5f5;
}



.journal_index {
    /* background: url('../images/bg_transparent.png') repeat; */
    /* background-image: linear-gradient(to bottom, rgba(255, 254, 254, 0.6) 0%,rgba(223, 222, 222, 0.6) 100%), url('../images/image_header.jpg'); */
    /* background: url('../images/nav-one.png') repeat; */
    /* background: url('../images/assets/header_red.jpg') top right no-repeat;
 */
    min-height: 140px;
    margin: -20px 0px 20px;
    padding: 20px 0px 20px;
    -webkit-box-shadow: inset 0px -4px 5px -3px rgba(166, 166, 166, 0.29);
    -moz-box-shadow: inset 0px -4px 5px -3px rgba(166, 166, 166, 0.29);
    box-shadow: inset 0px -4px 5px -3px rgba(166, 166, 166, 0.29);
    border-bottom: 2px solid rgb(255, 255, 255);
}

.journal_index .site_description {
    border: 1px solid rgb(231, 231, 231);
    background: white;
    border-radius: 10px;
    margin-left: 10px;
}

.journal_index .about_site {
    font-size: 13px;
    padding: 20px 5px;
}

.journal_index h1 {
    font-size: 18px;
    font-weight: bold;
    margin: 0px 0px 10px 0px;
    font-style: italic;
    color: rgb(74, 74, 75);
}

.journal_index .statement {
    margin-top: -5px
}

.journal_index .site_logo {
    border: 1px solid rgb(231, 231, 231);
    background: white;
    border-radius: 10px;
    margin: 10px 0;
}

.block_make_submission a, .block_makeSubmission a {
    border: 1px solid red;
}

.user_navigation {
    padding: 2px;
}

.site_header {
    border-top: 1px solid rgb(233, 233, 233);
}

.pkp_structure_page {
    background: rgb(253, 253, 253);
}

#main_content {
    padding-top: 20px;
}

.main_content main {
    border: 1px solid rgb(230, 230, 230);
    border-radius: 8px;
    -webkit-box-shadow: 4px 4px 5px -3px rgba(166, 166, 166, 0.35);
    -moz-box-shadow: 4px 4px 5px -3px rgba(166, 166, 166, 0.35);
    box-shadow: 4px 4px 5px -3px rgba(166, 166, 166, 0.35);
    background: white;
    padding: 20px;
}

.page-header {
    padding: 0px !important;
    margin-top: 0px !important;
}

#main-navigation li a {
    font-size: 1.1em;
}

#main-navigation li a:hover {
    color: #5863e9;
}

#main-site>div>div>h2 {
    margin-top: 10px;
}

.page-header h2 {
    font-size: 2em;
}

.media ul.nav-pills {
    display: block;
    float: right;
    margin-top: 10px;
}

.media .media-heading {
    font-size: 1.2em;
    font-family: 'Lora', serif;
    border-bottom: 1px dotted rgb(207, 207, 209);
    margin-bottom: 10px;
    padding-bottom: 8px;
    border-bottom: 1px solid rgb(241, 241, 241);
}

.media-left img {
    max-width: 200px;
}

.media .nav-pills li a {
    border: 1px solid rgb(213, 213, 214);
    margin-right: 10px;
    padding: 8px 10px;
    border-radius: 4px;
    background: rgba(255, 255, 255, 1);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 0.99) 47%, rgba(237, 237, 237, 0.97) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(47%, rgba(246, 246, 246, 0.99)), color-stop(100%, rgba(237, 237, 237, 0.97)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 0.99) 47%, rgba(237, 237, 237, 0.97) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 0.99) 47%, rgba(237, 237, 237, 0.97) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 0.99) 47%, rgba(237, 237, 237, 0.97) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 0.99) 47%, rgba(237, 237, 237, 0.97) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0);
}

a.galley-link {
    font-size: 0.7em;
    border: 1px solid #efefef;
    padding: 4px 12px;
    margin: 5px 0;
    background: #8ee5ff;
    border-radius: 2px;
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
}

a.galley-link:hover {
    text-decoration: none;
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgb(216, 212, 212) 100%);
}

.btn-group {
    margin: 8px 0 20px 0;
}


/* Journal Spesific View */

.article-details {
    margin-bottom: 40px;
}

.pkp_page_article article h1.page-header {
    font-size: 1.8em;
    margin-bottom: 20px;
}

.article-details header small {
    color: #5863e9;
    margin-bottom: 10px
}

.article-details .article-summary,
.article-references {
    margin: 40px 0px;
}

.article-references-content ol li {
    margin-bottom: 10px;
}

.article-details .issue_detail {
    margin-bottom: 10px
}

.article-details .panel-heading {
    font-weight: bold;
}

.pkp_page_article .article-details h2 {
    font-size: 1.6em;
    font-weight: 400
}

.pkp_page_article .article-more-details .panel {
    border-radius: 0px;
    box-shadow: none;
    -webkit-box-shadow: none;
    border: 1px solid #ebeaea;
}

.pkp_page_article .article-more-details .panel-default>.panel-heading {
    background: none;
    border-bottom: 1px solid #ebeaea;
    color: #1d1d1d;
    font-size: 1.2em;
}

.pkp_page_article .article-details .panel-default>.panel-heading {
    background: linear-gradient(to bottom, rgba(254,255,255,1) 0%,rgba(234,243,247,1) 100%);
    border-bottom: 1px solid #f5f5f5;
    color: #1d1d1d;
    font-size: 1.2em;
}

.article-details .author .orcid a {
    vertical-align: top;
    margin-left: 5px
}

.article-details .author .orcid_icon {
    width: 20px;
    height: 20px;
}

.article-details .author-bios .biography {
    margin-bottom: 0px
}

.article-details .author-bios .biography h3 {
    font-size: 1.3em;
    color: #31319e;
}

.article-details .article_counter_read {
    display: inline-block;
    width: 20px;
    height: 10px;
    background: url('../images/bar_chart_icon.png') no-repeat top left;
    color: white;
}

.article-details .doi_link {
    background-size: 20px !important;
    height: 30px !important;
    background: url('../images/DOI_logo.svg') no-repeat center left;
    padding: 5px 0px 5px 30px
}

h3 {
    font-size: 1.5em;
    font-weight: 400;
}

.page-header {
    border-bottom: 1px solid #f5f3f3;
}

.current_issue .page-header h2 {
    font-size: 1.4em;
    font-weight: 400;
}



footer[role="contentinfo"] {
    background: url('../images/footer_bg.png') repeat;
    color: white;
    padding-top: 50px;
}

footer .fa {
    margin-right: 10px;
    font-size: 1.3em;
    color: #858585
}

.contact_section .email_header {
    font-size: 1.7em;
}

.contact_section .fa {
    font-size: 1.1em;
    margin-right: 20px;
    color: #b35900
}

.contact_section .contact .fa {
    font-size: 1.4em;
    margin-bottom: 10px;
}

.pkp_block.block_custom h2.title.pkp_screen_reader {
    display: none;
}

.pkp_brand_footer {
    display: none;
}

/* ========================================
   1. GLOBAL STYLES & TYPOGRAPHY
   ======================================== */

/* Reset dasar dan font global */
body {
    font-family: 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    color: #333;
    background-color: #f8f9fa;
    line-height: 1.7;
}

/* Link dengan transisi halus */
a {
    color: #0056b3;
    transition: color 0.2s ease, background-color 0.2s ease;
}
a:hover {
    color: #003d80;
    text-decoration: underline;
}

/* Heading lebih rapi */
h1, h2, h3, h4, h5, h6 {
    font-weight: 600;
    color: #222;
    margin-top: 1.5rem;
    margin-bottom: 0.75rem;
}



/* ========================================
   6. FOOTER
   ======================================== */

.pkp_structure_footer_wrapper {
    background-color: #1a1a2e;
    color: #ccc;
    padding: 40px 0 20px;
    margin-top: 40px;
}

.pkp_structure_footer {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.pkp_footer_content {
    font-size: 0.9rem;
    line-height: 1.8;
    flex: 2;
}
.pkp_footer_content a {
    color: #8ab4f8;
}
.pkp_footer_content a:hover {
    color: #ffffff;
}

/* ========================================
   7. BUTTONS & CALL TO ACTION
   ======================================== */

.btn-primary {
    background-color: #0056b3;
    border-color: #0056b3;
    transition: background-color 0.3s ease, transform 0.2s ease;
}
.btn-primary:hover {
    background-color: #003d80;
    border-color: #003d80;
    transform: translateY(-1px);
}

/* Make submission button more prominent */
.block_make_submission a,
.block_makeSubmission a {
    display: inline-block;
    background-color: #0056b3;
    color: #ffffff !important;
    padding: 10px 20px;
    border-radius: 4px;
    font-weight: 600;
    transition: background-color 0.3s ease, transform 0.2s ease;
    border: none !important;
}
.block_make_submission a:hover,
.block_makeSubmission a:hover {
    background-color: #003d80;
    text-decoration: none;
    transform: scale(1.02);
}

/* ========================================
   8. ANNOUNCEMENTS
   ======================================== */

.cmp_announcements .obj_announcement_summary {
    background: #eef4fb;
    padding: 15px 20px;
    border-radius: 6px;
    border-left: 5px solid #0056b3;
    margin-bottom: 15px;
}

/* ========================================
   10. RESPONSIVE DESIGN (MOBILE FRIENDLY)
   ======================================== */

@media (max-width: 768px) {
    .pkp_head_wrapper {
        flex-direction: column;
        text-align: center;
    }
    
    .pkp_navigation_primary ul li a {
        padding: 10px 12px;
        font-size: 0.9rem;
    }
    
    .obj_article_summary {
        padding: 15px;
    }
    
    .pkp_structure_footer {
        flex-direction: column;
        text-align: center;
    }
    
    .journal_index {
        min-height: auto;
        padding: 15px 0;
    }
    
    .journal_index .site_description {
        margin: 10px 0;
    }
}

@media (max-width: 480px) {
    h1, .h1 {
        font-size: 1.4em;
    }
    h2, .h2 {
        font-size: 1.2em;
    }
    
    .obj_article_summary .title a {
        font-size: 1.1rem;
    }
    
    .media-left img {
        max-width: 100px;
    }
}

/* ========================================
   11. ADDITIONAL POLISH
   ======================================== */

/* Smooth scroll for entire page */
html {
    scroll-behavior: smooth;
}

/* Better spacing for main content */
#main_content {
    padding-top: 20px;
}

/* Improve table readability */
table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
}
table th,
table td {
    padding: 10px 12px;
    border: 1px solid #ddd;
}
table th {
    background-color: #f5f5f5;
    font-weight: 600;
}


/* Current issue section */
.current_issue {
    background: #ffffff;
    padding: 20px;
    border-radius: 6px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.06);
    margin-bottom: 20px;
}

    /* Editorial Team Styles */
    .editorial-team {
        max-width: 1100px;
        margin: 0 auto;
        padding: 20px;
        font-family: 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    }
    
    .editorial-team .section-title {
        font-size: 28px;
        font-weight: 700;
        color: #0056b3;
        text-align: center;
        margin-bottom: 10px;
        position: relative;
        padding-bottom: 15px;
    }
    
    .editorial-team .section-title:after {
        content: '';
        display: block;
        width: 80px;
        height: 4px;
        background: linear-gradient(to right, #0056b3, #4a90d9);
        margin: 10px auto 0;
        border-radius: 2px;
    }
    
    .editorial-team .subtitle {
        text-align: center;
        color: #666;
        font-size: 16px;
        margin-bottom: 40px;
    }
    
    /* Editor in Chief - Featured Card */
    .editorial-team .featured-card {
        background: linear-gradient(135deg, #0056b3 0%, #1a75d3 100%);
        color: #ffffff;
        border-radius: 12px;
        padding: 35px 40px;
        margin-bottom: 35px;
        box-shadow: 0 8px 25px rgba(0, 86, 179, 0.25);
        display: flex;
        align-items: center;
        gap: 30px;
        flex-wrap: wrap;
    }
    
    .editorial-team .featured-card .avatar {
        width: 120px;
        height: 120px;
        border-radius: 50%;
        background: rgba(255,255,255,0.2);
        border: 4px solid rgba(255,255,255,0.6);
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 48px;
        color: #ffffff;
        flex-shrink: 0;
    }
    
    .editorial-team .featured-card .info {
        flex: 1;
    }
    
    .editorial-team .featured-card .info h3 {
        font-size: 24px;
        font-weight: 700;
        margin: 0 0 5px 0;
        color: #ffffff;
    }
    
    .editorial-team .featured-card .info .role {
        font-size: 14px;
        background: rgba(255,255,255,0.2);
        display: inline-block;
        padding: 3px 14px;
        border-radius: 20px;
        margin-bottom: 10px;
        font-weight: 500;
    }
    
    .editorial-team .featured-card .info .affiliation {
        font-size: 14px;
        opacity: 0.9;
        display: flex;
        align-items: center;
        gap: 8px;
    }
    
    .editorial-team .featured-card .info .affiliation img {
        width: 18px;
        height: 18px;
        filter: brightness(0) invert(1);
    }
    
    .editorial-team .featured-card .social-links {
        display: flex;
        gap: 12px;
        margin-top: 12px;
        flex-wrap: wrap;
    }
    
    .editorial-team .featured-card .social-links a {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        background: rgba(255,255,255,0.15);
        color: #ffffff;
        padding: 6px 14px;
        border-radius: 20px;
        font-size: 13px;
        text-decoration: none;
        transition: background 0.3s ease, transform 0.2s ease;
    }
    
    .editorial-team .featured-card .social-links a:hover {
        background: rgba(255,255,255,0.3);
        transform: translateY(-2px);
    }
    
    .editorial-team .featured-card .social-links a img {
        width: 18px;
        height: 18px;
        filter: brightness(0) invert(1);
    }
    
    /* Managing Editor Card */
    .editorial-team .managing-card {
        background: #f8f9fa;
        border-radius: 12px;
        padding: 25px 30px;
        margin-bottom: 35px;
        border-left: 5px solid #0056b3;
        display: flex;
        align-items: center;
        gap: 25px;
        flex-wrap: wrap;
        box-shadow: 0 2px 8px rgba(0,0,0,0.06);
    }
    
    .editorial-team .managing-card .avatar-sm {
        width: 70px;
        height: 70px;
        border-radius: 50%;
        background: #0056b3;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 28px;
        color: #ffffff;
        flex-shrink: 0;
    }
    
    .editorial-team .managing-card .info {
        flex: 1;
    }
    
    .editorial-team .managing-card .info h4 {
        font-size: 20px;
        font-weight: 600;
        margin: 0 0 3px 0;
        color: #1a1a2e;
    }
    
    .editorial-team .managing-card .info .role {
        font-size: 13px;
        color: #0056b3;
        font-weight: 500;
        margin-bottom: 5px;
    }
    
    .editorial-team .managing-card .info .affiliation {
        font-size: 13px;
        color: #555;
        display: flex;
        align-items: center;
        gap: 6px;
    }
    
    .editorial-team .managing-card .info .affiliation img {
        width: 16px;
        height: 16px;
    }
    
    .editorial-team .managing-card .social-links {
        display: flex;
        gap: 8px;
        flex-wrap: wrap;
    }
    
    .editorial-team .managing-card .social-links a {
        display: inline-flex;
        align-items: center;
        gap: 4px;
        background: #e9ecef;
        color: #1a1a2e;
        padding: 4px 12px;
        border-radius: 16px;
        font-size: 12px;
        text-decoration: none;
        transition: background 0.3s ease;
    }
    
    .editorial-team .managing-card .social-links a:hover {
        background: #dde1e6;
    }
    
    .editorial-team .managing-card .social-links a img {
        width: 16px;
        height: 16px;
    }
    
    /* Editorial Board Grid */
    .editorial-team .board-grid {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
        gap: 20px;
        margin-top: 10px;
    }
    
    .editorial-team .board-card {
        background: #ffffff;
        border-radius: 10px;
        padding: 20px 25px;
        border: 1px solid #eef2f7;
        box-shadow: 0 2px 6px rgba(0,0,0,0.04);
        transition: box-shadow 0.3s ease, transform 0.2s ease;
        display: flex;
        align-items: center;
        gap: 18px;
    }
    
    .editorial-team .board-card:hover {
        box-shadow: 0 6px 18px rgba(0,0,0,0.08);
        transform: translateY(-3px);
    }
    
    .editorial-team .board-card .avatar-xs {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        background: #eef4fb;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 20px;
        color: #0056b3;
        flex-shrink: 0;
        font-weight: 600;
    }
    
    .editorial-team .board-card .info {
        flex: 1;
    }
    
    .editorial-team .board-card .info h5 {
        font-size: 16px;
        font-weight: 600;
        margin: 0 0 2px 0;
        color: #1a1a2e;
    }
    
    .editorial-team .board-card .info .affiliation {
        font-size: 12px;
        color: #666;
        display: flex;
        align-items: center;
        gap: 4px;
    }
    
    .editorial-team .board-card .info .affiliation img {
        width: 14px;
        height: 14px;
    }
    
    .editorial-team .board-card .social-links {
        display: flex;
        gap: 6px;
        margin-top: 4px;
        flex-wrap: wrap;
    }
    
    .editorial-team .board-card .social-links a {
        display: inline-block;
        padding: 2px 8px;
        background: #f0f4f8;
        border-radius: 12px;
        font-size: 11px;
        color: #0056b3;
        text-decoration: none;
        transition: background 0.3s ease;
    }
    
    .editorial-team .board-card .social-links a:hover {
        background: #dde1e6;
    }
    
    .editorial-team .board-card .social-links a img {
        width: 14px;
        height: 14px;
        vertical-align: middle;
        margin-right: 3px;
    }
    
    /* Responsive */
    @media (max-width: 768px) {
        .editorial-team .featured-card {
            flex-direction: column;
            text-align: center;
            padding: 25px 20px;
        }
        
        .editorial-team .featured-card .social-links {
            justify-content: center;
        }
        
        .editorial-team .managing-card {
            flex-direction: column;
            text-align: center;
        }
        
        .editorial-team .managing-card .social-links {
            justify-content: center;
        }
        
        .editorial-team .board-grid {
            grid-template-columns: 1fr;
        }
        
        .editorial-team .board-card {
            flex-direction: column;
            text-align: center;
        }
        
        .editorial-team .board-card .social-links {
            justify-content: center;
        }
    }
    
    @media (max-width: 480px) {
        .editorial-team .featured-card .avatar {
            width: 90px;
            height: 90px;
            font-size: 36px;
        }
        
        .editorial-team .featured-card .info h3 {
            font-size: 20px;
        }
        
        .editorial-team .section-title {
            font-size: 22px;
        }
    }

    /* Reviewer Team Styles */
    .reviewer-team {
        max-width: 1100px;
        margin: 0 auto;
        padding: 20px;
        font-family: 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    }
    
    .reviewer-team .section-title {
        font-size: 28px;
        font-weight: 700;
        color: #0056b3;
        text-align: center;
        margin-bottom: 10px;
        position: relative;
        padding-bottom: 15px;
    }
    
    .reviewer-team .section-title:after {
        content: '';
        display: block;
        width: 80px;
        height: 4px;
        background: linear-gradient(to right, #0056b3, #4a90d9);
        margin: 10px auto 0;
        border-radius: 2px;
    }
    
    .reviewer-team .subtitle {
        text-align: center;
        color: #666;
        font-size: 16px;
        margin-bottom: 40px;
    }
    
    /* Certificate Banner */
    .reviewer-team .certificate-banner {
        background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);
        border-radius: 12px;
        padding: 30px 35px;
        margin-bottom: 35px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 20px;
        box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
        border: 1px solid rgba(255,255,255,0.1);
    }
    
    .reviewer-team .certificate-banner .cert-info {
        flex: 1;
        min-width: 200px;
    }
    
    .reviewer-team .certificate-banner .cert-info h3 {
        color: #ffffff;
        font-size: 20px;
        font-weight: 600;
        margin: 0 0 5px 0;
    }
    
    .reviewer-team .certificate-banner .cert-info p {
        color: rgba(255,255,255,0.8);
        font-size: 14px;
        margin: 0;
    }
    
    .reviewer-team .certificate-banner .cert-info .badge {
        display: inline-block;
        background: rgba(255,255,255,0.15);
        color: #ffffff;
        padding: 4px 14px;
        border-radius: 20px;
        font-size: 12px;
        margin-top: 8px;
        border: 1px solid rgba(255,255,255,0.1);
    }
    
    .reviewer-team .certificate-banner .cert-btn {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        background: linear-gradient(135deg, #0056b3, #1a75d3);
        color: #ffffff;
        padding: 14px 30px;
        border-radius: 30px;
        text-decoration: none;
        font-weight: 600;
        font-size: 15px;
        transition: transform 0.3s ease, box-shadow 0.3s ease;
        box-shadow: 0 4px 15px rgba(0, 86, 179, 0.3);
    }
    
    .reviewer-team .certificate-banner .cert-btn:hover {
        transform: translateY(-3px);
        box-shadow: 0 8px 25px rgba(0, 86, 179, 0.4);
        color: #ffffff;
    }
    
    .reviewer-team .certificate-banner .cert-btn img {
        width: 22px;
        height: 22px;
        filter: brightness(0) invert(1);
    }
    
    /* Reviewer Grid */
    .reviewer-team .reviewer-grid {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
        gap: 25px;
        margin-top: 10px;
    }
    
    .reviewer-team .reviewer-card {
        background: #ffffff;
        border-radius: 12px;
        padding: 25px 25px 20px;
        border: 1px solid #eef2f7;
        box-shadow: 0 2px 8px rgba(0,0,0,0.04);
        transition: box-shadow 0.3s ease, transform 0.2s ease;
        position: relative;
        overflow: hidden;
    }
    
    .reviewer-team .reviewer-card:hover {
        box-shadow: 0 8px 25px rgba(0,0,0,0.08);
        transform: translateY(-4px);
    }
    
    .reviewer-team .reviewer-card:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 4px;
        height: 100%;
        background: linear-gradient(to bottom, #0056b3, #4a90d9);
        border-radius: 4px 0 0 4px;
    }
    
    .reviewer-team .reviewer-card .header {
        display: flex;
        align-items: center;
        gap: 16px;
        margin-bottom: 12px;
    }
    
    .reviewer-team .reviewer-card .avatar {
        width: 60px;
        height: 60px;
        border-radius: 50%;
        background: linear-gradient(135deg, #eef4fb, #dde4ec);
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 22px;
        color: #0056b3;
        flex-shrink: 0;
        font-weight: 700;
    }
    
    .reviewer-team .reviewer-card .name {
        flex: 1;
    }
    
    .reviewer-team .reviewer-card .name h4 {
        font-size: 18px;
        font-weight: 600;
        margin: 0 0 2px 0;
        color: #1a1a2e;
    }
    
    .reviewer-team .reviewer-card .name .title {
        font-size: 12px;
        color: #888;
        font-weight: 400;
    }
    
    .reviewer-team .reviewer-card .affiliation {
        font-size: 13px;
        color: #555;
        margin: 8px 0 12px 0;
        display: flex;
        align-items: center;
        gap: 6px;
        padding: 8px 12px;
        background: #f8f9fa;
        border-radius: 6px;
        border-left: 3px solid #0056b3;
    }
    
    .reviewer-team .reviewer-card .affiliation img {
        width: 16px;
        height: 16px;
    }
    
    .reviewer-team .reviewer-card .social-links {
        display: flex;
        gap: 8px;
        flex-wrap: wrap;
        margin-top: 10px;
    }
    
    .reviewer-team .reviewer-card .social-links a {
        display: inline-flex;
        align-items: center;
        gap: 5px;
        background: #f0f4f8;
        color: #1a1a2e;
        padding: 5px 14px;
        border-radius: 20px;
        font-size: 12px;
        text-decoration: none;
        transition: background 0.3s ease, transform 0.2s ease;
        font-weight: 500;
    }
    
    .reviewer-team .reviewer-card .social-links a:hover {
        background: #dde1e6;
        transform: scale(1.03);
    }
    
    .reviewer-team .reviewer-card .social-links a img {
        width: 16px;
        height: 16px;
    }
    
    .reviewer-team .reviewer-card .social-links a.scopus {
        background: #e8f0fe;
        color: #0056b3;
    }
    
    .reviewer-team .reviewer-card .social-links a.scopus:hover {
        background: #d0e0f8;
    }
    
    .reviewer-team .reviewer-card .social-links a.sinta {
        background: #e8f5e9;
        color: #2e7d32;
    }
    
    .reviewer-team .reviewer-card .social-links a.sinta:hover {
        background: #c8e6c9;
    }
    
    .reviewer-team .reviewer-card .social-links a.gs {
        background: #fef3e0;
        color: #e65100;
    }
    
    .reviewer-team .reviewer-card .social-links a.gs:hover {
        background: #fde0b0;
    }
    
    .reviewer-team .reviewer-card .social-links a.orcid {
        background: #fce4ec;
        color: #c62828;
    }
    
    .reviewer-team .reviewer-card .social-links a.orcid:hover {
        background: #f8bbd0;
    }
    
    .reviewer-team .reviewer-card .badge-reviewer {
        display: inline-block;
        background: #eef4fb;
        color: #0056b3;
        padding: 2px 12px;
        border-radius: 12px;
        font-size: 11px;
        font-weight: 500;
        margin-top: 10px;
    }
    
    /* Footer Section */
    .reviewer-team .footer-note {
        text-align: center;
        margin-top: 40px;
        padding: 25px 20px;
        background: #f8f9fa;
        border-radius: 10px;
        border: 1px solid #eef2f7;
    }
    
    .reviewer-team .footer-note p {
        margin: 0;
        color: #666;
        font-size: 14px;
    }
    
    .reviewer-team .footer-note .icon-text {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        flex-wrap: wrap;
    }
    
    .reviewer-team .footer-note .icon-text span {
        display: inline-flex;
        align-items: center;
        gap: 4px;
        background: #ffffff;
        padding: 4px 12px;
        border-radius: 16px;
        font-size: 12px;
        border: 1px solid #eef2f7;
    }
    
    .reviewer-team .footer-note .icon-text img {
        width: 16px;
        height: 16px;
    }
    
    /* Responsive */
    @media (max-width: 768px) {
        .reviewer-team .certificate-banner {
            flex-direction: column;
            text-align: center;
            padding: 25px 20px;
        }
        
        .reviewer-team .reviewer-grid {
            grid-template-columns: 1fr;
        }
        
        .reviewer-team .section-title {
            font-size: 22px;
        }
        
        .reviewer-team .reviewer-card .header {
            flex-direction: column;
            text-align: center;
        }
        
        .reviewer-team .reviewer-card .social-links {
            justify-content: center;
        }
        
        .reviewer-team .reviewer-card .affiliation {
            justify-content: center;
        }
    }
    
    @media (max-width: 480px) {
        .reviewer-team .certificate-banner .cert-btn {
            width: 100%;
            justify-content: center;
        }
        
        .reviewer-team .reviewer-card {
            padding: 20px 15px;
        }
    }

    /* Review Process Styles */
    .review-process {
        max-width: 1100px;
        margin: 0 auto;
        padding: 20px;
        font-family: 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    }
    
    .review-process .section-title {
        font-size: 28px;
        font-weight: 700;
        color: #0056b3;
        text-align: center;
        margin-bottom: 10px;
        position: relative;
        padding-bottom: 15px;
    }
    
    .review-process .section-title:after {
        content: '';
        display: block;
        width: 80px;
        height: 4px;
        background: linear-gradient(to right, #0056b3, #4a90d9);
        margin: 10px auto 0;
        border-radius: 2px;
    }
    
    .review-process .subtitle {
        text-align: center;
        color: #666;
        font-size: 16px;
        margin-bottom: 40px;
    }
    
    /* Process Flow */
    .review-process .flow-container {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
        margin-bottom: 40px;
        gap: 10px;
    }
    
    .review-process .flow-step {
        flex: 1;
        min-width: 120px;
        text-align: center;
        padding: 15px 10px;
        background: #f8f9fa;
        border-radius: 10px;
        border: 2px solid #eef2f7;
        transition: all 0.3s ease;
    }
    
    .review-process .flow-step:hover {
        border-color: #0056b3;
        background: #eef4fb;
        transform: translateY(-3px);
    }
    
    .review-process .flow-step .step-icon {
        font-size: 30px;
        display: block;
        margin-bottom: 5px;
    }
    
    .review-process .flow-step .step-label {
        font-size: 13px;
        font-weight: 600;
        color: #1a1a2e;
    }
    
    .review-process .flow-step .step-desc {
        font-size: 11px;
        color: #888;
    }
    
    .review-process .flow-arrow {
        font-size: 24px;
        color: #0056b3;
        font-weight: 300;
    }
    
    /* Info Card */
    .review-process .info-card {
        background: #ffffff;
        border-radius: 12px;
        padding: 25px 30px;
        margin-bottom: 25px;
        border-left: 5px solid #0056b3;
        box-shadow: 0 2px 8px rgba(0,0,0,0.06);
    }
    
    .review-process .info-card.green {
        border-left-color: #2e7d32;
    }
    
    .review-process .info-card.orange {
        border-left-color: #e65100;
    }
    
    .review-process .info-card.red {
        border-left-color: #c62828;
    }
    
    .review-process .info-card.purple {
        border-left-color: #6a1b9a;
    }
    
    .review-process .info-card h3 {
        font-size: 18px;
        font-weight: 600;
        color: #1a1a2e;
        margin: 0 0 10px 0;
        display: flex;
        align-items: center;
        gap: 10px;
    }
    
    .review-process .info-card ul {
        margin: 8px 0;
        padding-left: 20px;
    }
    
    .review-process .info-card ul li {
        margin-bottom: 6px;
        color: #444;
        line-height: 1.6;
    }
    
    .review-process .info-card ul li strong {
        color: #1a1a2e;
    }
    
    /* Decision Cards Grid */
    .review-process .decision-grid {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
        gap: 20px;
        margin-top: 15px;
    }
    
    .review-process .decision-card {
        background: #ffffff;
        border-radius: 10px;
        padding: 20px 22px;
        border: 1px solid #eef2f7;
        box-shadow: 0 2px 6px rgba(0,0,0,0.04);
        transition: box-shadow 0.3s ease, transform 0.2s ease;
    }
    
    .review-process .decision-card:hover {
        box-shadow: 0 6px 18px rgba(0,0,0,0.08);
        transform: translateY(-3px);
    }
    
    .review-process .decision-card .decision-icon {
        font-size: 28px;
        display: block;
        margin-bottom: 8px;
    }
    
    .review-process .decision-card h4 {
        font-size: 16px;
        font-weight: 600;
        margin: 0 0 8px 0;
        color: #1a1a2e;
    }
    
    .review-process .decision-card p {
        font-size: 13px;
        color: #555;
        line-height: 1.6;
        margin: 0;
    }
    
    .review-process .decision-card .badge-decision {
        display: inline-block;
        padding: 3px 12px;
        border-radius: 12px;
        font-size: 11px;
        font-weight: 500;
        margin-top: 8px;
    }
    
    .review-process .decision-card .badge-decision.green {
        background: #e8f5e9;
        color: #2e7d32;
    }
    
    .review-process .decision-card .badge-decision.blue {
        background: #e3f2fd;
        color: #0056b3;
    }
    
    .review-process .decision-card .badge-decision.orange {
        background: #fff3e0;
        color: #e65100;
    }
    
    .review-process .decision-card .badge-decision.gray {
        background: #f5f5f5;
        color: #616161;
    }
    
    .review-process .decision-card .badge-decision.red {
        background: #ffebee;
        color: #c62828;
    }
    
    /* Rejection Reasons */
    .review-process .rejection-list {
        list-style: none;
        padding: 0;
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
        gap: 12px;
    }
    
    .review-process .rejection-list li {
        background: #f8f9fa;
        padding: 12px 18px;
        border-radius: 8px;
        border-left: 4px solid #c62828;
        font-size: 14px;
        color: #444;
        display: flex;
        align-items: center;
        gap: 10px;
    }
    
    .review-process .rejection-list li .rej-icon {
        font-size: 18px;
    }
    
    /* Timeline */
    .review-process .timeline {
        display: flex;
        flex-direction: column;
        gap: 15px;
        margin-top: 10px;
    }
    
    .review-process .timeline-item {
        display: flex;
        align-items: flex-start;
        gap: 15px;
        padding: 15px 20px;
        background: #f8f9fa;
        border-radius: 10px;
        border-left: 4px solid #0056b3;
    }
    
    .review-process .timeline-item .time-icon {
        font-size: 24px;
        flex-shrink: 0;
    }
    
    .review-process .timeline-item .time-content {
        flex: 1;
    }
    
    .review-process .timeline-item .time-content h4 {
        font-size: 15px;
        font-weight: 600;
        margin: 0 0 3px 0;
        color: #1a1a2e;
    }
    
    .review-process .timeline-item .time-content p {
        font-size: 13px;
        color: #555;
        margin: 0;
        line-height: 1.5;
    }
    
    .review-process .timeline-item .time-duration {
        font-size: 13px;
        font-weight: 600;
        color: #0056b3;
        background: #eef4fb;
        padding: 2px 14px;
        border-radius: 12px;
        white-space: nowrap;
        flex-shrink: 0;
    }
    
    /* Responsive */
    @media (max-width: 768px) {
        .review-process .flow-container {
            flex-direction: column;
            align-items: stretch;
        }
        
        .review-process .flow-arrow {
            transform: rotate(90deg);
            text-align: center;
            padding: 5px 0;
        }
        
        .review-process .decision-grid {
            grid-template-columns: 1fr;
        }
        
        .review-process .rejection-list {
            grid-template-columns: 1fr;
        }
        
        .review-process .section-title {
            font-size: 22px;
        }
        
        .review-process .timeline-item {
            flex-direction: column;
            align-items: stretch;
        }
        
        .review-process .timeline-item .time-duration {
            align-self: flex-start;
        }
    }
    
    @media (max-width: 480px) {
        .review-process .info-card {
            padding: 18px 15px;
        }
        
        .review-process .decision-card {
            padding: 15px;
        }
    }

    /* Open Access Statement Styles */
    .open-access {
        max-width: 1100px;
        margin: 0 auto;
        padding: 20px;
        font-family: 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    }
    
    .open-access .section-title {
        font-size: 28px;
        font-weight: 700;
        color: #0056b3;
        text-align: center;
        margin-bottom: 10px;
        position: relative;
        padding-bottom: 15px;
    }
    
    .open-access .section-title:after {
        content: '';
        display: block;
        width: 80px;
        height: 4px;
        background: linear-gradient(to right, #0056b3, #4a90d9);
        margin: 10px auto 0;
        border-radius: 2px;
    }
    
    .open-access .subtitle {
        text-align: center;
        color: #666;
        font-size: 16px;
        margin-bottom: 40px;
    }
    
    /* Main Statement Card */
    .open-access .statement-card {
        background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
        border-radius: 12px;
        padding: 30px 35px;
        margin-bottom: 30px;
        border: 1px solid #eef2f7;
        box-shadow: 0 2px 8px rgba(0,0,0,0.06);
        border-left: 5px solid #2e7d32;
    }
    
    .open-access .statement-card p {
        font-size: 16px;
        line-height: 1.8;
        color: #333;
        margin: 0;
    }
    
    .open-access .statement-card strong {
        color: #1a1a2e;
    }
    
    /* Open Access Badge */
    .open-access .oa-badge-container {
        display: flex;
        justify-content: center;
        gap: 30px;
        flex-wrap: wrap;
        margin: 20px 0 30px 0;
    }
    
    .open-access .oa-badge {
        background: #ffffff;
        border-radius: 10px;
        padding: 20px 30px;
        text-align: center;
        border: 1px solid #eef2f7;
        box-shadow: 0 2px 8px rgba(0,0,0,0.04);
        transition: transform 0.3s ease, box-shadow 0.3s ease;
        flex: 1;
        min-width: 150px;
        max-width: 200px;
    }
    
    .open-access .oa-badge:hover {
        transform: translateY(-5px);
        box-shadow: 0 8px 25px rgba(0,0,0,0.08);
    }
    
    .open-access .oa-badge .oa-icon {
        font-size: 40px;
        display: block;
        margin-bottom: 8px;
    }
    
    .open-access .oa-badge .oa-label {
        font-size: 13px;
        font-weight: 600;
        color: #1a1a2e;
    }
    
    .open-access .oa-badge .oa-desc {
        font-size: 11px;
        color: #888;
    }
    
    .open-access .oa-badge.green {
        border-top: 4px solid #2e7d32;
    }
    
    .open-access .oa-badge.blue {
        border-top: 4px solid #0056b3;
    }
    
    .open-access .oa-badge.orange {
        border-top: 4px solid #e65100;
    }
    
    .open-access .oa-badge.purple {
        border-top: 4px solid #6a1b9a;
    }
    
    /* Means Grid */
    .open-access .means-grid {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
        gap: 20px;
        margin: 20px 0 30px 0;
    }
    
    .open-access .means-item {
        background: #ffffff;
        border-radius: 10px;
        padding: 20px 22px;
        border: 1px solid #eef2f7;
        box-shadow: 0 2px 6px rgba(0,0,0,0.04);
        transition: box-shadow 0.3s ease, transform 0.2s ease;
        display: flex;
        align-items: flex-start;
        gap: 15px;
    }
    
    .open-access .means-item:hover {
        box-shadow: 0 6px 18px rgba(0,0,0,0.08);
        transform: translateY(-3px);
    }
    
    .open-access .means-item .means-icon {
        font-size: 28px;
        flex-shrink: 0;
        margin-top: 2px;
    }
    
    .open-access .means-item .means-content {
        flex: 1;
    }
    
    .open-access .means-item .means-content h4 {
        font-size: 15px;
        font-weight: 600;
        margin: 0 0 5px 0;
        color: #1a1a2e;
    }
    
    .open-access .means-item .means-content p {
        font-size: 13px;
        color: #555;
        line-height: 1.6;
        margin: 0;
    }
    
    /* Important Note */
    .open-access .important-note {
        background: #fff8e1;
        border-radius: 12px;
        padding: 25px 30px;
        margin: 30px 0;
        border: 1px solid #ffe0b2;
        border-left: 5px solid #e65100;
        display: flex;
        align-items: flex-start;
        gap: 15px;
    }
    
    .open-access .important-note .note-icon {
        font-size: 30px;
        flex-shrink: 0;
        margin-top: 2px;
    }
    
    .open-access .important-note .note-content {
        flex: 1;
    }
    
    .open-access .important-note .note-content h4 {
        font-size: 17px;
        font-weight: 600;
        color: #e65100;
        margin: 0 0 8px 0;
    }
    
    .open-access .important-note .note-content p {
        font-size: 14px;
        color: #555;
        line-height: 1.7;
        margin: 0;
    }
    
    .open-access .important-note .note-content strong {
        color: #1a1a2e;
    }
    
    /* Copyright Info */
    .open-access .copyright-info {
        background: #f8f9fa;
        border-radius: 10px;
        padding: 20px 25px;
        text-align: center;
        border: 1px solid #eef2f7;
        margin-top: 20px;
    }
    
    .open-access .copyright-info p {
        font-size: 13px;
        color: #666;
        margin: 0;
    }
    
    .open-access .copyright-info .license-icons {
        display: flex;
        justify-content: center;
        gap: 15px;
        flex-wrap: wrap;
        margin-top: 10px;
    }
    
    .open-access .copyright-info .license-icons span {
        background: #ffffff;
        padding: 5px 15px;
        border-radius: 20px;
        font-size: 12px;
        border: 1px solid #eef2f7;
        color: #555;
    }
    
    /* Responsive */
    @media (max-width: 768px) {
        .open-access .section-title {
            font-size: 22px;
        }
        
        .open-access .statement-card {
            padding: 20px;
        }
        
        .open-access .statement-card p {
            font-size: 15px;
        }
        
        .open-access .oa-badge-container {
            flex-direction: column;
            align-items: center;
        }
        
        .open-access .oa-badge {
            max-width: 100%;
            width: 100%;
        }
        
        .open-access .means-grid {
            grid-template-columns: 1fr;
        }
        
        .open-access .important-note {
            flex-direction: column;
            align-items: stretch;
            padding: 20px;
        }
    }
    
    @media (max-width: 480px) {
        .open-access .statement-card {
            padding: 15px;
        }
        
        .open-access .means-item {
            padding: 15px;
        }
        
        .open-access .important-note {
            padding: 15px;
        }
    }

    /* Important Dates Styles */
    .important-dates {
        max-width: 1100px;
        margin: 0 auto;
        padding: 20px;
        font-family: 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    }
    
    .important-dates .section-title {
        font-size: 28px;
        font-weight: 700;
        color: #0056b3;
        text-align: center;
        margin-bottom: 10px;
        position: relative;
        padding-bottom: 15px;
    }
    
    .important-dates .section-title:after {
        content: '';
        display: block;
        width: 80px;
        height: 4px;
        background: linear-gradient(to right, #0056b3, #4a90d9);
        margin: 10px auto 0;
        border-radius: 2px;
    }
    
    .important-dates .subtitle {
        text-align: center;
        color: #666;
        font-size: 16px;
        margin-bottom: 35px;
        line-height: 1.6;
    }
    
    .important-dates .subtitle strong {
        color: #1a1a2e;
    }
    
    /* Dates Grid */
    .important-dates .dates-grid {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
        gap: 25px;
        margin-bottom: 35px;
    }
    
    .important-dates .date-card {
        background: #ffffff;
        border-radius: 12px;
        padding: 25px 22px 20px;
        border: 1px solid #eef2f7;
        box-shadow: 0 2px 8px rgba(0,0,0,0.04);
        transition: transform 0.3s ease, box-shadow 0.3s ease;
        position: relative;
        overflow: hidden;
        text-align: center;
    }
    
    .important-dates .date-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 8px 25px rgba(0,0,0,0.10);
    }
    
    .important-dates .date-card .card-top {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 5px;
        background: linear-gradient(to right, #0056b3, #4a90d9);
    }
    
    .important-dates .date-card .card-top.green {
        background: linear-gradient(to right, #2e7d32, #66bb6a);
    }
    
    .important-dates .date-card .card-top.orange {
        background: linear-gradient(to right, #e65100, #ff9800);
    }
    
    .important-dates .date-card .card-top.purple {
        background: linear-gradient(to right, #6a1b9a, #ab47bc);
    }
    
    .important-dates .date-card .card-top.red {
        background: linear-gradient(to right, #c62828, #ef5350);
    }
    
    .important-dates .date-card .month-icon {
        font-size: 40px;
        display: block;
        margin: 8px 0 5px 0;
    }
    
    .important-dates .date-card .month-name {
        font-size: 22px;
        font-weight: 700;
        color: #1a1a2e;
        margin: 0 0 5px 0;
    }
    
    .important-dates .date-card .month-year {
        font-size: 14px;
        color: #888;
        margin-bottom: 15px;
        display: block;
    }
    
    .important-dates .date-card .deadline {
        background: #f8f9fa;
        border-radius: 8px;
        padding: 10px 12px;
        margin-bottom: 10px;
    }
    
    .important-dates .date-card .deadline .label {
        font-size: 12px;
        color: #888;
        text-transform: uppercase;
        font-weight: 600;
        letter-spacing: 0.5px;
    }
    
    .important-dates .date-card .deadline .date {
        font-size: 18px;
        font-weight: 700;
        color: #1a1a2e;
        margin-top: 2px;
    }
    
    .important-dates .date-card .publish {
        background: #eef4fb;
        border-radius: 8px;
        padding: 10px 12px;
        margin-bottom: 12px;
    }
    
    .important-dates .date-card .publish .label {
        font-size: 12px;
        color: #888;
        text-transform: uppercase;
        font-weight: 600;
        letter-spacing: 0.5px;
    }
    
    .important-dates .date-card .publish .date {
        font-size: 18px;
        font-weight: 700;
        color: #0056b3;
        margin-top: 2px;
    }
    
    .important-dates .date-card .status {
        display: inline-block;
        padding: 4px 16px;
        border-radius: 20px;
        font-size: 12px;
        font-weight: 600;
        margin-top: 5px;
    }
    
    .important-dates .date-card .status.open {
        background: #e8f5e9;
        color: #2e7d32;
    }
    
    .important-dates .date-card .status.closed {
        background: #ffebee;
        color: #c62828;
    }
    
    .important-dates .date-card .status.coming {
        background: #fff3e0;
        color: #e65100;
    }
    
    /* Info Box */
    .important-dates .info-box {
        background: #f8f9fa;
        border-radius: 12px;
        padding: 20px 25px;
        border: 1px solid #eef2f7;
        border-left: 5px solid #0056b3;
        display: flex;
        align-items: center;
        gap: 15px;
        flex-wrap: wrap;
        margin-top: 10px;
    }
    
    .important-dates .info-box .info-icon {
        font-size: 30px;
        flex-shrink: 0;
    }
    
    .important-dates .info-box .info-content {
        flex: 1;
    }
    
    .important-dates .info-box .info-content h4 {
        font-size: 16px;
        font-weight: 600;
        color: #1a1a2e;
        margin: 0 0 3px 0;
    }
    
    .important-dates .info-box .info-content p {
        font-size: 14px;
        color: #555;
        margin: 0;
        line-height: 1.6;
    }
    
    .important-dates .info-box .info-content strong {
        color: #1a1a2e;
    }
    
    /* Countdown section */
    .important-dates .countdown {
        background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);
        border-radius: 12px;
        padding: 25px 30px;
        margin-top: 30px;
        color: #ffffff;
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 20px;
    }
    
    .important-dates .countdown .countdown-text {
        flex: 1;
        min-width: 200px;
    }
    
    .important-dates .countdown .countdown-text h4 {
        font-size: 18px;
        font-weight: 600;
        margin: 0 0 5px 0;
        color: #ffffff;
    }
    
    .important-dates .countdown .countdown-text p {
        font-size: 14px;
        opacity: 0.8;
        margin: 0;
    }
    
    .important-dates .countdown .countdown-timer {
        display: flex;
        gap: 15px;
        flex-wrap: wrap;
    }
    
    .important-dates .countdown .countdown-timer .time-block {
        text-align: center;
        background: rgba(255,255,255,0.1);
        border-radius: 8px;
        padding: 10px 18px;
        min-width: 60px;
        border: 1px solid rgba(255,255,255,0.1);
    }
    
    .important-dates .countdown .countdown-timer .time-block .number {
        font-size: 28px;
        font-weight: 700;
        color: #ffffff;
        display: block;
        line-height: 1.2;
    }
    
    .important-dates .countdown .countdown-timer .time-block .label {
        font-size: 11px;
        text-transform: uppercase;
        opacity: 0.7;
    }
    
    /* Responsive */
    @media (max-width: 768px) {
        .important-dates .section-title {
            font-size: 22px;
        }
        
        .important-dates .dates-grid {
            grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
            gap: 15px;
        }
        
        .important-dates .date-card {
            padding: 20px 15px;
        }
        
        .important-dates .countdown {
            flex-direction: column;
            text-align: center;
        }
        
        .important-dates .countdown .countdown-timer {
            justify-content: center;
        }
        
        .important-dates .info-box {
            flex-direction: column;
            text-align: center;
        }
    }
    
    @media (max-width: 480px) {
        .important-dates .dates-grid {
            grid-template-columns: 1fr;
        }
        
        .important-dates .date-card .deadline .date,
        .important-dates .date-card .publish .date {
            font-size: 16px;
        }
        
        .important-dates .countdown .countdown-timer .time-block {
            padding: 8px 12px;
            min-width: 50px;
        }
        
        .important-dates .countdown .countdown-timer .time-block .number {
            font-size: 22px;
        }
    }

    /* Copyright Notice Styles */
    .copyright-notice {
        max-width: 1100px;
        margin: 0 auto;
        padding: 20px;
        font-family: 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    }
    
    .copyright-notice .section-title {
        font-size: 28px;
        font-weight: 700;
        color: #0056b3;
        text-align: center;
        margin-bottom: 10px;
        position: relative;
        padding-bottom: 15px;
    }
    
    .copyright-notice .section-title:after {
        content: '';
        display: block;
        width: 80px;
        height: 4px;
        background: linear-gradient(to right, #0056b3, #4a90d9);
        margin: 10px auto 0;
        border-radius: 2px;
    }
    
    .copyright-notice .subtitle {
        text-align: center;
        color: #666;
        font-size: 16px;
        margin-bottom: 35px;
        line-height: 1.6;
    }
    
    .copyright-notice .subtitle strong {
        color: #1a1a2e;
    }
    
    /* General Section */
    .copyright-notice .general-section {
        background: #ffffff;
        border-radius: 12px;
        padding: 25px 30px;
        border: 1px solid #eef2f7;
        box-shadow: 0 2px 8px rgba(0,0,0,0.06);
        margin-bottom: 25px;
        border-left: 5px solid #0056b3;
    }
    
    .copyright-notice .general-section h3 {
        font-size: 18px;
        font-weight: 600;
        color: #1a1a2e;
        margin: 0 0 10px 0;
        display: flex;
        align-items: center;
        gap: 10px;
    }
    
    .copyright-notice .general-section p {
        font-size: 14px;
        color: #444;
        line-height: 1.8;
        margin: 0 0 10px 0;
    }
    
    .copyright-notice .general-section p strong {
        color: #1a1a2e;
    }
    
    .copyright-notice .general-section .highlight-box {
        background: #f8f9fa;
        border-radius: 8px;
        padding: 15px 20px;
        border: 1px dashed #0056b3;
        margin-top: 10px;
        display: flex;
        align-items: center;
        gap: 15px;
        flex-wrap: wrap;
    }
    
    .copyright-notice .general-section .highlight-box .icon {
        font-size: 28px;
        flex-shrink: 0;
    }
    
    .copyright-notice .general-section .highlight-box .text {
        flex: 1;
    }
    
    .copyright-notice .general-section .highlight-box .text p {
        margin: 0;
        font-size: 14px;
        color: #555;
    }
    
    .copyright-notice .general-section .highlight-box .btn-download {
        background: #0056b3;
        color: #ffffff;
        padding: 10px 25px;
        border-radius: 25px;
        text-decoration: none;
        font-weight: 600;
        font-size: 14px;
        transition: background 0.3s ease, transform 0.2s ease;
        box-shadow: 0 4px 15px rgba(0, 86, 179, 0.25);
        white-space: nowrap;
    }
    
    .copyright-notice .general-section .highlight-box .btn-download:hover {
        background: #003d80;
        transform: translateY(-2px);
        color: #ffffff;
    }
    
    /* Terms Grid */
    .copyright-notice .terms-section {
        margin: 25px 0;
    }
    
    .copyright-notice .terms-section h3 {
        font-size: 20px;
        font-weight: 600;
        color: #0056b3;
        margin-bottom: 15px;
        display: flex;
        align-items: center;
        gap: 10px;
    }
    
    .copyright-notice .terms-section h3 span {
        border-left: 4px solid #0056b3;
        padding-left: 12px;
    }
    
    .copyright-notice .terms-grid {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
        gap: 20px;
    }
    
    .copyright-notice .term-card {
        background: #ffffff;
        border-radius: 10px;
        padding: 20px 22px;
        border: 1px solid #eef2f7;
        box-shadow: 0 2px 6px rgba(0,0,0,0.04);
        transition: box-shadow 0.3s ease, transform 0.2s ease;
        display: flex;
        align-items: flex-start;
        gap: 15px;
    }
    
    .copyright-notice .term-card:hover {
        box-shadow: 0 6px 18px rgba(0,0,0,0.08);
        transform: translateY(-3px);
    }
    
    .copyright-notice .term-card .term-icon {
        font-size: 28px;
        flex-shrink: 0;
        margin-top: 2px;
    }
    
    .copyright-notice .term-card .term-content {
        flex: 1;
    }
    
    .copyright-notice .term-card .term-content h4 {
        font-size: 15px;
        font-weight: 600;
        color: #1a1a2e;
        margin: 0 0 5px 0;
    }
    
    .copyright-notice .term-card .term-content p {
        font-size: 13px;
        color: #555;
        line-height: 1.6;
        margin: 0;
    }
    
    /* Creative Commons Section */
    .copyright-notice .cc-section {
        background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
        border-radius: 12px;
        padding: 30px 35px;
        border: 2px solid #eef2f7;
        margin: 25px 0;
        text-align: center;
    }
    
    .copyright-notice .cc-section .cc-badge {
        font-size: 50px;
        display: block;
        margin-bottom: 10px;
    }
    
    .copyright-notice .cc-section h3 {
        font-size: 22px;
        font-weight: 700;
        color: #1a1a2e;
        margin: 0 0 5px 0;
    }
    
    .copyright-notice .cc-section .cc-license {
        font-size: 16px;
        color: #0056b3;
        font-weight: 600;
        margin-bottom: 20px;
        display: block;
    }
    
    .copyright-notice .cc-section .cc-grid {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
        gap: 20px;
        text-align: left;
        margin-top: 15px;
    }
    
    .copyright-notice .cc-section .cc-item {
        background: #ffffff;
        border-radius: 8px;
        padding: 15px 20px;
        border: 1px solid #eef2f7;
        transition: box-shadow 0.3s ease;
    }
    
    .copyright-notice .cc-section .cc-item:hover {
        box-shadow: 0 4px 12px rgba(0,0,0,0.06);
    }
    
    .copyright-notice .cc-section .cc-item .cc-icon {
        font-size: 24px;
        display: block;
        margin-bottom: 5px;
    }
    
    .copyright-notice .cc-section .cc-item h4 {
        font-size: 15px;
        font-weight: 600;
        color: #1a1a2e;
        margin: 0 0 5px 0;
    }
    
    .copyright-notice .cc-section .cc-item p {
        font-size: 13px;
        color: #555;
        line-height: 1.6;
        margin: 0;
    }
    
    .copyright-notice .cc-section .cc-item .highlight {
        background: #eef4fb;
        padding: 1px 8px;
        border-radius: 4px;
        color: #0056b3;
        font-weight: 500;
    }
    
    /* Terms Under CC */
    .copyright-notice .cc-terms {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
        gap: 15px;
        margin: 20px 0 15px 0;
    }
    
    .copyright-notice .cc-term {
        background: #ffffff;
        border-radius: 8px;
        padding: 18px 20px;
        border: 1px solid #eef2f7;
        border-left: 4px solid #2e7d32;
        display: flex;
        align-items: flex-start;
        gap: 12px;
        transition: box-shadow 0.3s ease;
    }
    
    .copyright-notice .cc-term:hover {
        box-shadow: 0 4px 12px rgba(0,0,0,0.06);
    }
    
    .copyright-notice .cc-term .term-icon-sm {
        font-size: 20px;
        flex-shrink: 0;
        margin-top: 2px;
    }
    
    .copyright-notice .cc-term .term-text {
        flex: 1;
    }
    
    .copyright-notice .cc-term .term-text h4 {
        font-size: 14px;
        font-weight: 600;
        color: #1a1a2e;
        margin: 0 0 3px 0;
    }
    
    .copyright-notice .cc-term .term-text p {
        font-size: 13px;
        color: #555;
        line-height: 1.6;
        margin: 0;
    }
    
    /* Notices Box */
    .copyright-notice .notices-box {
        background: #fff8e1;
        border-radius: 12px;
        padding: 20px 25px;
        border: 1px solid #ffe0b2;
        border-left: 5px solid #e65100;
        margin-top: 25px;
    }
    
    .copyright-notice .notices-box h4 {
        font-size: 16px;
        font-weight: 600;
        color: #e65100;
        margin: 0 0 8px 0;
        display: flex;
        align-items: center;
        gap: 10px;
    }
    
    .copyright-notice .notices-box ul {
        margin: 0;
        padding-left: 20px;
    }
    
    .copyright-notice .notices-box ul li {
        font-size: 14px;
        color: #555;
        line-height: 1.7;
        margin-bottom: 5px;
    }
    
    .copyright-notice .notices-box ul li strong {
        color: #1a1a2e;
    }
    
    /* Responsive */
    @media (max-width: 768px) {
        .copyright-notice .section-title {
            font-size: 22px;
        }
        
        .copyright-notice .general-section {
            padding: 20px;
        }
        
        .copyright-notice .general-section .highlight-box {
            flex-direction: column;
            text-align: center;
        }
        
        .copyright-notice .terms-grid {
            grid-template-columns: 1fr;
        }
        
        .copyright-notice .cc-section {
            padding: 20px;
        }
        
        .copyright-notice .cc-section .cc-grid {
            grid-template-columns: 1fr;
        }
        
        .copyright-notice .cc-terms {
            grid-template-columns: 1fr;
        }
        
        .copyright-notice .notices-box {
            padding: 18px;
        }
    }
    
    @media (max-width: 480px) {
        .copyright-notice .general-section {
            padding: 15px;
        }
        
        .copyright-notice .term-card {
            padding: 15px;
            flex-direction: column;
        }
        
        .copyright-notice .cc-section {
            padding: 15px;
        }
        
        .copyright-notice .cc-term {
            padding: 15px;
            flex-direction: column;
        }
    }

    /* Editorial Process Styles */
    .editorial-process {
        max-width: 1100px;
        margin: 0 auto;
        padding: 20px;
        font-family: 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    }
    
    .editorial-process .section-title {
        font-size: 28px;
        font-weight: 700;
        color: #0056b3;
        text-align: center;
        margin-bottom: 10px;
        position: relative;
        padding-bottom: 15px;
    }
    
    .editorial-process .section-title:after {
        content: '';
        display: block;
        width: 80px;
        height: 4px;
        background: linear-gradient(to right, #0056b3, #4a90d9);
        margin: 10px auto 0;
        border-radius: 2px;
    }
    
    .editorial-process .subtitle {
        text-align: center;
        color: #666;
        font-size: 16px;
        margin-bottom: 35px;
        line-height: 1.6;
    }
    
    .editorial-process .subtitle strong {
        color: #1a1a2e;
    }
    
    /* Flowchart Container */
    .editorial-process .flowchart {
        background: #ffffff;
        border-radius: 12px;
        padding: 30px 35px;
        border: 1px solid #eef2f7;
        box-shadow: 0 2px 8px rgba(0,0,0,0.06);
        margin-bottom: 35px;
    }
    
    .editorial-process .flowchart h3 {
        font-size: 18px;
        font-weight: 600;
        color: #1a1a2e;
        text-align: center;
        margin: 0 0 20px 0;
    }
    
    .editorial-process .flow-steps {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
        gap: 10px;
    }
    
    .editorial-process .flow-step {
        flex: 1;
        min-width: 100px;
        text-align: center;
        padding: 15px 10px;
        background: #f8f9fa;
        border-radius: 10px;
        border: 2px solid #eef2f7;
        transition: all 0.3s ease;
    }
    
    .editorial-process .flow-step:hover {
        border-color: #0056b3;
        background: #eef4fb;
        transform: translateY(-3px);
    }
    
    .editorial-process .flow-step .step-icon {
        font-size: 30px;
        display: block;
        margin-bottom: 5px;
    }
    
    .editorial-process .flow-step .step-label {
        font-size: 13px;
        font-weight: 600;
        color: #1a1a2e;
    }
    
    .editorial-process .flow-arrow {
        font-size: 24px;
        color: #0056b3;
        font-weight: 300;
    }
    
    .editorial-process .flowchart .flow-note {
        text-align: center;
        font-size: 13px;
        color: #888;
        margin-top: 15px;
        padding-top: 15px;
        border-top: 1px dashed #eef2f7;
    }
    
    /* Info Cards */
    .editorial-process .info-card {
        background: #ffffff;
        border-radius: 12px;
        padding: 25px 30px;
        margin-bottom: 25px;
        border-left: 5px solid #0056b3;
        box-shadow: 0 2px 8px rgba(0,0,0,0.06);
    }
    
    .editorial-process .info-card.green {
        border-left-color: #2e7d32;
    }
    
    .editorial-process .info-card.orange {
        border-left-color: #e65100;
    }
    
    .editorial-process .info-card.purple {
        border-left-color: #6a1b9a;
    }
    
    .editorial-process .info-card.red {
        border-left-color: #c62828;
    }
    
    .editorial-process .info-card.teal {
        border-left-color: #00838f;
    }
    
    .editorial-process .info-card h3 {
        font-size: 18px;
        font-weight: 600;
        color: #1a1a2e;
        margin: 0 0 10px 0;
        display: flex;
        align-items: center;
        gap: 10px;
    }
    
    .editorial-process .info-card p {
        font-size: 14px;
        color: #444;
        line-height: 1.8;
        margin: 0 0 8px 0;
    }
    
    .editorial-process .info-card ul {
        margin: 8px 0;
        padding-left: 20px;
    }
    
    .editorial-process .info-card ul li {
        font-size: 14px;
        color: #444;
        line-height: 1.7;
        margin-bottom: 5px;
    }
    
    .editorial-process .info-card ul li strong {
        color: #1a1a2e;
    }
    
    .editorial-process .info-card .highlight-box {
        background: #f8f9fa;
        border-radius: 8px;
        padding: 12px 18px;
        border: 1px dashed #0056b3;
        margin-top: 10px;
    }
    
    .editorial-process .info-card .highlight-box p {
        margin: 0;
        font-size: 14px;
        color: #555;
    }
    
    /* Editor Decision Grid */
    .editorial-process .decision-grid {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
        gap: 15px;
        margin-top: 10px;
    }
    
    .editorial-process .decision-item {
        background: #f8f9fa;
        border-radius: 8px;
        padding: 15px 18px;
        text-align: center;
        border: 1px solid #eef2f7;
        transition: all 0.3s ease;
    }
    
    .editorial-process .decision-item:hover {
        border-color: #0056b3;
        background: #eef4fb;
        transform: translateY(-2px);
    }
    
    .editorial-process .decision-item .decision-icon {
        font-size: 28px;
        display: block;
        margin-bottom: 5px;
    }
    
    .editorial-process .decision-item .decision-label {
        font-size: 14px;
        font-weight: 600;
        color: #1a1a2e;
    }
    
    /* Rejection Reasons */
    .editorial-process .rejection-list {
        list-style: none;
        padding: 0;
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
        gap: 12px;
        margin-top: 10px;
    }
    
    .editorial-process .rejection-list li {
        background: #f8f9fa;
        padding: 12px 18px;
        border-radius: 8px;
        border-left: 4px solid #c62828;
        font-size: 14px;
        color: #444;
        display: flex;
        align-items: center;
        gap: 10px;
    }
    
    .editorial-process .rejection-list li .rej-icon {
        font-size: 18px;
    }
    
    /* Footer */
    .editorial-process .footer-note {
        text-align: center;
        margin-top: 35px;
        padding: 25px 20px;
        background: #f8f9fa;
        border-radius: 10px;
        border: 1px solid #eef2f7;
    }
    
    .editorial-process .footer-note p {
        margin: 0;
        color: #666;
        font-size: 14px;
    }
    
    .editorial-process .footer-note strong {
        color: #1a1a2e;
    }
    
    /* Responsive */
    @media (max-width: 768px) {
        .editorial-process .section-title {
            font-size: 22px;
        }
        
        .editorial-process .flowchart {
            padding: 20px;
        }
        
        .editorial-process .flow-steps {
            flex-direction: column;
            align-items: stretch;
        }
        
        .editorial-process .flow-arrow {
            transform: rotate(90deg);
            text-align: center;
            padding: 5px 0;
        }
        
        .editorial-process .info-card {
            padding: 20px;
        }
        
        .editorial-process .decision-grid {
            grid-template-columns: 1fr 1fr;
        }
        
        .editorial-process .rejection-list {
            grid-template-columns: 1fr;
        }
    }
    
    @media (max-width: 480px) {
        .editorial-process .flowchart {
            padding: 15px;
        }
        
        .editorial-process .info-card {
            padding: 15px;
        }
        
        .editorial-process .decision-grid {
            grid-template-columns: 1fr;
        }
    }

    /* Publication Fees Styles */
    .publication-fees {
        max-width: 1100px;
        margin: 0 auto;
        padding: 20px;
        font-family: 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    }
    
    .publication-fees .section-title {
        font-size: 28px;
        font-weight: 700;
        color: #0056b3;
        text-align: center;
        margin-bottom: 10px;
        position: relative;
        padding-bottom: 15px;
    }
    
    .publication-fees .section-title:after {
        content: '';
        display: block;
        width: 80px;
        height: 4px;
        background: linear-gradient(to right, #0056b3, #4a90d9);
        margin: 10px auto 0;
        border-radius: 2px;
    }
    
    .publication-fees .subtitle {
        text-align: center;
        color: #666;
        font-size: 16px;
        margin-bottom: 35px;
        line-height: 1.6;
    }
    
    .publication-fees .subtitle strong {
        color: #1a1a2e;
    }
    
    /* Free Banner */
    .publication-fees .free-banner {
        background: linear-gradient(135deg, #2e7d32 0%, #43a047 50%, #66bb6a 100%);
        border-radius: 12px;
        padding: 30px 35px;
        margin-bottom: 30px;
        text-align: center;
        color: #ffffff;
        box-shadow: 0 8px 25px rgba(46, 125, 50, 0.3);
    }
    
    .publication-fees .free-banner .free-icon {
        font-size: 50px;
        display: block;
        margin-bottom: 10px;
    }
    
    .publication-fees .free-banner h3 {
        font-size: 28px;
        font-weight: 700;
        margin: 0 0 8px 0;
        color: #ffffff;
    }
    
    .publication-fees .free-banner p {
        font-size: 16px;
        opacity: 0.95;
        margin: 0;
        line-height: 1.6;
    }
    
    .publication-fees .free-banner .badge-free {
        display: inline-block;
        background: rgba(255,255,255,0.2);
        padding: 6px 25px;
        border-radius: 30px;
        font-size: 14px;
        font-weight: 600;
        margin-top: 12px;
        border: 2px solid rgba(255,255,255,0.3);
    }
    
    /* Fees Grid */
    .publication-fees .fees-grid {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
        gap: 25px;
        margin-bottom: 30px;
    }
    
    .publication-fees .fee-card {
        background: #ffffff;
        border-radius: 12px;
        padding: 25px 22px;
        border: 1px solid #eef2f7;
        box-shadow: 0 2px 8px rgba(0,0,0,0.04);
        transition: transform 0.3s ease, box-shadow 0.3s ease;
        text-align: center;
    }
    
    .publication-fees .fee-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 8px 25px rgba(0,0,0,0.10);
    }
    
    .publication-fees .fee-card .fee-icon {
        font-size: 40px;
        display: block;
        margin-bottom: 8px;
    }
    
    .publication-fees .fee-card .fee-label {
        font-size: 15px;
        font-weight: 600;
        color: #1a1a2e;
        margin: 0 0 5px 0;
    }
    
    .publication-fees .fee-card .fee-amount {
        font-size: 28px;
        font-weight: 700;
        color: #0056b3;
        margin: 5px 0;
    }
    
    .publication-fees .fee-card .fee-amount .currency {
        font-size: 18px;
        font-weight: 400;
        color: #888;
    }
    
    .publication-fees .fee-card .fee-note {
        font-size: 13px;
        color: #888;
        margin: 5px 0 0 0;
    }
    
    .publication-fees .fee-card .fee-badge {
        display: inline-block;
        padding: 4px 16px;
        border-radius: 20px;
        font-size: 12px;
        font-weight: 600;
        margin-top: 10px;
    }
    
    .publication-fees .fee-card .fee-badge.free {
        background: #e8f5e9;
        color: #2e7d32;
    }
    
    .publication-fees .fee-card .fee-badge.charged {
        background: #fff3e0;
        color: #e65100;
    }
    
    .publication-fees .fee-card .fee-badge.penalty {
        background: #ffebee;
        color: #c62828;
    }
    
    /* Fee Detail Box */
    .publication-fees .fee-detail {
        background: #f8f9fa;
        border-radius: 12px;
        padding: 25px 30px;
        border: 1px solid #eef2f7;
        margin-bottom: 25px;
        border-left: 5px solid #0056b3;
    }
    
    .publication-fees .fee-detail h3 {
        font-size: 18px;
        font-weight: 600;
        color: #1a1a2e;
        margin: 0 0 10px 0;
        display: flex;
        align-items: center;
        gap: 10px;
    }
    
    .publication-fees .fee-detail p {
        font-size: 14px;
        color: #444;
        line-height: 1.8;
        margin: 0;
    }
    
    .publication-fees .fee-detail strong {
        color: #1a1a2e;
    }
    
    /* Fast Track Box */
    .publication-fees .fast-track {
        background: #e3f2fd;
        border-radius: 12px;
        padding: 20px 25px;
        border: 1px solid #bbdefb;
        border-left: 5px solid #0056b3;
        display: flex;
        align-items: center;
        gap: 15px;
        flex-wrap: wrap;
        margin-bottom: 25px;
    }
    
    .publication-fees .fast-track .fast-icon {
        font-size: 30px;
        flex-shrink: 0;
    }
    
    .publication-fees .fast-track .fast-content {
        flex: 1;
    }
    
    .publication-fees .fast-track .fast-content h4 {
        font-size: 16px;
        font-weight: 600;
        color: #1a1a2e;
        margin: 0 0 3px 0;
    }
    
    .publication-fees .fast-track .fast-content p {
        font-size: 14px;
        color: #555;
        margin: 0;
        line-height: 1.6;
    }
    
    .publication-fees .fast-track .fast-content strong {
        color: #1a1a2e;
    }
    
    .publication-fees .fast-track .fast-btn {
        background: #0056b3;
        color: #ffffff;
        padding: 10px 25px;
        border-radius: 25px;
        text-decoration: none;
        font-weight: 600;
        font-size: 14px;
        transition: background 0.3s ease, transform 0.2s ease;
        white-space: nowrap;
        box-shadow: 0 4px 15px rgba(0, 86, 179, 0.25);
    }
    
    .publication-fees .fast-track .fast-btn:hover {
        background: #003d80;
        transform: translateY(-2px);
        color: #ffffff;
    }
    
    /* Penalty Fee */
    .publication-fees .penalty-box {
        background: #ffebee;
        border-radius: 12px;
        padding: 20px 25px;
        border: 1px solid #ffcdd2;
        border-left: 5px solid #c62828;
        display: flex;
        align-items: flex-start;
        gap: 15px;
        margin-top: 10px;
    }
    
    .publication-fees .penalty-box .penalty-icon {
        font-size: 28px;
        flex-shrink: 0;
        margin-top: 2px;
    }
    
    .publication-fees .penalty-box .penalty-content {
        flex: 1;
    }
    
    .publication-fees .penalty-box .penalty-content h4 {
        font-size: 16px;
        font-weight: 600;
        color: #c62828;
        margin: 0 0 5px 0;
    }
    
    .publication-fees .penalty-box .penalty-content p {
        font-size: 14px;
        color: #444;
        line-height: 1.7;
        margin: 0;
    }
    
    .publication-fees .penalty-box .penalty-content strong {
        color: #1a1a2e;
    }
    
    /* Responsive */
    @media (max-width: 768px) {
        .publication-fees .section-title {
            font-size: 22px;
        }
        
        .publication-fees .free-banner {
            padding: 25px 20px;
        }
        
        .publication-fees .free-banner h3 {
            font-size: 24px;
        }
        
        .publication-fees .fees-grid {
            grid-template-columns: 1fr;
        }
        
        .publication-fees .fee-detail {
            padding: 20px;
        }
        
        .publication-fees .fast-track {
            flex-direction: column;
            text-align: center;
        }
        
        .publication-fees .penalty-box {
            flex-direction: column;
            align-items: stretch;
        }
    }
    
    @media (max-width: 480px) {
        .publication-fees .free-banner {
            padding: 20px 15px;
        }
        
        .publication-fees .free-banner h3 {
            font-size: 20px;
        }
        
        .publication-fees .fee-card {
            padding: 20px 15px;
        }
        
        .publication-fees .fee-card .fee-amount {
            font-size: 24px;
        }
        
        .publication-fees .fee-detail {
            padding: 15px;
        }
    }

    /* AI Policy Styles */
    .ai-policy {
        max-width: 1100px;
        margin: 0 auto;
        padding: 20px;
        font-family: 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    }
    
    .ai-policy .section-title {
        font-size: 28px;
        font-weight: 700;
        color: #0056b3;
        text-align: center;
        margin-bottom: 10px;
        position: relative;
        padding-bottom: 15px;
    }
    
    .ai-policy .section-title:after {
        content: '';
        display: block;
        width: 80px;
        height: 4px;
        background: linear-gradient(to right, #0056b3, #4a90d9);
        margin: 10px auto 0;
        border-radius: 2px;
    }
    
    .ai-policy .subtitle {
        text-align: center;
        color: #666;
        font-size: 16px;
        margin-bottom: 35px;
        line-height: 1.6;
    }
    
    .ai-policy .subtitle strong {
        color: #1a1a2e;
    }
    
    /* Policy Card */
    .ai-policy .policy-card {
        background: #ffffff;
        border-radius: 12px;
        padding: 25px 30px;
        margin-bottom: 25px;
        border: 1px solid #eef2f7;
        box-shadow: 0 2px 8px rgba(0,0,0,0.06);
        border-left: 5px solid #0056b3;
    }
    
    .ai-policy .policy-card h3 {
        font-size: 18px;
        font-weight: 600;
        color: #1a1a2e;
        margin: 0 0 10px 0;
        display: flex;
        align-items: center;
        gap: 10px;
    }
    
    .ai-policy .policy-card p {
        font-size: 14px;
        color: #444;
        line-height: 1.8;
        margin: 0 0 8px 0;
    }
    
    .ai-policy .policy-card ul {
        margin: 8px 0;
        padding-left: 20px;
    }
    
    .ai-policy .policy-card ul li {
        font-size: 14px;
        color: #444;
        line-height: 1.7;
        margin-bottom: 6px;
    }
    
    .ai-policy .policy-card ul li strong {
        color: #1a1a2e;
    }
    
    .ai-policy .policy-card .badge-role {
        display: inline-block;
        padding: 4px 16px;
        border-radius: 20px;
        font-size: 12px;
        font-weight: 600;
        margin-bottom: 10px;
    }
    
    .ai-policy .policy-card .badge-role.author {
        background: #e3f2fd;
        color: #0056b3;
    }
    
    .ai-policy .policy-card .badge-role.reviewer {
        background: #fff3e0;
        color: #e65100;
    }
    
    .ai-policy .policy-card .badge-role.editor {
        background: #f3e5f5;
        color: #6a1b9a;
    }
    
    /* Author Card - Blue */
    .ai-policy .policy-card.author-card {
        border-left-color: #0056b3;
    }
    
    /* Reviewer Card - Orange */
    .ai-policy .policy-card.reviewer-card {
        border-left-color: #e65100;
        background: #fff8f5;
    }
    
    /* Editor Card - Purple */
    .ai-policy .policy-card.editor-card {
        border-left-color: #6a1b9a;
        background: #f8f5ff;
    }
    
    /* Highlight Box */
    .ai-policy .highlight-box {
        background: #f8f9fa;
        border-radius: 8px;
        padding: 12px 18px;
        border: 1px dashed #0056b3;
        margin-top: 10px;
    }
    
    .ai-policy .highlight-box p {
        margin: 0;
        font-size: 14px;
        color: #555;
    }
    
    .ai-policy .highlight-box strong {
        color: #1a1a2e;
    }
    
    /* Important Note */
    .ai-policy .important-note {
        background: #fff8e1;
        border-radius: 12px;
        padding: 20px 25px;
        border: 1px solid #ffe0b2;
        border-left: 5px solid #e65100;
        margin-top: 25px;
        display: flex;
        align-items: flex-start;
        gap: 15px;
    }
    
    .ai-policy .important-note .note-icon {
        font-size: 28px;
        flex-shrink: 0;
        margin-top: 2px;
    }
    
    .ai-policy .important-note .note-content {
        flex: 1;
    }
    
    .ai-policy .important-note .note-content h4 {
        font-size: 16px;
        font-weight: 600;
        color: #e65100;
        margin: 0 0 5px 0;
    }
    
    .ai-policy .important-note .note-content p {
        font-size: 14px;
        color: #555;
        line-height: 1.7;
        margin: 0;
    }
    
    .ai-policy .important-note .note-content strong {
        color: #1a1a2e;
    }
    
    /* Summary Grid */
    .ai-policy .summary-grid {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
        gap: 15px;
        margin-top: 20px;
    }
    
    .ai-policy .summary-item {
        background: #f8f9fa;
        border-radius: 8px;
        padding: 15px 18px;
        text-align: center;
        border: 1px solid #eef2f7;
        transition: all 0.3s ease;
    }
    
    .ai-policy .summary-item:hover {
        border-color: #0056b3;
        background: #eef4fb;
        transform: translateY(-2px);
    }
    
    .ai-policy .summary-item .summary-icon {
        font-size: 28px;
        display: block;
        margin-bottom: 5px;
    }
    
    .ai-policy .summary-item .summary-label {
        font-size: 13px;
        font-weight: 600;
        color: #1a1a2e;
    }
    
    .ai-policy .summary-item .summary-desc {
        font-size: 11px;
        color: #888;
        margin-top: 3px;
    }
    
    /* Responsive */
    @media (max-width: 768px) {
        .ai-policy .section-title {
            font-size: 22px;
        }
        
        .ai-policy .policy-card {
            padding: 20px;
        }
        
        .ai-policy .important-note {
            flex-direction: column;
            align-items: stretch;
        }
        
        .ai-policy .summary-grid {
            grid-template-columns: 1fr 1fr;
        }
    }
    
    @media (max-width: 480px) {
        .ai-policy .policy-card {
            padding: 15px;
        }
        
        .ai-policy .summary-grid {
            grid-template-columns: 1fr;
        }
    }

    /* Manuscript Cancellation Styles */
    .manuscript-cancellation {
        max-width: 1100px;
        margin: 0 auto;
        padding: 20px;
        font-family: 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    }
    
    .manuscript-cancellation .section-title {
        font-size: 28px;
        font-weight: 700;
        color: #0056b3;
        text-align: center;
        margin-bottom: 10px;
        position: relative;
        padding-bottom: 15px;
    }
    
    .manuscript-cancellation .section-title:after {
        content: '';
        display: block;
        width: 80px;
        height: 4px;
        background: linear-gradient(to right, #0056b3, #4a90d9);
        margin: 10px auto 0;
        border-radius: 2px;
    }
    
    .manuscript-cancellation .subtitle {
        text-align: center;
        color: #666;
        font-size: 16px;
        margin-bottom: 35px;
        line-height: 1.6;
    }
    
    .manuscript-cancellation .subtitle strong {
        color: #1a1a2e;
    }
    
    /* Warning Banner */
    .manuscript-cancellation .warning-banner {
        background: linear-gradient(135deg, #c62828 0%, #d32f2f 50%, #e53935 100%);
        border-radius: 12px;
        padding: 30px 35px;
        margin-bottom: 30px;
        text-align: center;
        color: #ffffff;
        box-shadow: 0 8px 25px rgba(198, 40, 40, 0.3);
    }
    
    .manuscript-cancellation .warning-banner .warning-icon {
        font-size: 50px;
        display: block;
        margin-bottom: 10px;
    }
    
    .manuscript-cancellation .warning-banner h3 {
        font-size: 26px;
        font-weight: 700;
        margin: 0 0 8px 0;
        color: #ffffff;
    }
    
    .manuscript-cancellation .warning-banner p {
        font-size: 16px;
        opacity: 0.95;
        margin: 0;
        line-height: 1.6;
    }
    
    /* Policy Card */
    .manuscript-cancellation .policy-card {
        background: #ffffff;
        border-radius: 12px;
        padding: 25px 30px;
        margin-bottom: 25px;
        border: 1px solid #eef2f7;
        box-shadow: 0 2px 8px rgba(0,0,0,0.06);
        border-left: 5px solid #0056b3;
    }
    
    .manuscript-cancellation .policy-card h3 {
        font-size: 18px;
        font-weight: 600;
        color: #1a1a2e;
        margin: 0 0 10px 0;
        display: flex;
        align-items: center;
        gap: 10px;
    }
    
    .manuscript-cancellation .policy-card p {
        font-size: 14px;
        color: #444;
        line-height: 1.8;
        margin: 0;
    }
    
    .manuscript-cancellation .policy-card ul {
        margin: 10px 0;
        padding-left: 20px;
    }
    
    .manuscript-cancellation .policy-card ul li {
        font-size: 14px;
        color: #444;
        line-height: 1.7;
        margin-bottom: 6px;
    }
    
    .manuscript-cancellation .policy-card ul li strong {
        color: #1a1a2e;
    }
    
    .manuscript-cancellation .policy-card .highlight-box {
        background: #f8f9fa;
        border-radius: 8px;
        padding: 12px 18px;
        border: 1px dashed #0056b3;
        margin-top: 10px;
    }
    
    .manuscript-cancellation .policy-card .highlight-box p {
        margin: 0;
        font-size: 14px;
        color: #555;
    }
    
    .manuscript-cancellation .policy-card .highlight-box strong {
        color: #1a1a2e;
    }
    
    /* Fee Box */
    .manuscript-cancellation .fee-box {
        background: #fff8e1;
        border-radius: 12px;
        padding: 20px 25px;
        border: 1px solid #ffe0b2;
        border-left: 5px solid #e65100;
        margin-bottom: 20px;
        display: flex;
        align-items: center;
        gap: 20px;
        flex-wrap: wrap;
    }
    
    .manuscript-cancellation .fee-box .fee-icon {
        font-size: 36px;
        flex-shrink: 0;
    }
    
    .manuscript-cancellation .fee-box .fee-content {
        flex: 1;
    }
    
    .manuscript-cancellation .fee-box .fee-content h4 {
        font-size: 16px;
        font-weight: 600;
        color: #e65100;
        margin: 0 0 5px 0;
    }
    
    .manuscript-cancellation .fee-box .fee-content p {
        font-size: 14px;
        color: #555;
        margin: 0;
        line-height: 1.6;
    }
    
    .manuscript-cancellation .fee-box .fee-content strong {
        color: #1a1a2e;
    }
    
    .manuscript-cancellation .fee-box .fee-amount {
        font-size: 24px;
        font-weight: 700;
        color: #c62828;
        white-space: nowrap;
        padding: 8px 20px;
        background: #ffffff;
        border-radius: 8px;
        border: 2px solid #c62828;
    }
    
    /* Blacklist Box */
    .manuscript-cancellation .blacklist-box {
        background: #ffebee;
        border-radius: 12px;
        padding: 20px 25px;
        border: 1px solid #ffcdd2;
        border-left: 5px solid #c62828;
        margin-top: 15px;
        display: flex;
        align-items: flex-start;
        gap: 15px;
    }
    
    .manuscript-cancellation .blacklist-box .blacklist-icon {
        font-size: 28px;
        flex-shrink: 0;
        margin-top: 2px;
    }
    
    .manuscript-cancellation .blacklist-box .blacklist-content {
        flex: 1;
    }
    
    .manuscript-cancellation .blacklist-box .blacklist-content h4 {
        font-size: 16px;
        font-weight: 600;
        color: #c62828;
        margin: 0 0 5px 0;
    }
    
    .manuscript-cancellation .blacklist-box .blacklist-content p {
        font-size: 14px;
        color: #444;
        line-height: 1.7;
        margin: 0;
    }
    
    .manuscript-cancellation .blacklist-box .blacklist-content strong {
        color: #1a1a2e;
    }
    
    .manuscript-cancellation .blacklist-box .blacklist-content ul {
        margin: 8px 0 0 0;
        padding-left: 20px;
    }
    
    .manuscript-cancellation .blacklist-box .blacklist-content ul li {
        font-size: 14px;
        color: #444;
        line-height: 1.7;
    }
    
    /* Exceptions Box */
    .manuscript-cancellation .exceptions-box {
        background: #e8f5e9;
        border-radius: 12px;
        padding: 18px 22px;
        border: 1px solid #c8e6c9;
        border-left: 5px solid #2e7d32;
        margin-top: 15px;
        display: flex;
        align-items: flex-start;
        gap: 15px;
    }
    
    .manuscript-cancellation .exceptions-box .exceptions-icon {
        font-size: 24px;
        flex-shrink: 0;
        margin-top: 2px;
    }
    
    .manuscript-cancellation .exceptions-box .exceptions-content {
        flex: 1;
    }
    
    .manuscript-cancellation .exceptions-box .exceptions-content h4 {
        font-size: 15px;
        font-weight: 600;
        color: #2e7d32;
        margin: 0 0 3px 0;
    }
    
    .manuscript-cancellation .exceptions-box .exceptions-content p {
        font-size: 14px;
        color: #444;
        line-height: 1.6;
        margin: 0;
    }
    
    /* Responsive */
    @media (max-width: 768px) {
        .manuscript-cancellation .section-title {
            font-size: 22px;
        }
        
        .manuscript-cancellation .warning-banner {
            padding: 25px 20px;
        }
        
        .manuscript-cancellation .warning-banner h3 {
            font-size: 22px;
        }
        
        .manuscript-cancellation .policy-card {
            padding: 20px;
        }
        
        .manuscript-cancellation .fee-box {
            flex-direction: column;
            text-align: center;
        }
        
        .manuscript-cancellation .blacklist-box {
            flex-direction: column;
            align-items: stretch;
        }
        
        .manuscript-cancellation .exceptions-box {
            flex-direction: column;
            align-items: stretch;
        }
    }
    
    @media (max-width: 480px) {
        .manuscript-cancellation .warning-banner {
            padding: 20px 15px;
        }
        
        .manuscript-cancellation .warning-banner h3 {
            font-size: 20px;
        }
        
        .manuscript-cancellation .policy-card {
            padding: 15px;
        }
        
        .manuscript-cancellation .fee-box .fee-amount {
            font-size: 20px;
            padding: 6px 15px;
        }
    }

    /* Sidebar Menu Styles - AMIR Journal */
    .amir-sidebar-menu {
        font-family: 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
        padding: 5px 0;
    }
    
    .amir-sidebar-menu .menu-header {
        text-align: center;
        padding: 12px 10px;
        background: linear-gradient(135deg, #0056b3, #1a75d3);
        border-radius: 8px 8px 0 0;
        margin-bottom: 10px;
        border-bottom: 3px solid #003d80;
    }
    
    .amir-sidebar-menu .menu-header h3 {
        color: #ffffff;
        font-size: 16px;
        font-weight: 700;
        margin: 0;
        letter-spacing: 0.5px;
        text-transform: uppercase;
    }
    
    .amir-sidebar-menu .menu-header .sub-text {
        color: rgba(255,255,255,0.8);
        font-size: 11px;
        display: block;
        margin-top: 2px;
        font-weight: 400;
    }
    
    .amir-sidebar-menu .menu-group {
        margin-bottom: 8px;
    }
    
    .amir-sidebar-menu .menu-group .group-title {
        font-size: 11px;
        font-weight: 700;
        color: #0056b3;
        text-transform: uppercase;
        letter-spacing: 0.8px;
        padding: 6px 12px 4px 12px;
        border-bottom: 2px solid #eef2f7;
        margin-bottom: 4px;
        display: flex;
        align-items: center;
        gap: 6px;
    }
    
    .amir-sidebar-menu .menu-item {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 8px 12px;
        margin: 2px 0;
        border-radius: 6px;
        transition: all 0.3s ease;
        text-decoration: none;
        color: #333;
        font-size: 13px;
        font-weight: 500;
        border-left: 3px solid transparent;
        background: transparent;
    }
    
    .amir-sidebar-menu .menu-item:hover {
        background: #eef4fb;
        border-left-color: #0056b3;
        color: #0056b3;
        transform: translateX(3px);
        text-decoration: none;
    }
    
    .amir-sidebar-menu .menu-item .icon {
        font-size: 16px;
        width: 24px;
        text-align: center;
        flex-shrink: 0;
        color: #0056b3;
    }
    
    .amir-sidebar-menu .menu-item:hover .icon {
        color: #003d80;
    }
    
    .amir-sidebar-menu .menu-item .label {
        flex: 1;
    }
    
    .amir-sidebar-menu .menu-item .badge {
        font-size: 9px;
        background: #0056b3;
        color: #ffffff;
        padding: 1px 10px;
        border-radius: 12px;
        font-weight: 600;
        letter-spacing: 0.3px;
    }
    
    .amir-sidebar-menu .menu-item .badge.orange {
        background: #e65100;
    }
    
    .amir-sidebar-menu .menu-item .badge.green {
        background: #2e7d32;
    }
    
    .amir-sidebar-menu .menu-item .badge.red {
        background: #c62828;
    }
    
    .amir-sidebar-menu .menu-item .badge.purple {
        background: #6a1b9a;
    }
    
    .amir-sidebar-menu .menu-item .badge.gray {
        background: #757575;
    }
    
    .amir-sidebar-menu .menu-footer {
        text-align: center;
        padding: 10px;
        background: #f8f9fa;
        border-radius: 0 0 8px 8px;
        border-top: 1px solid #eef2f7;
        margin-top: 5px;
        font-size: 11px;
        color: #888;
    }
    
    .amir-sidebar-menu .menu-footer a {
        color: #0056b3;
        text-decoration: none;
    }
    
    .amir-sidebar-menu .menu-footer a:hover {
        text-decoration: underline;
    }
    
    /* Responsive */
    @media (max-width: 768px) {
        .amir-sidebar-menu .menu-item {
            padding: 10px 12px;
            font-size: 14px;
        }
    }

    /* Homepage Styles - AMIR Journal */
    .amir-homepage {
        max-width: 1100px;
        margin: 0 auto;
        padding: 20px;
        font-family: 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    }
    
    /* Journal Description Title */
    .amir-homepage .home-title {
        text-align: center;
        margin-bottom: 25px;
    }
    
    .amir-homepage .home-title h2 {
        font-size: 28px;
        font-weight: 700;
        color: #0056b3;
        margin: 0;
        position: relative;
        display: inline-block;
        padding-bottom: 12px;
    }
    
    .amir-homepage .home-title h2:after {
        content: '';
        display: block;
        width: 80px;
        height: 4px;
        background: linear-gradient(to right, #0056b3, #4a90d9);
        margin: 8px auto 0;
        border-radius: 2px;
    }
    
    /* Journal Info Grid */
    .amir-homepage .info-grid {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
        gap: 15px;
        margin-bottom: 30px;
    }
    
    .amir-homepage .info-item {
        background: #ffffff;
        border-radius: 10px;
        padding: 15px 20px;
        border: 1px solid #eef2f7;
        box-shadow: 0 2px 8px rgba(0,0,0,0.04);
        transition: all 0.3s ease;
        display: flex;
        align-items: center;
        gap: 14px;
    }
    
    .amir-homepage .info-item:hover {
        transform: translateY(-3px);
        box-shadow: 0 6px 20px rgba(0,0,0,0.08);
        border-color: #0056b3;
    }
    
    .amir-homepage .info-item .info-icon {
        font-size: 28px;
        flex-shrink: 0;
        width: 44px;
        height: 44px;
        background: #eef4fb;
        border-radius: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #0056b3;
        transition: all 0.3s ease;
    }
    
    .amir-homepage .info-item:hover .info-icon {
        background: #0056b3;
        color: #ffffff;
    }
    
    .amir-homepage .info-item .info-text {
        flex: 1;
    }
    
    .amir-homepage .info-item .info-text .label {
        font-size: 11px;
        font-weight: 600;
        color: #888;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        display: block;
        margin-bottom: 1px;
    }
    
    .amir-homepage .info-item .info-text .value {
        font-size: 14px;
        font-weight: 600;
        color: #1a1a2e;
        line-height: 1.4;
    }
    
    .amir-homepage .info-item .info-text .value .highlight {
        color: #0056b3;
    }
    
    .amir-homepage .info-item .info-text .value .badge-free {
        background: #e8f5e9;
        color: #2e7d32;
        padding: 2px 12px;
        border-radius: 12px;
        font-size: 12px;
        font-weight: 600;
    }
    
    .amir-homepage .info-item .info-text .value .badge-process {
        background: #fff3e0;
        color: #e65100;
        padding: 2px 12px;
        border-radius: 12px;
        font-size: 12px;
        font-weight: 600;
    }
    
    /* Content Cards */
    .amir-homepage .content-card {
        background: #ffffff;
        border-radius: 12px;
        padding: 25px 30px;
        margin-bottom: 20px;
        border: 1px solid #eef2f7;
        box-shadow: 0 2px 8px rgba(0,0,0,0.04);
        border-left: 5px solid #0056b3;
        transition: all 0.3s ease;
    }
    
    .amir-homepage .content-card:hover {
        box-shadow: 0 6px 20px rgba(0,0,0,0.06);
    }
    
    .amir-homepage .content-card.green {
        border-left-color: #2e7d32;
    }
    
    .amir-homepage .content-card.purple {
        border-left-color: #6a1b9a;
    }
    
    .amir-homepage .content-card.orange {
        border-left-color: #e65100;
    }
    
    .amir-homepage .content-card .card-header {
        display: flex;
        align-items: center;
        gap: 12px;
        margin-bottom: 10px;
    }
    
    .amir-homepage .content-card .card-header .card-icon {
        font-size: 24px;
        flex-shrink: 0;
    }
    
    .amir-homepage .content-card .card-header h3 {
        font-size: 18px;
        font-weight: 600;
        color: #1a1a2e;
        margin: 0;
    }
    
    .amir-homepage .content-card p {
        font-size: 14px;
        color: #444;
        line-height: 1.8;
        margin: 0 0 8px 0;
        text-align: justify;
    }
    
    .amir-homepage .content-card p:last-child {
        margin-bottom: 0;
    }
    
    .amir-homepage .content-card p strong {
        color: #1a1a2e;
    }
    
    .amir-homepage .content-card .tag-list {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        margin-top: 10px;
    }
    
    .amir-homepage .content-card .tag-list .tag {
        background: #eef4fb;
        color: #0056b3;
        padding: 4px 14px;
        border-radius: 20px;
        font-size: 12px;
        font-weight: 500;
        transition: all 0.3s ease;
    }
    
    .amir-homepage .content-card .tag-list .tag:hover {
        background: #0056b3;
        color: #ffffff;
        transform: scale(1.05);
    }
    
    .amir-homepage .content-card .tag-list .tag.green {
        background: #e8f5e9;
        color: #2e7d32;
    }
    
    .amir-homepage .content-card .tag-list .tag.green:hover {
        background: #2e7d32;
        color: #ffffff;
    }
    
    .amir-homepage .content-card .tag-list .tag.orange {
        background: #fff3e0;
        color: #e65100;
    }
    
    .amir-homepage .content-card .tag-list .tag.orange:hover {
        background: #e65100;
        color: #ffffff;
    }
    
    .amir-homepage .content-card .tag-list .tag.purple {
        background: #f3e5f5;
        color: #6a1b9a;
    }
    
    .amir-homepage .content-card .tag-list .tag.purple:hover {
        background: #6a1b9a;
        color: #ffffff;
    }
    
    /* Stats Section */
    .amir-homepage .stats-section {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
        gap: 15px;
        margin-top: 20px;
    }
    
    .amir-homepage .stats-item {
        background: #f8f9fa;
        border-radius: 10px;
        padding: 15px 12px;
        text-align: center;
        border: 1px solid #eef2f7;
        transition: all 0.3s ease;
    }
    
    .amir-homepage .stats-item:hover {
        transform: translateY(-3px);
        box-shadow: 0 4px 15px rgba(0,0,0,0.06);
        border-color: #0056b3;
    }
    
    .amir-homepage .stats-item .stat-number {
        font-size: 28px;
        font-weight: 700;
        color: #0056b3;
        display: block;
    }
    
    .amir-homepage .stats-item .stat-label {
        font-size: 12px;
        color: #888;
        font-weight: 500;
        display: block;
        margin-top: 2px;
    }
    
    /* Responsive */
    @media (max-width: 768px) {
        .amir-homepage .home-title h2 {
            font-size: 24px;
        }
        
        .amir-homepage .info-grid {
            grid-template-columns: 1fr 1fr;
        }
        
        .amir-homepage .content-card {
            padding: 20px;
        }
        
        .amir-homepage .stats-section {
            grid-template-columns: repeat(2, 1fr);
        }
    }
    
    @media (max-width: 480px) {
        .amir-homepage .info-grid {
            grid-template-columns: 1fr;
        }
        
        .amir-homepage .home-title h2 {
            font-size: 20px;
        }
        
        .amir-homepage .content-card {
            padding: 15px;
        }
        
        .amir-homepage .content-card .card-header h3 {
            font-size: 16px;
        }
        
        .amir-homepage .stats-section {
            grid-template-columns: 1fr 1fr;
        }
    }

    /* Footer Minimalis - AMIR Journal */
    .amir-footer-minimal {
        background: linear-gradient(135deg, #0d1b2a, #1a1a2e);
        color: #ccc;
        font-family: 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
        padding: 30px 20px 15px 20px;
        margin-top: 40px;
        border-top: 3px solid #0056b3;
        text-align: center;
    }
    
    .amir-footer-minimal .footer-brand {
        font-size: 22px;
        font-weight: 700;
        color: #ffffff;
        margin: 0 0 4px 0;
    }
    
    .amir-footer-minimal .footer-brand span {
        color: #4a90d9;
    }
    
    .amir-footer-minimal .footer-sub {
        font-size: 14px;
        color: #aaa;
        margin: 0 0 12px 0;
    }
    
    .amir-footer-minimal .footer-links {
        display: flex;
        justify-content: center;
        gap: 20px;
        flex-wrap: wrap;
        margin: 10px 0 12px 0;
    }
    
    .amir-footer-minimal .footer-links a {
        color: #8ab4f8;
        text-decoration: none;
        font-size: 13px;
        transition: all 0.3s ease;
    }
    
    .amir-footer-minimal .footer-links a:hover {
        color: #ffffff;
        text-decoration: underline;
    }
    
    .amir-footer-minimal .footer-address {
        font-size: 13px;
        color: #999;
        margin: 0 0 10px 0;
        line-height: 1.6;
    }
    
    .amir-footer-minimal .footer-address strong {
        color: #ddd;
    }
    
    .amir-footer-minimal .footer-social {
        display: flex;
        justify-content: center;
        gap: 15px;
        margin: 10px 0 15px 0;
    }
    
    .amir-footer-minimal .footer-social a {
        color: #aaa;
        text-decoration: none;
        font-size: 18px;
        transition: all 0.3s ease;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background: rgba(255,255,255,0.05);
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }
    
    .amir-footer-minimal .footer-social a:hover {
        color: #ffffff;
        background: #0056b3;
        transform: translateY(-3px);
    }
    
    .amir-footer-minimal .footer-bottom {
        border-top: 1px solid rgba(255,255,255,0.08);
        padding-top: 12px;
        font-size: 12px;
        color: #666;
    }
    
    .amir-footer-minimal .footer-bottom a {
        color: #8ab4f8;
        text-decoration: none;
    }
    
    .amir-footer-minimal .footer-bottom a:hover {
        color: #ffffff;
        text-decoration: underline;
    }
    
    .amir-footer-minimal .footer-bottom .heart {
        color: #c62828;
    }
    
    @media (max-width: 480px) {
        .amir-footer-minimal .footer-links {
            gap: 10px;
        }
        
        .amir-footer-minimal .footer-links a {
            font-size: 12px;
        }
        
        .amir-footer-minimal .footer-brand {
            font-size: 18px;
        }
    }


    /* Mengatur container halaman utama sebagai flexbox */
.page_index_journal {
    display: flex;
    flex-direction: column;
}

/* Current Issue ditempatkan di bawah Additional Content */
.current_issue {
    order: 2;
}

.additional_content {
    order: 1;
}