html, body {
        font-family: "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif; background: #ffffff;
    }    
    
.pkp_site_name .is_img {
    margin-top: 0rem;
    margin-bottom: 0rem;
    width: fit-content;
    }
    
.pkp_site_name .is_img img {
        max-height: fit-content;
    }

.pkp_site_name {
        padding-top: 0rem;
        padding-bottom: 0rem;
    }

.has_site_logo .pkp_site_name {
    text-align: center;
}

.pkp_site_name_wrapper {
    padding-left: 0rem;
    padding-right: 0rem;
    }

.pkp_structure_head {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: .25em;
    }

a {
    color: #B30000;
    transition: color 0.3s ease;  /* ← Pindah ke sini */
}

a:hover {
    color: #e47c7c;
}

.cmp_article_list>li {
    padding: 20px;
    background-color: rgb(250, 250, 250);
}

.cmp_article_list>li:hover{
    transform: translateY(-2px); /* Efek sedikit terangkat saat dihover */
    box-shadow: 0 6px 20px #e47c7c;
}

.cmp_button_wire, .obj_galley_link {
    display: inline-block;
    padding: 0 1em;
    background: #fff;
    border: 1px solid #B30000;
    border-radius: 3px;
    font-size: .93rem;
    line-height: calc(2.143rem - 2px);
    color: #B30000;
    text-decoration: none;
}

.obj_announcement_summary .read_more {
    display: inline-block;
    position: relative;
    padding-right: 2.143rem;
    font-size: .93rem;
    font-weight: 700;
    line-height: 2.143rem;
    color: #B30000;
    text-decoration: none;
}

/* Side menu hover effect */
ul.sidemenu {
    transition: background-color 0.3s ease;
}

ul.sidemenu:hover {
    background-color: #ebe8e8 !important;
    color: #B30000 !important;
}

ul.sidemenu:hover a {
    color: #B30000 !important;
    transition: color 0.3s ease;
}

/* Hide PKP/OJS logo in footer */
.pkp_brand_footer,
.pkp_footer_content a[href*="pkp.sfu.ca"],
a[href*="pkp.sfu.ca"] img,
.pkp_structure_footer a[href*="pkp"] {
    display: none !important;
}



/* ==== AFFILIATION TOGGLE (Pure CSS) ==== */
.affiliation-checkbox {
    display: none;
}

.affiliation-toggle {
    cursor: pointer;
    font-weight: bold;
    margin-bottom: 10px;
    user-select: none;
    color: #333;
    padding: 8px 0;
    display: block;
}

.affiliation-toggle:hover {
    color: #B30000;
}

.toggle-icon {
    display: inline-block;
    transition: transform 0.3s ease;
}

/* When checkbox is checked, rotate icon */
.affiliation-checkbox:checked + .affiliation-toggle .toggle-icon {
    transform: rotate(90deg);
}

/* When checkbox is checked, show authors list */
.affiliation-checkbox:checked ~ .authors-list {
    display: block !important;
}

.authors-list {
    padding-left: 20px;
    margin-top: 10px;
}

.author-item {
    margin-bottom: 8px;
    line-height: 1.6;
}

/* ==== AUTHOR GUIDELINES PAGE ==== */
.author-guide-container { max-width: 900px; margin: 0 auto; }
.guide-header { background: linear-gradient(135deg, #006060 0%, #008080 100%); color: white; padding: 30px; border-radius: 10px; margin-bottom: 30px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); }
.guide-header h2 { margin: 0 0 10px 0; font-size: 28px; font-weight: 600; }
.guide-header p { margin: 0; font-size: 15px; opacity: 0.95; line-height: 1.6; }
.info-box { background: #f0f8f8; border-left: 4px solid #006060; padding: 20px 25px; margin: 20px 0; border-radius: 5px; }
.info-box strong { color: #006060; }
.info-box p { margin: 8px 0; line-height: 1.6; }
.section-title { font-size: 22px; color: #006060; font-weight: 600; margin: 35px 0 20px 0; padding-bottom: 10px; border-bottom: 3px solid #006060; }
.guideline-item { background: white; border: 1px solid #e0e0e0; border-radius: 8px; padding: 20px 20px 20px 60px; margin: 15px 0; position: relative; box-shadow: 0 2px 4px rgba(0,0,0,0.05); transition: all 0.3s ease; }
.guideline-item:hover { box-shadow: 0 4px 8px rgba(0,96,96,0.15); border-color: #006060; }
.guideline-item:before { content: "\2713"; position: absolute; left: 20px; top: 20px; background: #006060; color: white; width: 28px; height: 28px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 16px; }
.guideline-item strong { color: #006060; }
.highlight-box { background: #fff9e6; border: 2px solid #ffc107; border-radius: 8px; padding: 20px; margin: 25px 0; }
.highlight-box h4 { color: #f57c00; margin: 0 0 15px 0; font-size: 18px; }
.template-link { display: inline-block; background: #006060; color: white !important; padding: 12px 30px; border-radius: 25px; text-decoration: none !important; font-weight: 600; margin: 20px 0; transition: all 0.3s ease; box-shadow: 0 3px 6px rgba(0,96,96,0.3); }
.template-link:hover { background: #008080; transform: translateY(-2px); box-shadow: 0 5px 10px rgba(0,96,96,0.4); }
.structure-section { background: #f8f9fa; padding: 25px; border-radius: 8px; margin: 20px 0; }
.structure-item { padding: 10px 0; border-bottom: 1px solid #dee2e6; }
.structure-item:last-child { border-bottom: none; }
.structure-item strong { color: #006060; display: inline-block; min-width: 180px; }

/* ==== FOCUS & SCOPE PAGE ==== */
.focus-scope-container { max-width: 900px; margin: 0 auto; }
.focus-header { background: linear-gradient(135deg, #006060 0%, #008080 100%); color: white; padding: 35px; border-radius: 10px; margin-bottom: 30px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); text-align: center; }
.focus-header h2 { margin: 0 0 15px 0; font-size: 30px; font-weight: 600; }
.focus-header p { margin: 0; font-size: 16px; opacity: 0.95; line-height: 1.8; }
.info-card { background: white; border: 1px solid #e0e0e0; border-radius: 10px; padding: 25px; margin: 20px 0; box-shadow: 0 2px 6px rgba(0,0,0,0.08); }
.info-card h3 { color: #006060; font-size: 20px; margin: 0 0 15px 0; padding-bottom: 10px; border-bottom: 2px solid #006060; }
.info-card p { line-height: 1.8; color: #333; margin: 15px 0; }
.publication-info { background: #f0f8f8; border-left: 4px solid #006060; padding: 20px 25px; margin: 20px 0; border-radius: 5px; }
.publication-info strong { color: #006060; }
.publication-info p { margin: 8px 0; line-height: 1.6; }
.scope-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; margin: 25px 0; }
.scope-item { background: white; border: 1px solid #ddd; border-radius: 8px; padding: 20px; text-align: center; transition: all 0.3s ease; box-shadow: 0 2px 4px rgba(0,0,0,0.05); }
.scope-item:hover { transform: translateY(-5px); box-shadow: 0 6px 12px rgba(0,96,96,0.15); border-color: #006060; }
.scope-item .icon { font-size: 32px; color: white; background: #006060; margin: 0 auto 15px; height: 60px; width: 60px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 700; }
.scope-item h4 { color: #006060; font-size: 16px; font-weight: 600; margin: 0; line-height: 1.4; }
.partner-section { background: #f8f9fa; padding: 25px; border-radius: 8px; margin: 25px 0; text-align: center; }
.partner-section h3 { color: #006060; font-size: 18px; margin: 0 0 15px 0; }
.partner-section p { color: #555; line-height: 1.8; margin: 10px 0; }
.badge { display: inline-block; background: #006060; color: white; padding: 8px 16px; border-radius: 20px; font-size: 14px; font-weight: 600; margin: 10px 5px; }
.badge-section { margin-top: 20px; }

/* ==== REVIEW PROCESS PAGE ==== */
.review-process-container { max-width: 900px; margin: 0 auto; }
.review-header { background: linear-gradient(135deg, #006060 0%, #008080 100%); color: white; padding: 35px; border-radius: 10px; margin-bottom: 30px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); text-align: center; }
.review-header h2 { margin: 0 0 15px 0; font-size: 30px; font-weight: 600; }
.review-header p { margin: 0; font-size: 16px; opacity: 0.95; line-height: 1.8; }
.timeline-section { margin: 30px 0; }
.timeline-step { display: flex; gap: 20px; margin: 25px 0; padding: 20px; background: white; border: 1px solid #e0e0e0; border-radius: 10px; box-shadow: 0 2px 4px rgba(0,0,0,0.05); transition: all 0.3s ease; }
.timeline-step:hover { box-shadow: 0 4px 8px rgba(0,96,96,0.15); border-color: #006060; }
.step-number { min-width: 60px; width: 60px; height: 60px; background: #006060; color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 28px; font-weight: 700; flex-shrink: 0; }
.step-content { flex: 1; }
.step-content h4 { color: #006060; font-size: 20px; margin: 0 0 10px 0; font-weight: 600; }
.step-content p { margin: 8px 0; line-height: 1.7; color: #333; }
.step-content strong { color: #006060; }
.step-content ul { margin: 10px 0; padding-left: 20px; }
.step-content ul li { margin: 6px 0; line-height: 1.6; }
.rejection-criteria { background: #fff9e6; border-left: 4px solid #ffc107; padding: 15px; margin: 15px 0; border-radius: 5px; }
.rejection-criteria strong { color: #f57c00; display: block; margin-bottom: 8px; }
.info-highlight { background: #f0f8f8; border: 2px solid #006060; border-radius: 10px; padding: 25px; margin: 30px 0; text-align: center; }
.info-highlight h3 { color: #006060; font-size: 22px; margin: 0 0 15px 0; }
.info-highlight p { font-size: 16px; line-height: 1.8; margin: 0; }
.info-highlight strong { color: #006060; font-size: 18px; }
.commitment-section { margin: 30px 0; }
.commitment-section h3 { color: #006060; font-size: 22px; margin: 0 0 20px 0; text-align: center; }
.commitment-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; margin: 20px 0; }
.commitment-item { background: white; border: 1px solid #ddd; border-radius: 8px; padding: 20px; text-align: center; transition: all 0.3s ease; box-shadow: 0 2px 4px rgba(0,0,0,0.05); }
.commitment-item:hover { transform: translateY(-5px); box-shadow: 0 6px 12px rgba(0,96,96,0.15); border-color: #006060; }
.commit-icon { font-size: 28px; color: white; background: #006060; margin: 0 auto 15px; height: 50px; width: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 700; }
.commitment-item h4 { color: #006060; font-size: 18px; font-weight: 600; margin: 0 0 10px 0; }
.commitment-item p { color: #555; line-height: 1.6; margin: 0; font-size: 14px; }

/* ==== EDITORIAL TEAM PAGE ==== */
.editorial-team-container { max-width: 1000px; margin: 0 auto; }
.editorial-header { background: linear-gradient(135deg, #006060 0%, #008080 100%); color: white; padding: 35px; border-radius: 10px; margin-bottom: 30px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); text-align: center; }
.editorial-header h2 { margin: 0 0 15px 0; font-size: 30px; font-weight: 600; }
.editorial-header p { margin: 0; font-size: 16px; opacity: 0.95; line-height: 1.8; }
.team-section { margin: 40px 0; }
.role-title { color: #006060; font-size: 24px; font-weight: 600; margin: 0 0 20px 0; padding-bottom: 12px; border-bottom: 3px solid #006060; }
.editorial-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(450px, 1fr)); gap: 20px; }
.editor-card { background: white; border: 1px solid #e0e0e0; border-radius: 10px; padding: 25px; margin-bottom: 20px; box-shadow: 0 2px 6px rgba(0,0,0,0.08); transition: all 0.3s ease; }
.editor-card:hover { box-shadow: 0 4px 12px rgba(0,96,96,0.15); border-color: #006060; transform: translateY(-3px); }
.editor-info { }
.editor-name { color: #006060; font-size: 20px; font-weight: 600; margin: 0 0 10px 0; }
.editor-affiliation { color: #555; font-size: 14px; font-style: italic; line-height: 1.6; margin: 0 0 15px 0; }
.academic-profiles { margin-top: 15px; padding-top: 15px; border-top: 1px solid #e0e0e0; }
.academic-profiles strong { color: #006060; font-size: 14px; display: block; margin-bottom: 10px; }
.profile-links { display: flex; flex-wrap: wrap; gap: 8px; }
.profile-badge { display: inline-block; background: #f0f8f8; color: #006060; padding: 6px 12px; border-radius: 15px; font-size: 12px; font-weight: 500; text-decoration: none; border: 1px solid #d0e8e8; transition: all 0.3s ease; }
.profile-badge:hover { background: #006060; color: white; border-color: #006060; transform: translateY(-1px); }

/* ==== REVIEWER PAGE ==== */
.reviewer-container { max-width: 1000px; margin: 0 auto; }
.reviewer-header { background: linear-gradient(135deg, #006060 0%, #008080 100%); color: white; padding: 35px; border-radius: 10px; margin-bottom: 30px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); text-align: center; }
.reviewer-header h2 { margin: 0 0 15px 0; font-size: 30px; font-weight: 600; }
.reviewer-header p { margin: 0; font-size: 16px; opacity: 0.95; line-height: 1.8; }
.reviewer-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(450px, 1fr)); gap: 20px; }
.reviewer-card { background: white; border: 1px solid #e0e0e0; border-radius: 10px; padding: 20px; box-shadow: 0 2px 6px rgba(0,0,0,0.08); transition: all 0.3s ease; }
.reviewer-card:hover { box-shadow: 0 4px 12px rgba(0,96,96,0.15); border-color: #006060; transform: translateY(-3px); }
.reviewer-name { color: #006060; font-size: 18px; font-weight: 600; margin: 0 0 10px 0; }
.reviewer-affiliation { color: #555; font-size: 14px; font-style: italic; line-height: 1.6; margin: 0 0 15px 0; }
.reviewer-profiles { margin-top: 12px; padding-top: 12px; border-top: 1px solid #e0e0e0; }

/* ==== OPEN ACCESS POLICY PAGE ==== */
.policy-container { max-width: 900px; margin: 0 auto; }
.policy-header { background: linear-gradient(135deg, #006060 0%, #008080 100%); color: white; padding: 35px; border-radius: 10px; margin-bottom: 30px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); text-align: center; }
.policy-header h2 { margin: 0 0 15px 0; font-size: 30px; font-weight: 600; }
.policy-header p { margin: 0; font-size: 16px; opacity: 0.95; line-height: 1.8; }
.policy-intro { background: #f0f8f8; border-left: 4px solid #006060; padding: 25px; margin: 25px 0; border-radius: 5px; }
.policy-intro h3 { color: #006060; font-size: 20px; margin: 0 0 15px 0; }
.policy-intro p { line-height: 1.8; margin: 0; color: #333; }
.policy-section { margin: 30px 0; }
.license-card { background: white; border: 2px solid #006060; border-radius: 10px; padding: 25px; margin: 20px 0; box-shadow: 0 2px 6px rgba(0,0,0,0.08); }
.license-card h4 { color: #006060; font-size: 18px; margin: 0 0 15px 0; font-weight: 600; }
.license-card p { line-height: 1.8; margin: 0; color: #333; }
.rights-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 20px; margin: 20px 0; }
.right-item { background: white; border: 1px solid #e0e0e0; border-radius: 8px; padding: 20px; display: flex; gap: 15px; align-items: flex-start; transition: all 0.3s ease; box-shadow: 0 2px 4px rgba(0,0,0,0.05); }
.right-item:hover { box-shadow: 0 4px 8px rgba(0,96,96,0.15); border-color: #006060; }
.right-icon { min-width: 40px; width: 40px; height: 40px; background: #006060; color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 20px; font-weight: 700; flex-shrink: 0; }
.right-content h4 { color: #006060; font-size: 16px; font-weight: 600; margin: 0 0 8px 0; }
.right-content p { font-size: 14px; line-height: 1.6; margin: 0; color: #555; }
.responsibility-box { background: #fff9e6; border-left: 4px solid #ffc107; padding: 25px; margin: 20px 0; border-radius: 5px; }
.responsibility-box p { font-weight: 600; color: #333; margin: 0 0 15px 0; }
.responsibility-box ul { margin: 0; padding-left: 25px; }
.responsibility-box ul li { margin: 10px 0; line-height: 1.7; color: #333; }
.responsibility-box strong { color: #f57c00; }
.copyright-box { background: white; border: 1px solid #e0e0e0; border-radius: 10px; padding: 25px; margin: 20px 0; box-shadow: 0 2px 6px rgba(0,0,0,0.08); }
.copyright-box > p { margin: 0 0 20px 0; line-height: 1.8; color: #333; font-weight: 500; }
.copyright-terms { }
.term-item { display: flex; gap: 15px; padding: 15px; margin: 10px 0; background: #f8f9fa; border-radius: 5px; align-items: flex-start; }
.term-label { color: #006060; font-weight: 600; min-width: 180px; flex-shrink: 0; }
.term-desc { color: #555; line-height: 1.6; }
.policy-footer { background: #f0f8f8; border: 2px solid #006060; border-radius: 10px; padding: 25px; margin: 30px 0; text-align: center; }
.policy-footer p { margin: 0; line-height: 1.8; color: #333; font-size: 16px; }

/* ==== COPYRIGHT NOTICE PAGE ==== */
.copyright-container { max-width: 900px; margin: 0 auto; }
.copyright-header { background: linear-gradient(135deg, #006060 0%, #008080 100%); color: white; padding: 35px; border-radius: 10px; margin-bottom: 30px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); text-align: center; }
.copyright-header h2 { margin: 0; font-size: 30px; font-weight: 600; }
.copyright-intro { background: #f0f8f8; border-left: 4px solid #006060; padding: 20px 25px; margin: 25px 0; border-radius: 5px; }
.copyright-intro p { margin: 0; font-size: 16px; font-weight: 500; color: #333; line-height: 1.8; }
.copyright-terms-list { margin: 30px 0; }
.copyright-term { display: flex; gap: 20px; margin: 25px 0; padding: 25px; background: white; border: 1px solid #e0e0e0; border-radius: 10px; box-shadow: 0 2px 6px rgba(0,0,0,0.08); transition: all 0.3s ease; }
.copyright-term:hover { box-shadow: 0 4px 12px rgba(0,96,96,0.15); border-color: #006060; }
.term-number { min-width: 50px; width: 50px; height: 50px; background: #006060; color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 24px; font-weight: 700; flex-shrink: 0; }
.term-text { flex: 1; }
.term-text p { margin: 0; line-height: 1.8; color: #333; font-size: 15px; }

/* ==== PUBLICATION ETHICS PAGE ==== */
.ethics-container { max-width: 1000px; margin: 0 auto; }
.ethics-header { background: linear-gradient(135deg, #006060 0%, #008080 100%); color: white; padding: 35px; border-radius: 10px; margin-bottom: 30px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); text-align: center; }
.ethics-header h2 { margin: 0; font-size: 30px; font-weight: 600; }
.ethics-intro { background: #f0f8f8; border-left: 4px solid #006060; padding: 25px; margin: 25px 0; border-radius: 5px; }
.ethics-intro p { margin: 0; line-height: 1.8; color: #333; font-size: 15px; }
.ethics-section { margin: 40px 0; padding: 30px; background: white; border-radius: 10px; box-shadow: 0 2px 8px rgba(0,0,0,0.08); }
.ethics-section-header { background: #006060; color: white; padding: 20px 25px; border-radius: 8px; margin-bottom: 25px; }
.ethics-section-header.editor-header { background: #008080; }
.ethics-section-header.reviewer-header { background: #004d4d; }
.ethics-section-header h3 { margin: 0; font-size: 22px; font-weight: 600; }
.ethics-duties-list { display: flex; flex-direction: column; gap: 20px; }
.ethics-duty-item { display: flex; gap: 20px; padding: 20px; background: #f9f9f9; border-left: 4px solid #006060; border-radius: 8px; transition: all 0.3s ease; }
.ethics-duty-item:hover { background: #f0f8f8; box-shadow: 0 2px 8px rgba(0,96,96,0.1); }
.duty-number { min-width: 45px; width: 45px; height: 45px; background: #006060; color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 20px; font-weight: 700; flex-shrink: 0; }
.duty-content { flex: 1; }
.duty-content h4 { margin: 0 0 10px 0; color: #006060; font-size: 16px; font-weight: 600; }
.duty-content p { margin: 0; line-height: 1.7; color: #333; font-size: 14px; }

/* ==== AUTHOR FEES PAGE ==== */
.fees-container { max-width: 900px; margin: 0 auto; }
.fees-header { background: linear-gradient(135deg, #006060 0%, #008080 100%); color: white; padding: 35px; border-radius: 10px; margin-bottom: 30px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); text-align: center; }
.fees-header h2 { margin: 0; font-size: 30px; font-weight: 600; }
.fees-apc-box { background: linear-gradient(135deg, #006060 0%, #008080 100%); color: white; padding: 40px; border-radius: 15px; margin: 30px 0; text-align: center; box-shadow: 0 6px 15px rgba(0,96,96,0.2); }
.apc-label { font-size: 18px; font-weight: 500; margin-bottom: 15px; opacity: 0.95; }
.apc-amount { font-size: 48px; font-weight: 700; letter-spacing: 2px; }
.fees-info-section { margin: 30px 0; }
.fees-info-card { display: flex; gap: 20px; margin: 20px 0; padding: 25px; background: white; border: 1px solid #e0e0e0; border-radius: 10px; box-shadow: 0 2px 6px rgba(0,0,0,0.08); transition: all 0.3s ease; }
.fees-info-card:hover { box-shadow: 0 4px 12px rgba(0,96,96,0.15); border-color: #006060; }
.info-icon { min-width: 50px; width: 50px; height: 50px; background: #006060; color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 24px; font-weight: 700; flex-shrink: 0; }
.info-text { flex: 1; }
.info-text p { margin: 0; line-height: 1.8; color: #333; font-size: 15px; }

/* ==== JOURNAL LICENSE PAGE ==== */
.license-container { max-width: 800px; margin: 0 auto; }
.license-header { background: linear-gradient(135deg, #006060 0%, #008080 100%); color: white; padding: 35px; border-radius: 10px; margin-bottom: 30px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); text-align: center; }
.license-header h2 { margin: 0; font-size: 30px; font-weight: 600; }
.license-content { background: white; border: 2px solid #006060; border-radius: 15px; padding: 50px; text-align: center; box-shadow: 0 4px 12px rgba(0,96,96,0.1); }
.license-statement { margin-bottom: 30px; }
.license-statement p { margin: 0; font-size: 18px; line-height: 1.8; color: #333; }
.license-statement a { color: #006060; font-weight: 600; text-decoration: none; border-bottom: 2px solid transparent; transition: all 0.3s ease; }
.license-statement a:hover { color: #008080; border-bottom-color: #008080; }
.license-badge { margin-top: 30px; }
.license-badge img { transition: transform 0.3s ease; }
.license-badge img:hover { transform: scale(1.1); }

/* ==== SCREENING PLAGIARISM PAGE ==== */
.plagiarism-container { max-width: 900px; margin: 0 auto; }
.plagiarism-header { background: linear-gradient(135deg, #006060 0%, #008080 100%); color: white; padding: 35px; border-radius: 10px; margin-bottom: 30px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); text-align: center; }
.plagiarism-header h2 { margin: 0; font-size: 30px; font-weight: 600; }
.plagiarism-content { display: flex; flex-direction: column; gap: 25px; }
.plagiarism-tool { background: white; border: 2px solid #006060; border-radius: 15px; padding: 35px; text-align: center; box-shadow: 0 4px 10px rgba(0,96,96,0.1); }
.tool-label { font-size: 16px; color: #666; margin-bottom: 15px; font-weight: 500; }
.tool-name { font-size: 42px; font-weight: 700; }
.tool-name a { color: #006060; text-decoration: none; border-bottom: 3px solid #006060; transition: all 0.3s ease; }
.tool-name a:hover { color: #008080; border-bottom-color: #008080; }
.plagiarism-info { background: #f0f8f8; border-left: 4px solid #006060; padding: 20px 25px; border-radius: 5px; }
.plagiarism-info p { margin: 0; font-size: 16px; line-height: 1.8; color: #333; }
.plagiarism-threshold { background: linear-gradient(135deg, #006060 0%, #008080 100%); color: white; padding: 40px; border-radius: 15px; text-align: center; box-shadow: 0 6px 15px rgba(0,96,96,0.2); }
.threshold-label { font-size: 18px; font-weight: 500; margin-bottom: 15px; opacity: 0.95; }
.threshold-value { font-size: 72px; font-weight: 700; margin: 15px 0; line-height: 1; }
.threshold-desc { font-size: 16px; margin-top: 10px; opacity: 0.9; }

/* ==== JOURNAL CONTACT PAGE ==== */
.contact-container { max-width: 1000px; margin: 0 auto; }
.contact-header { background: linear-gradient(135deg, #006060 0%, #008080 100%); color: white; padding: 35px; border-radius: 10px; margin-bottom: 30px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); text-align: center; }
.contact-header h2 { margin: 0; font-size: 30px; font-weight: 600; }
.contact-journal { display: flex; gap: 25px; align-items: start; background: #f0f8f8; border: 2px solid #006060; border-radius: 15px; padding: 30px; margin: 30px 0; }
.journal-icon { font-size: 48px; color: #006060; min-width: 60px; text-align: center; }
.journal-info p { margin: 5px 0; line-height: 1.7; color: #333; font-size: 15px; }
.contact-email { color: #006060; font-size: 16px; margin-top: 15px; }
.contact-section-title { background: #006060; color: white; padding: 15px 25px; border-radius: 8px; margin: 35px 0 20px 0; }
.contact-section-title h3 { margin: 0; font-size: 20px; font-weight: 600; }
.contact-person-card { background: white; border: 1px solid #e0e0e0; border-left: 4px solid #006060; border-radius: 10px; padding: 25px; margin: 20px 0; box-shadow: 0 2px 6px rgba(0,0,0,0.08); transition: all 0.3s ease; }
.contact-person-card:hover { box-shadow: 0 4px 12px rgba(0,96,96,0.15); border-left-width: 6px; }
.person-name { font-size: 22px; font-weight: 700; color: #006060; margin-bottom: 15px; }
.person-details p { margin: 5px 0; line-height: 1.7; color: #555; font-size: 14px; }
.contact-support-list { display: flex; flex-direction: column; gap: 20px; }