#headerNavigationContainer {
    position: relative !important;
    width: 100% !important;
}

#headerNavigationContainer.is_sticky {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    z-index: 10000 !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25) !important;
}

#headerNavigationContainer.is_sticky .vntu_brand_row {
    display: none !important;
}

/* ── TOP BAR STRIP (Sticky at top: 0) ──────────────────────────── */
#headerNavigationContainer .vntu_top_bar {
    display: block !important;
    width: 100% !important;
    background: #062824 !important; /* Solid background */
    border-bottom: 1px solid rgba(255,255,255,0.12) !important;
    padding: 0 !important;
    margin: 0 !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 10001 !important; /* Higher than nav row (10000) */
    box-sizing: border-box !important;
}

/* ── INNER FLEX ROW (title LEFT · search+user RIGHT) ────────── */
#headerNavigationContainer .vntu_top_bar_inner {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    max-width: 1400px !important;
    margin: 0 auto !important;
    padding: 8px 24px !important;
    box-sizing: border-box !important;
    /* kill any float/position magic from vntu_container */
    position: static !important;
    float: none !important;
}

/* ── UNIVERSITY TITLE – LEFT ───────────────────────────────── */
#headerNavigationContainer .vntu_top_univ {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    display: flex !important;
    align-items: center !important;
}

#headerNavigationContainer .vntu_top_univ a {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    color: #ffffff !important;
    font-size: 0.85rem !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    line-height: 1.4 !important;
}

#headerNavigationContainer .vntu_top_univ a:hover {
    opacity: 0.9 !important;
    color: #ffffff !important;
}

/* ── RIGHT GROUP (search + user) ────────────────────────────── */
#headerNavigationContainer .vntu_top_right {
    flex: 0 0 auto !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 14px !important;
    /* do NOT use margin-left:auto — parent is space-between */
}

/* ── SEARCH BOX ─────────────────────────────────────────────── */
#headerNavigationContainer .vntu_search_box {
    position: static !important;
    display: inline-flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    padding: 0 !important;
    top: auto !important;
    left: auto !important;
    transform: none !important;
    float: none !important;
}

#headerNavigationContainer .vntu_search_form {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* The input – kill OJS absolute positioning entirely */
#headerNavigationContainer .vntu_search_form input[type="text"] {
    position: static !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    transform: none !important;
    float: none !important;
    display: inline-block !important;
    width: 175px !important;
    height: 32px !important;
    padding: 4px 34px 4px 14px !important;
    font-size: 0.82rem !important;
    line-height: 1.4 !important;
    color: #ffffff !important;
    background: rgba(255,255,255,0.18) !important;
    border: 1px solid rgba(255,255,255,0.35) !important;
    border-radius: 9999px !important;
    outline: none !important;
    box-sizing: border-box !important;
    transition: width 0.2s ease, background 0.2s ease !important;
}

#headerNavigationContainer .vntu_search_form input[type="text"]::placeholder {
    color: rgba(255,255,255,0.70) !important;
}

#headerNavigationContainer .vntu_search_form input[type="text"]:focus {
    width: 220px !important;
    background: #ffffff !important;
    color: #0f172a !important;
    border-color: #ffffff !important;
    box-shadow: 0 0 0 3px rgba(20,184,166,0.35) !important;
}

/* Submit button stays visually inside the pill on the right */
#headerNavigationContainer .vntu_search_form button[type="submit"] {
    position: absolute !important;
    right: 10px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    background: transparent !important;
    border: none !important;
    color: rgba(255,255,255,0.85) !important;
    cursor: pointer !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 18px !important;
    height: 18px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 0.78rem !important;
    line-height: 1 !important;
}

#headerNavigationContainer .vntu_search_form button[type="submit"]:hover {
    color: #ffffff !important;
}

/* ── USER PROFILE MENU ──────────────────────────────────────── */
#headerNavigationContainer .vntu_top_user {
    flex: 0 0 auto !important;
    display: inline-flex !important;
    align-items: center !important;
    position: static !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Kill OJS default pkp_navigation_user_wrapper absolute positioning */
#headerNavigationContainer .vntu_top_user #navigationUser,
#headerNavigationContainer .vntu_top_user .pkp_navigation_user_wrapper,
#navigationUserWrapper {
    position: static !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    transform: none !important;
    float: none !important;
    width: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
}

#headerNavigationContainer .vntu_top_user ul.pkp_navigation_user {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    gap: 6px !important;
    text-align: left !important;
}

#headerNavigationContainer .vntu_top_user ul.pkp_navigation_user > li {
    display: inline-flex !important;
    align-items: center !important;
    position: relative !important;
    margin: 0 !important;
    padding: 0 !important;
}

#headerNavigationContainer .vntu_top_user ul.pkp_navigation_user > li > a {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    color: #ffffff !important;
    font-size: 0.82rem !important;
    font-weight: 600 !important;
    padding: 4px 12px !important;
    border-radius: 6px !important;
    background: rgba(255,255,255,0.15) !important;
    border: 1px solid rgba(255,255,255,0.25) !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    line-height: 1.4 !important;
    transition: background 0.15s ease !important;
}

#headerNavigationContainer .vntu_top_user ul.pkp_navigation_user > li > a:hover {
    background: #ffffff !important;
    color: #0f172a !important;
}

/* Task count badge */
#headerNavigationContainer .vntu_top_user .task_count {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 18px !important;
    height: 18px !important;
    background: #ef4444 !important;
    color: #ffffff !important;
    font-size: 0.75rem !important;
    font-weight: 700 !important;
    border-radius: 9999px !important;
    padding: 0 5px !important;
    line-height: 1 !important;
    box-sizing: border-box !important;
}

/* ── USER PROFILE DROPDOWN MENU ──────────────────────────────────────── */
#headerNavigationContainer .vntu_top_user ul.pkp_navigation_user > li > ul {
    display: none !important;
    position: absolute !important;
    top: calc(100% + 6px) !important;
    right: 0 !important;
    left: auto !important;
    background: #ffffff !important;
    min-width: 220px !important;
    border-radius: 8px !important;
    box-shadow: 0 10px 25px -5px rgba(0,0,0,0.1), 0 8px 10px -6px rgba(0,0,0,0.1) !important;
    padding: 8px 0 !important;
    margin: 0 !important;
    list-style: none !important;
    border: 1px solid rgba(0,0,0,0.05) !important;
    z-index: 1050 !important;
}

#headerNavigationContainer .vntu_top_user ul.pkp_navigation_user > li:hover > ul,
#headerNavigationContainer .vntu_top_user ul.pkp_navigation_user > li:focus-within > ul,
#headerNavigationContainer .vntu_top_user ul.pkp_navigation_user > li.is_open > ul {
    display: block !important;
}

/* Invisible bridge to prevent menu from closing when mouse moves over the 6px gap */
#headerNavigationContainer .vntu_top_user ul.pkp_navigation_user > li > ul::before {
    content: '' !important;
    position: absolute !important;
    top: -10px !important;
    left: 0 !important;
    width: 100% !important;
    height: 10px !important;
    background: transparent !important;
    display: block !important;
}

#headerNavigationContainer .vntu_top_user ul.pkp_navigation_user > li > ul > li {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
}

#headerNavigationContainer .vntu_top_user ul.pkp_navigation_user > li > ul > li > a {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 10px 16px !important;
    color: #475569 !important; /* slate-600 */
    font-size: 0.85rem !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    transition: all 0.2s ease !important;
    line-height: 1.4 !important;
    white-space: normal !important; /* Allow long names to wrap if necessary */
}

#headerNavigationContainer .vntu_top_user ul.pkp_navigation_user > li > ul > li > a:hover,
#headerNavigationContainer .vntu_top_user ul.pkp_navigation_user > li > ul > li > a:focus {
    background: #f1f5f9 !important; /* slate-100 */
    color: #0f766e !important; /* teal-700 */
}

#headerNavigationContainer .vntu_top_user ul.pkp_navigation_user > li > ul > li > a::before,
#headerNavigationContainer .vntu_top_user ul.pkp_navigation_user > li > ul > li > a::after {
    display: none !important; /* Kill default OJS blue active/hover borders */
}

#headerNavigationContainer .vntu_top_user ul.pkp_navigation_user > li > ul > li > a .task_count {
    margin-left: 12px !important;
    flex-shrink: 0 !important;
}

#headerNavigationContainer .vntu_brand_row {
    width: 100% !important;
    padding: 34px 0 !important;
    min-height: 200px !important;
    background-image: linear-gradient(to bottom, rgba(6, 40, 36, 0.08) 0%, rgba(6, 40, 36, 0.02) 25%, rgba(6, 40, 36, 0.02) 75%, rgba(6, 40, 36, 0.12) 100%), url('/public/journals/1/logo-header-bg.jpg') !important;
    background-size: cover !important;
    background-position: center 40% !important;
    background-repeat: no-repeat !important;
    position: relative !important;
    z-index: 1 !important;
    box-sizing: border-box !important;
}

#headerNavigationContainer .vntu_brand_inner {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 1400px !important;
    margin: 0 auto !important;
    padding: 0 24px !important;
    box-sizing: border-box !important;
}

#headerNavigationContainer .vntu_brand_row .pkp_site_name {
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
    position: static !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

#headerNavigationContainer .vntu_brand_row .pkp_site_name a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
}

#headerNavigationContainer .vntu_brand_row .pkp_site_name a.is_img img {
    max-height: 132px !important; /* Increased by 20% from 110px */
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
    border-radius: 6px !important;
    border: none !important;
    box-shadow: none !important;
    filter: drop-shadow(0 3px 10px rgba(0, 0, 0, 0.30)) !important;
    transition: transform 0.2s ease, filter 0.2s ease !important;
}

#headerNavigationContainer .vntu_brand_row .pkp_site_name a.is_img:hover img {
    transform: scale(1.02) !important;
    filter: drop-shadow(0 5px 14px rgba(0, 0, 0, 0.40)) !important;
}

#headerNavigationContainer .vntu_brand_row .pkp_site_name a.is_text {
    font-size: 2.2rem !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    text-shadow: 0 2px 8px rgba(0,0,0,0.6) !important;
}

/* ── PRIMARY NAVIGATION ROW (Sticky docked under top bar) ────── */
#headerNavigationContainer .vntu_nav_row {
    position: sticky !important;
    top: 36px !important; /* Dock under top bar */
    z-index: 10000 !important;
    width: 100% !important;
    background: #0b3d37 !important;
    border-top: 1px solid rgba(255,255,255,0.12) !important;
    border-bottom: 1px solid rgba(0,0,0,0.10) !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
}

#headerNavigationContainer .vntu_nav_inner {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 1400px !important;
    margin: 0 auto !important;
    padding: 0 24px !important;
    min-height: 48px !important;
    box-sizing: border-box !important;
}

#headerNavigationContainer .vntu_main_nav,
#headerNavigationContainer .pkp_navigation_primary_wrapper {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 48px !important;
    padding: 0 !important;
    margin: 0 !important;
}

#headerNavigationContainer ul.pkp_navigation_primary {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    justify-content: center !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 4px !important;
    max-width: 100% !important;
    width: auto !important;
    height: 48px !important;
}

#headerNavigationContainer ul.pkp_navigation_primary > li {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    height: 100% !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    padding: 0 !important;
}

#headerNavigationContainer ul.pkp_navigation_primary > li > a {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    color: #ffffff !important;
    font-size: 0.925rem !important;
    font-weight: 500 !important;
    height: 36px !important;
    padding: 0 14px !important;
    border-radius: 6px !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    background: transparent !important;
    border: none !important;
    transition: background 0.15s ease !important;
    line-height: 1.2 !important;
}

#headerNavigationContainer ul.pkp_navigation_primary > li > a *,
#headerNavigationContainer ul.pkp_navigation_primary > li > a span {
    color: #ffffff !important;
}

#headerNavigationContainer ul.pkp_navigation_primary > li > a:hover {
    background: rgba(255,255,255,0.18) !important;
    color: #ffffff !important;
}

/* Dropdown menus - zero gap flush with navbar, generous comfortable item spacing */
#headerNavigationContainer ul.pkp_navigation_primary > li::after {
    content: '' !important;
    position: absolute !important;
    bottom: -10px !important;
    left: 0 !important;
    right: 0 !important;
    height: 10px !important;
    background: transparent !important;
    pointer-events: auto !important;
    z-index: 10000 !important;
}

@media (min-width: 992px) {
    #headerNavigationContainer ul.pkp_navigation_primary > li > ul,
    #headerNavigationContainer ul.pkp_navigation_primary > li:hover > ul,
    #headerNavigationContainer ul.pkp_navigation_primary .dropdown-menu,
    #headerNavigationContainer .pkp_nav_list > li:hover ul {
        position: absolute !important;
        left: 0 !important;
        top: 100% !important;
        margin: 0 !important; /* Zero gap flush with navbar */
        transform: none !important;
        -webkit-transform: none !important;
        background: #ffffff !important;
        border: 1px solid #cbd5e1 !important;
        border-top: 1px solid #cbd5e1 !important;
        border-radius: 8px !important;
        box-shadow: 0 12px 28px -4px rgba(15, 23, 42, 0.15), 0 6px 12px -2px rgba(15, 23, 42, 0.06) !important;
        min-width: 240px !important;
        max-width: 330px !important;
        width: max-content !important;
        z-index: 100000 !important;
        padding: 0 !important;
        list-style: none !important;
    }

    #headerNavigationContainer ul.pkp_navigation_primary > li:not(:hover):not(.is_open) > ul {
        display: none !important;
    }

    /* Invisible bridge overlapping 12px upwards into parent li */
    #headerNavigationContainer ul.pkp_navigation_primary > li > ul::before,
    #headerNavigationContainer ul.pkp_navigation_primary .dropdown-menu::before {
        content: '' !important;
        position: absolute !important;
        top: -12px !important;
        left: 0 !important;
        right: 0 !important;
        height: 14px !important;
        background: transparent !important;
        display: block !important;
        pointer-events: auto !important;
        z-index: 1000 !important;
    }

    #headerNavigationContainer ul.pkp_navigation_primary > li:hover > ul,
    #headerNavigationContainer ul.pkp_navigation_primary > li:focus-within > ul,
    #headerNavigationContainer ul.pkp_navigation_primary > li.is_open > ul,
    #headerNavigationContainer ul.pkp_navigation_primary > li.is_open .dropdown-menu {
        display: block !important;
    }

    #headerNavigationContainer ul.pkp_navigation_primary > li > ul li,
    #headerNavigationContainer ul.pkp_navigation_primary .dropdown-menu li {
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
        border-bottom: 1px solid #f1f5f9 !important; /* Subtle grey divider */
    }

    #headerNavigationContainer ul.pkp_navigation_primary > li > ul li:last-child,
    #headerNavigationContainer ul.pkp_navigation_primary .dropdown-menu li:last-child {
        border-bottom: none !important;
    }

    #headerNavigationContainer ul.pkp_navigation_primary > li > ul li a,
    #headerNavigationContainer ul.pkp_navigation_primary .dropdown-menu li a {
        display: block !important;
        padding: 10px 18px !important; /* Generous, comfortable padding */
        margin: 0 !important;
        color: #334155 !important; /* slate-700 */
        font-size: 13.5px !important;
        font-weight: 500 !important;
        line-height: 1.4 !important;
        text-align: left !important;
        text-decoration: none !important;
        white-space: normal !important;
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
        transition: background 0.12s ease, color 0.12s ease !important;
    }

    #headerNavigationContainer ul.pkp_navigation_primary > li > ul li:first-child a,
    #headerNavigationContainer ul.pkp_navigation_primary .dropdown-menu li:first-child a {
        border-top-left-radius: 7px !important;
        border-top-right-radius: 7px !important;
    }

    #headerNavigationContainer ul.pkp_navigation_primary > li > ul li:last-child a,
    #headerNavigationContainer ul.pkp_navigation_primary .dropdown-menu li:last-child a {
        border-bottom-left-radius: 8px !important;
        border-bottom-right-radius: 8px !important;
    }

    #headerNavigationContainer ul.pkp_navigation_primary > li > ul li a:hover,
    #headerNavigationContainer ul.pkp_navigation_primary > li > ul li a:focus,
    #headerNavigationContainer ul.pkp_navigation_primary .dropdown-menu li a:hover,
    #headerNavigationContainer ul.pkp_navigation_primary .dropdown-menu li a:focus {
        background: #f8fafc !important; /* Soft slate-50 */
        color: #0f766e !important;      /* Deep teal-700 */
        text-decoration: none !important;
    }

    #headerNavigationContainer ul.pkp_navigation_primary > li > ul li a::before,
    #headerNavigationContainer ul.pkp_navigation_primary > li > ul li a::after,
    #headerNavigationContainer ul.pkp_navigation_primary .dropdown-menu li a::before,
    #headerNavigationContainer ul.pkp_navigation_primary .dropdown-menu li a::after {
        display: none !important; /* Kill default OJS blue active/hover borders */
    }
}

/* ── HIDE OJS LEGACY SEARCH ELEMENTS ───────────────────────── */
.pkp_search,
.pkp_search_desktop,
.pkp_search_mobile {
    display: none !important;
}

/* ── FOOTER PKP / OJS BRAND BADGE ──────────────────────────── */
.pkp_brand_footer {
    margin-top: 16px !important;
}

.pkp_brand_footer a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.16) !important;
    border-radius: 8px !important;
    padding: 10px 16px !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

.pkp_brand_footer a:hover {
    background: rgba(255, 255, 255, 0.16) !important;
    border-color: rgba(255, 255, 255, 0.32) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2) !important;
}

.pkp_brand_footer img {
    height: 38px !important;
    width: auto !important;
    max-width: 100% !important;
    display: block !important;
    filter: brightness(0) invert(1) !important;
    -webkit-filter: brightness(0) invert(1) !important;
    opacity: 0.95 !important;
    transition: opacity 0.2s ease !important;
}

.pkp_brand_footer a:hover img {
    opacity: 1 !important;
}

/* ── DESKTOP DEFAULT: Hide mobile toggle & short title ── */
#headerNavigationContainer .vntu_top_univ .vntu_univ_short {
    display: none !important;
}
#headerNavigationContainer .pkp_site_nav_toggle {
    display: none !important;
}

/* ── MOBILE & TABLET NAVIGATION (< 992px) ── */
@media (max-width: 991px) {
    #headerNavigationContainer .vntu_top_bar_inner {
        padding: 0 12px !important;
        gap: 8px !important;
    }
    
    #headerNavigationContainer .vntu_top_univ .vntu_univ_title {
        display: none !important;
    }
    #headerNavigationContainer .vntu_top_univ .vntu_univ_short {
        display: inline !important;
        font-weight: 700 !important;
        font-size: 0.88rem !important;
        color: #ffffff !important;
    }
    
    #headerNavigationContainer .vntu_search_box input[type="text"] {
        width: 110px !important;
    }
    #headerNavigationContainer .vntu_search_box input[type="text"]:focus {
        width: 140px !important;
    }
    
    #headerNavigationContainer .vntu_top_user ul.pkp_navigation_user > li > ul {
        right: 0 !important;
        left: auto !important;
        max-width: 250px !important;
    }

    #headerNavigationContainer .vntu_brand_row {
        padding: 24px 0 !important;
        min-height: 140px !important;
    }

    #headerNavigationContainer .vntu_brand_row .pkp_site_name a.is_img img {
        max-height: 95px !important;
    }

    #headerNavigationContainer .vntu_nav_row {
        position: sticky !important;
        top: 36px !important;
        z-index: 10000 !important;
    }
    
    #headerNavigationContainer .vntu_nav_inner {
        padding: 0 14px !important;
        height: 48px !important;
        min-height: 48px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important; /* Move burger to right side */
        position: relative !important;
    }

    #headerNavigationContainer .vntu_main_nav {
        width: 100% !important;
        height: 48px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important; /* Move burger to right side */
        position: relative !important;
    }

    /* Mobile Hamburger Button (Right side) */
    #headerNavigationContainer .pkp_site_nav_toggle {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        position: relative !important;
        left: auto !important;
        right: 0 !important;
        top: auto !important;
        margin: 0 0 0 auto !important;
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
        padding: 0 !important;
        background: rgba(255, 255, 255, 0.14) !important;
        border: 1px solid rgba(255, 255, 255, 0.28) !important;
        border-radius: 6px !important;
        color: #ffffff !important;
        cursor: pointer !important;
        outline: none !important;
        box-shadow: none !important;
        z-index: 10001 !important;
        transition: background 0.15s ease, border-color 0.15s ease !important;
    }
    
    #headerNavigationContainer .pkp_site_nav_toggle:hover,
    #headerNavigationContainer .pkp_site_nav_toggle:focus {
        background: rgba(255, 255, 255, 0.22) !important;
        border-color: rgba(255, 255, 255, 0.45) !important;
    }

    /* Reset default theme nav-toggle.less text-indent and absolute pseudo-elements */
    #headerNavigationContainer .pkp_site_nav_toggle::before,
    #headerNavigationContainer .pkp_site_nav_toggle::after,
    #headerNavigationContainer .pkp_site_nav_toggle > span::before,
    #headerNavigationContainer .pkp_site_nav_toggle > span::after {
        display: none !important;
        content: none !important;
    }

    #headerNavigationContainer .pkp_site_nav_toggle .vntu_hamburger_label {
        display: none !important;
    }

    #headerNavigationContainer .pkp_site_nav_toggle span.vntu_hamburger_icon {
        display: flex !important;
        flex-direction: column !important;
        justify-content: space-between !important;
        align-items: center !important;
        width: 18px !important;
        height: 12px !important;
        min-width: 18px !important;
        min-height: 12px !important;
        max-width: 18px !important;
        max-height: 12px !important;
        padding: 0 !important;
        margin: 0 !important;
        position: static !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        bottom: auto !important;
        transform: none !important;
        -webkit-transform: none !important;
        text-indent: 0 !important;
        overflow: visible !important;
        border: none !important;
        border-bottom: none !important;
        pointer-events: none !important;
        box-sizing: border-box !important;
    }

    #headerNavigationContainer .pkp_site_nav_toggle span.vntu_hamburger_icon span {
        display: block !important;
        height: 2px !important;
        width: 18px !important;
        min-height: 2px !important;
        background: #ffffff !important;
        border-radius: 2px !important;
        transition: transform 0.2s ease, opacity 0.2s ease !important;
        transform-origin: center !important;
        margin: 0 !important;
        padding: 0 !important;
        border: none !important;
        position: static !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        bottom: auto !important;
        box-sizing: border-box !important;
    }

    /* Animate hamburger to X when open */
    #headerNavigationContainer .vntu_nav_row.mobile_open .pkp_site_nav_toggle span.vntu_hamburger_icon span:nth-child(1),
    #headerNavigationContainer .pkp_site_nav_toggle[aria-expanded="true"] span.vntu_hamburger_icon span:nth-child(1) {
        transform: translateY(5px) rotate(45deg) !important;
    }
    #headerNavigationContainer .vntu_nav_row.mobile_open .pkp_site_nav_toggle span.vntu_hamburger_icon span:nth-child(2),
    #headerNavigationContainer .pkp_site_nav_toggle[aria-expanded="true"] span.vntu_hamburger_icon span:nth-child(2) {
        opacity: 0 !important;
    }
    #headerNavigationContainer .vntu_nav_row.mobile_open .pkp_site_nav_toggle span.vntu_hamburger_icon span:nth-child(3),
    #headerNavigationContainer .pkp_site_nav_toggle[aria-expanded="true"] span.vntu_hamburger_icon span:nth-child(3) {
        transform: translateY(-5px) rotate(-45deg) !important;
    }

    /* Mobile Drawer: Collapsed by default, expands under nav bar */
    #headerNavigationContainer .pkp_navigation_primary_wrapper {
        display: none !important;
        position: absolute !important;
        top: 100% !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        height: auto !important;
        max-height: calc(100vh - 110px) !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important;
        background: #082d29 !important;
        border-top: 1px solid rgba(255, 255, 255, 0.15) !important;
        border-bottom: 2px solid #0f766e !important;
        box-shadow: 0 16px 32px rgba(0, 0, 0, 0.4) !important;
        padding: 10px 14px 20px !important;
        z-index: 100000 !important;
        box-sizing: border-box !important;
    }

    #headerNavigationContainer .vntu_nav_row.mobile_open .pkp_navigation_primary_wrapper,
    #headerNavigationContainer .pkp_site_nav_toggle[aria-expanded="true"] ~ .pkp_navigation_primary_wrapper {
        display: block !important;
        animation: vntuMobileSlideDown 0.2s ease-out forwards !important;
    }

    @keyframes vntuMobileSlideDown {
        from { opacity: 0; transform: translateY(-8px); }
        to { opacity: 1; transform: translateY(0); }
    }

    /* Mobile Menu List */
    #headerNavigationContainer ul.pkp_navigation_primary {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        width: 100% !important;
        height: auto !important;
        gap: 2px !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    #headerNavigationContainer ul.pkp_navigation_primary > li {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        width: 100% !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    }
    #headerNavigationContainer ul.pkp_navigation_primary > li:last-child {
        border-bottom: none !important;
    }

    #headerNavigationContainer ul.pkp_navigation_primary > li::after {
        display: none !important;
    }

    #headerNavigationContainer ul.pkp_navigation_primary > li > a {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: 100% !important;
        min-height: 42px !important;
        height: auto !important;
        padding: 8px 12px !important;
        font-size: 0.95rem !important;
        color: #ffffff !important;
        border-radius: 6px !important;
        text-decoration: none !important;
        background: transparent !important;
        transition: background 0.15s ease !important;
        box-sizing: border-box !important;
    }

    #headerNavigationContainer ul.pkp_navigation_primary > li > a:hover,
    #headerNavigationContainer ul.pkp_navigation_primary > li > a:focus,
    #headerNavigationContainer ul.pkp_navigation_primary > li.is_expanded > a,
    #headerNavigationContainer ul.pkp_navigation_primary > li.is_open > a {
        background: rgba(255, 255, 255, 0.12) !important;
    }

    /* Mobile Caret */
    #headerNavigationContainer ul.pkp_navigation_primary > li:has(> ul) > a::after,
    #headerNavigationContainer ul.pkp_navigation_primary > li.has_submenu > a::after {
        content: '' !important;
        display: inline-block !important;
        width: 0 !important;
        height: 0 !important;
        margin-left: auto !important;
        vertical-align: middle !important;
        border-top: 5px solid rgba(255, 255, 255, 0.85) !important;
        border-right: 4px solid transparent !important;
        border-left: 4px solid transparent !important;
        border-bottom: 0 !important;
        transition: transform 0.2s ease, border-top-color 0.2s ease !important;
    }
    #headerNavigationContainer ul.pkp_navigation_primary > li.is_expanded > a::after,
    #headerNavigationContainer ul.pkp_navigation_primary > li.is_open > a::after {
        transform: rotate(180deg) !important;
        border-top-color: #5eead4 !important;
    }

    /* Mobile Accordion Submenu */
    #headerNavigationContainer ul.pkp_navigation_primary > li > ul,
    #headerNavigationContainer ul.pkp_navigation_primary .dropdown-menu {
        position: static !important;
        transform: none !important;
        -webkit-transform: none !important;
        display: none !important;
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        background: rgba(0, 0, 0, 0.28) !important;
        border: 1px solid rgba(255, 255, 255, 0.12) !important;
        border-radius: 6px !important;
        box-shadow: none !important;
        margin: 6px 0 8px 0 !important;
        padding: 4px 0 !important;
        list-style: none !important;
    }

    #headerNavigationContainer ul.pkp_navigation_primary > li.is_expanded > ul,
    #headerNavigationContainer ul.pkp_navigation_primary > li.is_open > ul,
    #headerNavigationContainer ul.pkp_navigation_primary > li.is_expanded .dropdown-menu,
    #headerNavigationContainer ul.pkp_navigation_primary > li.is_open .dropdown-menu {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    #headerNavigationContainer ul.pkp_navigation_primary > li > ul::before,
    #headerNavigationContainer ul.pkp_navigation_primary .dropdown-menu::before {
        display: none !important;
    }

    #headerNavigationContainer ul.pkp_navigation_primary > li > ul li,
    #headerNavigationContainer ul.pkp_navigation_primary .dropdown-menu li {
        display: block !important;
        width: 100% !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    #headerNavigationContainer ul.pkp_navigation_primary > li > ul li:last-child,
    #headerNavigationContainer ul.pkp_navigation_primary .dropdown-menu li:last-child {
        border-bottom: none !important;
    }

    #headerNavigationContainer ul.pkp_navigation_primary > li > ul li a,
    #headerNavigationContainer ul.pkp_navigation_primary .dropdown-menu li a {
        display: block !important;
        width: 100% !important;
        box-sizing: border-box !important;
        padding: 10px 16px 10px 24px !important;
        font-size: 0.88rem !important;
        line-height: 1.4 !important;
        color: #e2e8f0 !important;
        background: transparent !important;
        border: none !important;
        border-radius: 4px !important;
        text-align: left !important;
        text-decoration: none !important;
        transition: background 0.12s ease, color 0.12s ease !important;
    }

    #headerNavigationContainer ul.pkp_navigation_primary > li > ul li a:hover,
    #headerNavigationContainer ul.pkp_navigation_primary > li > ul li a:focus,
    #headerNavigationContainer ul.pkp_navigation_primary .dropdown-menu li a:hover,
    #headerNavigationContainer ul.pkp_navigation_primary .dropdown-menu li a:focus {
        background: rgba(255, 255, 255, 0.14) !important;
        color: #5eead4 !important;
    }
}

/* ── ARTICLE CARD VIEWS & DOWNLOADS STATS ───────────────────── */
.obj_article_summary .irvc_infostat {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 8px 0 10px 0 !important;
    padding: 0 !important;
}

.obj_article_summary .irvc_infostat .stat_badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 6px !important;
    padding: 3px 10px !important;
    font-size: 0.8rem !important;
    line-height: 1.4 !important;
    color: #64748b !important;
    transition: all 0.15s ease !important;
}

.obj_article_summary .irvc_infostat .stat_badge:hover {
    background: #f1f5f9 !important;
    border-color: #cbd5e1 !important;
    color: #334155 !important;
}

.obj_article_summary .irvc_infostat .stat_icon {
    display: inline-block !important;
    flex-shrink: 0 !important;
    color: #0f766e !important;
    vertical-align: middle !important;
}

.obj_article_summary .irvc_infostat .stat_label {
    font-size: 0.8rem !important;
    color: #64748b !important;
    font-weight: 500 !important;
}

.obj_article_summary .irvc_infostat .stat_count {
    font-size: 0.825rem !important;
    font-weight: 700 !important;
    color: #0f172a !important;
}

/* ==========================================
 * VISNYK VNTU ARTICLE DETAILS REDESIGN (COMPACT & SPACE-FILLING)
 * ========================================== */

/* Breadcrumbs styling on article page */
.page_article .cmp_breadcrumbs {
	margin: 0 0 10px 0 !important;
	padding: 0 !important;
}

.page_article .cmp_breadcrumbs ol {
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	gap: 5px !important;
	list-style: none !important;
	padding: 0 !important;
	margin: 0 !important;
	font-size: 0.78rem !important;
	color: #64748b !important;
}

.page_article .cmp_breadcrumbs a {
	color: #0f766e !important;
	text-decoration: none !important;
	font-weight: 500 !important;
	transition: color 0.15s ease !important;
}

.page_article .cmp_breadcrumbs a:hover {
	color: #0d9488 !important;
	text-decoration: underline !important;
}

.page_article .cmp_breadcrumbs .separator {
	color: #cbd5e1 !important;
	margin: 0 2px !important;
}

.page_article .cmp_breadcrumbs .current {
	color: #475569 !important;
	font-weight: 600 !important;
}

/* Optimization for Article view page layout (Expanded to 1600px, less padding, smarter margins) */
.page_article {
	width: 100% !important;
}

.page_article .cmp_breadcrumbs {
	margin: 0 0 6px 0 !important;
	padding: 0 !important;
}

.page_article .cmp_breadcrumbs ol {
	margin: 0 0 6px 0 !important;
	padding: 0 !important;
}

.pkp_structure_content.has_sidebar {
	gap: 16px !important;
}

.pkp_structure_content.has_sidebar .pkp_structure_sidebar {
	width: 264px !important;
	flex-shrink: 0 !important;
}

/* Suppress duplicate viewcounter stats on article page */
.obj_article_details .page_title .viewcounter-stats,
.obj_article_details .main_entry .viewcounter-stats,
.obj_article_details .viewcounter-stats {
	display: none !important;
}

/* ==========================================================================
 * VISNYK VNTU ARTICLE DETAILS SPECIFICATION
 * Scoped strictly to .page_article
 * ========================================================================== */

/* Scoped spacing scale & design tokens */
.page_article {
	--sp-1: 4px;
	--sp-2: 8px;
	--sp-3: 12px;
	--sp-4: 16px;
	--sp-5: 20px;
	--sp-6: 24px;
	--sp-8: 32px;
	--border: #e5e7eb;
	--text-muted: #4b5563;
	--teal-primary: #0f766e;
	--teal-hover: #0d9488;
	--teal-light: #f0fdfa;
	--card-bg: #ffffff;
	--box-bg: #f8fafc;
}

/* Smooth scrolling for anchor links */
html {
	scroll-behavior: smooth;
}

/* ── ARTICLE CARD CONTAINER ─────────────────────────────────────────────── */
.page_article .obj_article_details.vntu_article_card,
.page_article .obj_article_details {
	width: 100% !important;
	max-width: 100% !important;
	background: var(--card-bg, #ffffff) !important;
	border: 1px solid var(--border, #e5e7eb) !important;
	border-radius: 8px !important;
	padding: var(--sp-6, 24px) !important;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
	box-sizing: border-box !important;
	margin-bottom: var(--sp-6, 24px) !important;
}

/* ── 1. HEADER (CATEGORY & TITLE) ────────────────────────────────────────── */
.page_article .vntu_article_header {
	width: 100% !important;
	margin: 0 !important;
	padding: 0 0 var(--sp-5, 20px) 0 !important;
	border-bottom: 1px solid var(--border, #e5e7eb) !important;
	margin-bottom: var(--sp-5, 20px) !important;
}

/* Category chip */
.page_article .vntu_article_section_badge {
	display: inline-flex !important;
	align-items: center !important;
	font-size: 11px !important;
	font-weight: 600 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.04em !important;
	padding: var(--sp-1, 4px) 10px !important;
	border-radius: 999px !important;
	background: var(--teal-light, #f0fdfa) !important;
	border: 1px solid #ccfbf1 !important;
	color: var(--teal-primary, #0f766e) !important;
	margin-bottom: var(--sp-3, 12px) !important;
	line-height: 1.2 !important;
}

/* Title */
.page_article .obj_article_details > .page_title,
.page_article .vntu_article_title {
	margin: 0 !important;
	padding: 0 !important;
	font-size: 22px !important;
	font-weight: 700 !important;
	line-height: 1.3 !important;
	color: #0f172a !important;
	letter-spacing: normal !important;
	word-break: break-word !important;
}

.page_article .obj_article_details > .subtitle,
.page_article .vntu_article_subtitle {
	margin: var(--sp-2, 8px) 0 0 0 !important;
	font-size: 16px !important;
	line-height: 1.4 !important;
	color: var(--text-muted, #4b5563) !important;
	font-weight: 500 !important;
}

/* ── 2. TWO-COLUMN BODY GRID (DESKTOP) ──────────────────────────────────── */
.page_article .vntu_article_body_grid,
.page_article .obj_article_details .row.vntu_article_body_row {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) 196px !important;
	column-gap: var(--sp-6, 24px) !important;
	align-items: start !important;
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
	width: 100% !important;
	box-sizing: border-box !important;
}

/* ── MAIN COLUMN ────────────────────────────────────────────────────────── */
.page_article .main_entry.vntu_main_content {
	min-width: 0 !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	float: none !important;
	border: none !important;
}

/* Unified Section Headings across main column and sidebar */
.page_article .vntu_section_heading,
.page_article .vntu_sidebar_heading,
.page_article .vntu_keywords_label,
.page_article .vntu_citation_section .sub_item > h2.label,
.page_article .vntu_references_section .vntu_section_heading,
.page_article .vntu_bios_section .vntu_section_heading {
	font-size: 12px !important;
	font-weight: 600 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.06em !important;
	color: var(--text-muted, #4b5563) !important;
	margin: 0 0 var(--sp-3, 12px) 0 !important;
	padding: 0 !important;
	border: none !important;
	line-height: 1.3 !important;
	display: block !important;
}

/* Authors List (Single-Column List, No Cards, No Borders) */
.page_article .vntu_authors_section {
	margin-bottom: var(--sp-8, 32px) !important;
	padding: 0 !important;
	border: none !important;
}

.page_article .vntu_authors_list {
	display: flex !important;
	flex-direction: column !important;
	gap: var(--sp-3, 12px) !important;
	margin: 0 !important;
	padding: 0 !important;
}

.page_article .vntu_author_item {
	background: none !important;
	border: none !important;
	border-radius: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	box-shadow: none !important;
}

.page_article .vntu_author_primary {
	display: flex !important;
	align-items: center !important;
	flex-wrap: wrap !important;
}

.page_article .vntu_author_name {
	font-size: 15px !important;
	font-weight: 600 !important;
	color: #0f172a !important;
	line-height: 1.35 !important;
}

/* ORCID tag with text "ORCID" instead of "ID", followed by full ORCID number */
.page_article .vntu_orcid_badge {
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	background: #f0fdf4 !important;
	border: 1px solid #86efac !important;
	border-radius: 999px !important;
	padding: 2px 8px !important;
	text-decoration: none !important;
	vertical-align: middle !important;
	margin-left: 6px !important;
	transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease !important;
}

.page_article .vntu_orcid_badge:hover {
	background: #dcfce7 !important;
	border-color: #4ade80 !important;
	box-shadow: 0 1px 3px rgba(22, 101, 52, 0.12) !important;
}

.page_article .vntu_orcid_tag {
	font-size: 10.5px !important;
	font-weight: 700 !important;
	color: #ffffff !important;
	background: #16a34a !important;
	padding: 1px 5px !important;
	border-radius: 3px !important;
	letter-spacing: 0.04em !important;
	text-transform: uppercase !important;
	line-height: 1.2 !important;
	display: inline-block !important;
}

.page_article .vntu_orcid_number {
	font-size: 12px !important;
	font-weight: 600 !important;
	color: #166534 !important;
	font-variant-numeric: tabular-nums !important;
	letter-spacing: 0.01em !important;
	line-height: 1.3 !important;
}

/* Affiliation line */
.page_article .vntu_author_affil {
	font-size: 13px !important;
	line-height: 1.45 !important;
	color: var(--text-muted, #4b5563) !important;
	margin-top: 2px !important;
}

/* Inline ROR badge */
.page_article .vntu_ror_badge {
	display: inline-flex !important;
	align-items: center !important;
	padding: 1px 5px !important;
	margin-left: var(--sp-1, 4px) !important;
	background: #eff6ff !important;
	border: 1px solid #bfdbfe !important;
	border-radius: 3px !important;
	color: #2563eb !important;
	font-size: 10px !important;
	font-weight: 700 !important;
	text-decoration: none !important;
	line-height: 1.2 !important;
	vertical-align: middle !important;
}

.page_article .vntu_ror_badge:hover {
	background: #dbeafe !important;
	color: #1d4ed8 !important;
	text-decoration: none !important;
}

.page_article .vntu_author_role {
	font-size: 12px !important;
	color: #94a3b8 !important;
	margin-top: 2px !important;
}

/* DOI Row (Single line, consistent light box, ghost copy button) */
.page_article .vntu_doi_row {
	display: flex !important;
	align-items: center !important;
	gap: var(--sp-2, 8px) !important;
	background: var(--box-bg, #f8fafc) !important;
	border: 1px solid var(--border, #e5e7eb) !important;
	border-radius: 6px !important;
	padding: 10px 12px !important;
	margin-bottom: var(--sp-8, 32px) !important;
	box-sizing: border-box !important;
}

.page_article .vntu_doi_chip {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	background: var(--teal-primary, #0f766e) !important;
	color: #ffffff !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	letter-spacing: 0.04em !important;
	padding: 2px 6px !important;
	border-radius: 4px !important;
	flex-shrink: 0 !important;
	line-height: 1.2 !important;
}

.page_article .vntu_doi_link {
	color: var(--teal-primary, #0f766e) !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	text-decoration: underline !important;
	overflow-wrap: anywhere !important;
	word-break: break-all !important;
	flex: 1 1 auto !important;
	line-height: 1.4 !important;
}

.page_article .vntu_doi_link:hover {
	color: var(--teal-hover, #0d9488) !important;
}

.page_article .vntu_doi_copy_btn {
	width: 24px !important;
	height: 24px !important;
	min-width: 24px !important;
	padding: 0 !important;
	margin: 0 !important;
	background: transparent !important;
	border: none !important;
	border-radius: 4px !important;
	color: var(--text-muted, #4b5563) !important;
	cursor: pointer !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	position: relative !important;
	flex-shrink: 0 !important;
	transition: background-color 0.15s ease, color 0.15s ease !important;
}

.page_article .vntu_doi_copy_btn:hover {
	background: #e2e8f0 !important;
	color: var(--teal-primary, #0f766e) !important;
}

.page_article .vntu_doi_copy_btn .vntu_copy_icon_check {
	display: none !important;
	color: #059669 !important;
}

.page_article .vntu_doi_copy_btn.copied .vntu_copy_icon_normal {
	display: none !important;
}

.page_article .vntu_doi_copy_btn.copied .vntu_copy_icon_check {
	display: block !important;
}

.page_article .vntu_copy_toast {
	display: none !important;
	position: absolute !important;
	bottom: calc(100% + 6px) !important;
	right: 0 !important;
	background: #1e293b !important;
	color: #ffffff !important;
	font-size: 11px !important;
	font-weight: 600 !important;
	padding: 3px 8px !important;
	border-radius: 4px !important;
	white-space: nowrap !important;
	pointer-events: none !important;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2) !important;
	z-index: 100 !important;
}

.page_article .vntu_doi_copy_btn.copied .vntu_copy_toast {
	display: block !important;
}

/* Keywords Chips */
.page_article .vntu_keywords_section {
	margin-bottom: var(--sp-8, 32px) !important;
	padding: 0 !important;
	border: none !important;
}

.page_article .vntu_keywords_chips {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 6px !important;
	margin: 0 !important;
	padding: 0 !important;
}

.page_article .vntu_keyword_chip {
	display: inline-block !important;
	background: var(--box-bg, #f8fafc) !important;
	color: #334155 !important;
	border: 1px solid var(--border, #e5e7eb) !important;
	border-radius: 999px !important;
	padding: var(--sp-1, 4px) 10px !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	line-height: 1.35 !important;
	margin: 0 !important;
	transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease !important;
}

.page_article .vntu_keyword_chip:hover {
	background: #e2e8f0 !important;
	border-color: #cbd5e1 !important;
	color: var(--teal-primary, #0f766e) !important;
}

/* Abstract (Left-aligned, 15px, line-height 1.65, no justify gaps, no box border) */
.page_article .vntu_abstract_section {
	margin-bottom: var(--sp-8, 32px) !important;
	background: none !important;
	border: none !important;
	border-radius: 0 !important;
	padding: 0 !important;
	box-shadow: none !important;
}

.page_article .vntu_abstract_content {
	text-align: left !important;
	font-size: 13.5px !important;
	line-height: 1.6 !important;
	hyphens: auto !important;
	-webkit-hyphens: auto !important;
	color: #334155 !important;
}

.page_article .vntu_abstract_content p,
.page_article .vntu_abstract_content div,
.page_article .obj_article_details .item.abstract p {
	text-align: left !important;
	font-size: 13.5px !important;
	line-height: 1.6 !important;
	hyphens: auto !important;
	-webkit-hyphens: auto !important;
	color: #334155 !important;
	margin: 0 0 var(--sp-3, 12px) 0 !important;
}

.page_article .vntu_abstract_content p:last-child {
	margin-bottom: 0 !important;
}

/* Citation Section ("Як цитувати" - Moved to Main Column) */
.page_article .vntu_citation_section {
	margin-bottom: var(--sp-8, 32px) !important;
	padding: 0 !important;
	border: none !important;
	scroll-margin-top: 96px !important;
}

.page_article .vntu_citation_section .item.citation,
.page_article .vntu_citation_section .sub_item.citation_display {
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
}

/* Light box for citation text */
.page_article #citationOutput {
	background: var(--box-bg, #f8fafc) !important;
	border: 1px solid var(--border, #e5e7eb) !important;
	border-radius: 6px !important;
	padding: 12px 14px !important;
	font-size: 14px !important;
	line-height: 1.55 !important;
	color: #1e293b !important;
	text-align: left !important;
	word-break: break-word !important;
	box-sizing: border-box !important;
}

/* Never force uppercase on the citation text */
.page_article #citationOutput,
.page_article #citationOutput *,
.page_article .csl-entry,
.page_article .csl-entry * {
	text-transform: none !important;
}

/* Citation bottom row with format selector & copy button */
.page_article .vntu_citation_bottom_row {
	display: flex !important;
	gap: var(--sp-2, 8px) !important;
	align-items: center !important;
	margin-top: var(--sp-3, 12px) !important;
	flex-wrap: wrap !important;
	line-height: 1 !important;
}

.page_article .citation_formats {
	position: relative !important;
	display: inline-flex !important;
	align-items: center !important;
	height: 32px !important;
	min-height: 32px !important;
	max-height: 32px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
	background: transparent !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	box-sizing: border-box !important;
	vertical-align: middle !important;
}

.page_article .citation_formats_button,
.page_article .citation_formats_button.label {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 8px !important;
	height: 32px !important;
	min-height: 32px !important;
	max-height: 32px !important;
	margin: 0 !important;
	padding: 0 var(--sp-3, 12px) !important;
	background: #ffffff !important;
	border: 1px solid var(--border, #e5e7eb) !important;
	border-radius: 6px !important;
	font-family: inherit !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	text-transform: none !important;
	letter-spacing: normal !important;
	color: #334155 !important;
	cursor: pointer !important;
	line-height: normal !important;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04) !important;
	transition: all 0.15s ease !important;
	white-space: nowrap !important;
	outline: none !important;
	box-sizing: border-box !important;
	vertical-align: middle !important;
	width: auto !important;
}

.page_article .citation_formats_button:hover,
.page_article .citation_formats_button:focus {
	border-color: #cbd5e1 !important;
	background: #f8fafc !important;
	color: var(--teal-primary, #0f766e) !important;
}

.page_article .citation_formats_button:after {
	content: '' !important;
	display: inline-block !important;
	width: 5px !important;
	height: 5px !important;
	border-right: 2px solid #64748b !important;
	border-bottom: 2px solid #64748b !important;
	transform: rotate(45deg) !important;
	margin-left: 2px !important;
	margin-top: -2px !important;
	transition: transform 0.2s ease !important;
	position: static !important;
	font-family: inherit !important;
}

.page_article .citation_formats_button[aria-expanded="true"]:after {
	transform: rotate(-135deg) !important;
	margin-top: 2px !important;
}

.page_article .citation_formats_list {
	position: absolute !important;
	left: 0 !important;
	top: calc(100% + 5px) !important;
	background: #ffffff !important;
	border: 1px solid var(--border, #e5e7eb) !important;
	border-radius: 8px !important;
	box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.12), 0 8px 10px -6px rgba(0, 0, 0, 0.08) !important;
	z-index: 1000 !important;
	min-width: 320px !important;
	max-width: 440px !important;
	width: max-content !important;
	max-height: 380px !important;
	overflow-y: auto !important;
	padding: 4px 0 !important;
	box-sizing: border-box !important;
}

.page_article .citation_formats_styles {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

.page_article .citation_formats_styles li {
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
}

.page_article .citation_formats_styles a {
	display: block !important;
	padding: 7px 14px !important;
	font-size: 13px !important;
	line-height: 1.4 !important;
	color: #334155 !important;
	text-decoration: none !important;
	border-bottom: 1px solid #f1f5f9 !important;
	transition: background-color 0.12s ease, color 0.12s ease !important;
	white-space: normal !important;
}

.page_article .citation_formats_styles li:last-child a {
	border-bottom: none !important;
}

.page_article .citation_formats_styles a:hover,
.page_article .citation_formats_styles a:focus {
	background: #f1f5f9 !important;
	color: var(--teal-primary, #0f766e) !important;
}

.page_article .citation_formats_list .label {
	display: block !important;
	font-size: 11px !important;
	font-weight: 600 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.04em !important;
	color: var(--text-muted, #64748b) !important;
	background: #f8fafc !important;
	padding: 6px 14px !important;
	margin: 4px 0 2px 0 !important;
	border-top: 1px solid var(--border, #e5e7eb) !important;
	border-bottom: 1px solid var(--border, #e5e7eb) !important;
}

.page_article .vntu_citation_copy_btn {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 6px !important;
	height: 32px !important;
	min-height: 32px !important;
	max-height: 32px !important;
	margin: 0 !important;
	padding: 0 var(--sp-3, 12px) !important;
	background: #ffffff !important;
	border: 1px solid var(--border, #e5e7eb) !important;
	border-radius: 6px !important;
	font-family: inherit !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	text-transform: none !important;
	letter-spacing: normal !important;
	color: #334155 !important;
	cursor: pointer !important;
	line-height: normal !important;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04) !important;
	transition: all 0.15s ease !important;
	white-space: nowrap !important;
	outline: none !important;
	box-sizing: border-box !important;
	vertical-align: middle !important;
	width: auto !important;
}

.page_article .vntu_citation_copy_btn:hover {
	border-color: #cbd5e1 !important;
	background: #f8fafc !important;
	color: var(--teal-primary, #0f766e) !important;
}

.page_article .vntu_citation_copy_btn svg {
	width: 14px !important;
	height: 14px !important;
	color: #64748b !important;
}

.page_article .vntu_citation_copy_btn.copied {
	border-color: #a7f3d0 !important;
	background: #ecfdf5 !important;
	color: #059669 !important;
}

.page_article .vntu_citation_copy_btn.copied svg {
	color: #059669 !important;
}

.page_article .vntu_citation_copy_btn .vntu_copied_text {
	display: none !important;
}

.page_article .vntu_citation_copy_btn.copied .vntu_copy_text {
	display: none !important;
}

.page_article .vntu_citation_copy_btn.copied .vntu_copied_text {
	display: inline !important;
}

/* Author Biographies */
.page_article .vntu_bios_section {
	margin-bottom: var(--sp-8, 32px) !important;
	padding: 0 !important;
	border: none !important;
}

.page_article .vntu_bios_list {
	display: flex !important;
	flex-direction: column !important;
	gap: var(--sp-3, 12px) !important;
}

.page_article .vntu_bio_card {
	background: var(--box-bg, #f8fafc) !important;
	border: 1px solid var(--border, #e5e7eb) !important;
	border-radius: 6px !important;
	padding: 10px 14px !important;
}

.page_article .vntu_bio_author {
	font-size: 14px !important;
	font-weight: 600 !important;
	color: #0f172a !important;
	margin-bottom: var(--sp-1, 4px) !important;
}

.page_article .vntu_bio_text {
	font-size: 13px !important;
	line-height: 1.5 !important;
	color: #475569 !important;
}

/* References Section */
.page_article .vntu_references_section {
	margin-bottom: 0 !important;
	padding: 0 !important;
	border: none !important;
}

.page_article .vntu_references_list {
	display: flex !important;
	flex-direction: column !important;
	gap: 6px !important;
}

.page_article .vntu_ref_item {
	padding: 6px 0 !important;
	border-bottom: 1px solid #f1f5f9 !important;
	font-size: 13px !important;
	line-height: 1.55 !important;
	color: #334155 !important;
	word-break: break-word !important;
}

.page_article .vntu_ref_item:last-child {
	border-bottom: none !important;
}

.page_article .vntu_ref_item a {
	color: var(--teal-primary, #0f766e) !important;
	text-decoration: underline !important;
}

.page_article .vntu_ref_raw {
	font-size: 13px !important;
	line-height: 1.55 !important;
	color: #334155 !important;
}

/* ── INNER SIDEBAR (184px, STICKY) ──────────────────────────────────────── */
.page_article .entry_details.vntu_article_sidebar {
	width: 184px !important;
	min-width: 184px !important;
	max-width: 184px !important;
	float: none !important;
	margin: 0 !important;
	background: none !important;
	border: none !important;
	padding: 0 !important;
	box-shadow: none !important;
	box-sizing: border-box !important;
	display: flex !important;
	flex-direction: column !important;
	position: sticky !important;
	top: 88px !important;
	align-self: start !important;
}

/* Sidebar blocks separated by 1px divider with 16px padding above & below */
.page_article .vntu_sidebar_block {
	padding-top: var(--sp-4, 16px) !important;
	padding-bottom: var(--sp-4, 16px) !important;
	border-bottom: 1px solid var(--border, #e5e7eb) !important;
	border-top: none !important;
	border-left: none !important;
	border-right: none !important;
	margin: 0 !important;
	box-sizing: border-box !important;
	word-wrap: break-word !important;
}

.page_article .vntu_cover_block {
	padding-top: 0 !important;
}

.page_article .vntu_cite_btn_block {
	padding-top: var(--sp-4, 16px) !important;
	padding-bottom: var(--sp-4, 16px) !important;
	border-bottom: 1px solid var(--border, #e5e7eb) !important;
}

.page_article .vntu_metrics_block {
	padding-top: var(--sp-4, 16px) !important;
	padding-bottom: var(--sp-4, 16px) !important;
	border-bottom: 1px solid var(--border, #e5e7eb) !important;
}

.page_article .vntu_license_block {
	border-bottom: none !important;
	padding-bottom: 0 !important;
}

.page_article .vntu_sidebar_mobile_group {
	display: contents;
}

/* 1. Cover Image */
.page_article .vntu_cover_block {
	text-align: center !important;
}

.page_article .vntu_cover_link {
	display: block !important;
	text-decoration: none !important;
}

.page_article .vntu_cover_img {
	width: 100% !important;
	max-width: 150px !important;
	margin: 0 auto !important;
	display: block !important;
	aspect-ratio: 210 / 297 !important;
	object-fit: cover !important;
	border: 1px solid var(--border, #e5e7eb) !important;
	border-radius: 4px !important;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08) !important;
}

/* 2. PDF Download Button (Full width, 40px high, primary teal, 14px 600) */
.page_article .vntu_btn_pdf {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: var(--sp-2, 8px) !important;
	width: 100% !important;
	height: 40px !important;
	padding: 0 var(--sp-3, 12px) !important;
	background: var(--teal-primary, #0f766e) !important;
	color: #ffffff !important;
	border: none !important;
	border-radius: 6px !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	text-decoration: none !important;
	box-sizing: border-box !important;
	transition: background-color 0.15s ease, transform 0.15s ease !important;
}

.page_article .vntu_btn_pdf:hover {
	background: var(--teal-hover, #0d9488) !important;
	color: #ffffff !important;
	text-decoration: none !important;
}

.page_article .vntu_btn_pdf:focus-visible {
	outline: 2px solid var(--teal-primary, #0f766e) !important;
	outline-offset: 2px !important;
}

.page_article .vntu_btn_pdf_icon {
	width: 16px !important;
	height: 16px !important;
	flex-shrink: 0 !important;
}

/* Supplementary galleys */
.page_article .vntu_supp_list {
	list-style: none !important;
	padding: 0 !important;
	margin: 0 !important;
}

.page_article .vntu_supp_list li {
	margin: 0 0 var(--sp-1, 4px) 0 !important;
}

.page_article .vntu_supp_list .obj_galley_link {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	padding: 6px 10px !important;
	background: #ffffff !important;
	border: 1px solid var(--border, #e5e7eb) !important;
	border-radius: 6px !important;
	color: #334155 !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	text-decoration: none !important;
}

/* 3. Stats Grid (Fixes glued "ПереглядівЗавантажень") */
.page_article .vntu_stats_grid {
	display: grid !important;
	grid-template-columns: 1fr 1fr !important;
	gap: var(--sp-2, 8px) !important;
	background: var(--box-bg, #f8fafc) !important;
	border: 1px solid var(--border, #e5e7eb) !important;
	border-radius: 6px !important;
	padding: var(--sp-2, 8px) var(--sp-1, 4px) !important;
}

.page_article .vntu_stat_cell {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	text-align: center !important;
}

.page_article .vntu_stat_main {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: var(--sp-1, 4px) !important;
}

.page_article .vntu_stat_icon {
	width: 14px !important;
	height: 14px !important;
	color: var(--teal-primary, #0f766e) !important;
	flex-shrink: 0 !important;
}

.page_article .vntu_stat_num {
	font-size: 16px !important;
	font-weight: 700 !important;
	color: #0f172a !important;
	line-height: 1.2 !important;
	font-variant-numeric: tabular-nums !important;
}

.page_article .vntu_stat_label {
	display: block !important;
	font-size: 12px !important;
	color: var(--text-muted, #4b5563) !important;
	line-height: 1.3 !important;
	margin-top: 2px !important;
}

/* 4. Article Editorial Dates (Sidebar history list) */
.page_article .vntu_dates_block .vntu_sidebar_heading {
	display: flex !important;
	align-items: center !important;
	gap: 5px !important;
	margin-bottom: var(--sp-2, 8px) !important;
}

.page_article .vntu_dates_sidebar_list {
	display: flex !important;
	flex-direction: column !important;
	gap: 5px !important;
}

.page_article .vntu_date_sidebar_row {
	display: flex !important;
	justify-content: space-between !important;
	align-items: baseline !important;
	gap: 6px !important;
	font-size: 12px !important;
	line-height: 1.35 !important;
	padding-bottom: 4px !important;
	border-bottom: 1px dashed var(--border, #e5e7eb) !important;
}

.page_article .vntu_date_sidebar_row:last-child {
	border-bottom: none !important;
	padding-bottom: 0 !important;
}

.page_article .vntu_date_sidebar_label {
	color: var(--text-muted, #64748b) !important;
	font-size: 11.5px !important;
	font-weight: 500 !important;
	white-space: nowrap !important;
}

.page_article .vntu_date_sidebar_val {
	color: #1e293b !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	font-variant-numeric: tabular-nums !important;
	text-align: right !important;
}

.page_article .vntu_date_sidebar_val a {
	color: var(--teal-primary, #0f766e) !important;
	text-decoration: none !important;
}

.page_article .vntu_date_sidebar_val a:hover {
	text-decoration: underline !important;
}

.page_article .vntu_date_sidebar_val.vntu_val_empty {
	color: var(--text-muted, #94a3b8) !important;
	font-weight: 400 !important;
}

/* 5. Publication Info (<dl>) */
.page_article .vntu_pubinfo_dl {
	margin: 0 !important;
	padding: 0 !important;
}

.page_article .vntu_pubinfo_dl dt {
	font-size: 12px !important;
	font-weight: 600 !important;
	color: var(--text-muted, #4b5563) !important;
	text-transform: uppercase !important;
	letter-spacing: 0.04em !important;
	margin: 0 !important;
	line-height: 1.3 !important;
}

.page_article .vntu_pubinfo_dl dd {
	font-size: 14px !important;
	font-weight: 500 !important;
	color: #1e293b !important;
	margin: 2px 0 var(--sp-2, 8px) 0 !important;
	line-height: 1.4 !important;
}

.page_article .vntu_pubinfo_dl dd:last-child {
	margin-bottom: 0 !important;
}

.page_article .vntu_pubinfo_dl dd a {
	color: var(--teal-primary, #0f766e) !important;
	text-decoration: none !important;
}

.page_article .vntu_pubinfo_dl dd a:hover {
	text-decoration: underline !important;
}

/* 5. Cite Button (Full width, 36px high, outline style) */
.page_article .vntu_btn_cite {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: var(--sp-2, 8px) !important;
	width: 100% !important;
	height: 36px !important;
	padding: 0 var(--sp-3, 12px) !important;
	background: transparent !important;
	color: var(--teal-primary, #0f766e) !important;
	border: 1px solid var(--teal-primary, #0f766e) !important;
	border-radius: 6px !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	text-decoration: none !important;
	box-sizing: border-box !important;
	transition: all 0.15s ease !important;
}

.page_article .vntu_btn_cite:hover {
	background: var(--teal-light, #f0fdfa) !important;
	color: var(--teal-hover, #0d9488) !important;
	border-color: var(--teal-hover, #0d9488) !important;
	text-decoration: none !important;
}

.page_article .vntu_btn_cite:focus-visible {
	outline: 2px solid var(--teal-primary, #0f766e) !important;
	outline-offset: 2px !important;
}

/* 6. Metrics & Badges */
.page_article .vntu_metrics_block .vntu_sidebar_heading {
	margin-bottom: var(--sp-3, 12px) !important;
}

.page_article .vntu_badges_row {
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
	margin: var(--sp-2, 8px) 0 !important;
	min-height: 36px !important;
}

.page_article .downloads_chart_wrapper {
	margin-top: 14px !important;
}

.page_article .downloads_chart_title {
	font-size: 11.5px !important;
	font-weight: 600 !important;
	color: #475569 !important;
	text-align: center !important;
	margin: 0 0 var(--sp-2, 8px) 0 !important;
}

.page_article .downloads_chart_canvas canvas {
	max-width: 100% !important;
	height: auto !important;
	display: block !important;
}

.page_article .usageStatsUnavailable {
	font-size: 11.5px !important;
	color: #94a3b8 !important;
	text-align: center !important;
	padding: var(--sp-1, 4px) 0 !important;
}

/* 7. License & Copyright */
.page_article .vntu_license_block {
	border-bottom: none !important;
	padding-bottom: 0 !important;
}

.page_article .vntu_license_block .vntu_sidebar_heading {
	margin-bottom: var(--sp-3, 12px) !important;
}

.page_article .vntu_license_content {
	font-size: 11.5px !important;
	line-height: 1.45 !important;
	color: #475569 !important;
}

.page_article .vntu_copyright_holder {
	margin: 0 0 var(--sp-2, 8px) 0 !important;
	font-weight: 500 !important;
	color: #334155 !important;
	font-size: 11.5px !important;
	line-height: 1.4 !important;
}

.page_article .vntu_cc_badge {
	margin: 0 0 var(--sp-2, 8px) 0 !important;
}

.page_article .vntu_cc_badge img {
	display: block !important;
	max-width: 100px !important;
	height: auto !important;
}

.page_article .vntu_license_content p {
	font-size: 11.5px !important;
	line-height: 1.45 !important;
	color: #475569 !important;
	margin: 0 0 6px 0 !important;
}

.page_article .vntu_license_content a {
	color: var(--teal-primary, #0f766e) !important;
	text-decoration: underline !important;
	word-break: break-word !important;
}

.page_article .vntu_license_content a:hover {
	color: var(--teal-hover, #0d9488) !important;
}

.page_article .vntu_license_terms {
	margin-top: 8px !important;
	padding-top: 8px !important;
	border-top: 1px dashed var(--border, #e5e7eb) !important;
}

.page_article .vntu_license_terms p {
	font-size: 11px !important;
	line-height: 1.4 !important;
	font-weight: 600 !important;
	color: #334155 !important;
	margin: 0 0 6px 0 !important;
}

.page_article .vntu_license_content ul,
.page_article .vntu_license_terms ul {
	margin: 6px 0 0 0 !important;
	padding: 0 0 0 14px !important; /* drastically reduces default 40px padding */
	list-style-type: disc !important;
}

.page_article .vntu_license_content li,
.page_article .vntu_license_terms li {
	font-size: 10.5px !important;
	line-height: 1.4 !important;
	color: #475569 !important;
	margin-bottom: 6px !important;
	padding: 0 !important;
	word-break: normal !important;
	overflow-wrap: break-word !important;
	hyphens: auto !important;
	-webkit-hyphens: auto !important;
}

.page_article .vntu_license_content li:last-child,
.page_article .vntu_license_terms li:last-child {
	margin-bottom: 0 !important;
}

/* Desktop sidebar groups are display: contents */
.page_article .vntu_sidebar_primary_block,
.page_article .vntu_sidebar_secondary_group,
.page_article .vntu_sidebar_mobile_group {
	display: contents;
}

/* ── RESPONSIVE: 768px – 991px (COMPACT 2 COLUMNS) ──────────────────────── */
@media (min-width: 750px) and (max-width: 991px) {
	.page_article .vntu_article_body_grid,
	.page_article .obj_article_details .row.vntu_article_body_row {
		grid-template-columns: minmax(0, 1fr) 160px !important;
		column-gap: var(--sp-5, 20px) !important;
	}

	.page_article .entry_details.vntu_article_sidebar {
		width: 160px !important;
		min-width: 160px !important;
		max-width: 160px !important;
	}

	.page_article .vntu_cover_img {
		max-width: 130px !important;
	}
}

/* ── RESPONSIVE: < 768px (SINGLE COLUMN MOBILE FLOW) ────────────────────── */
@media (max-width: 749px) {
	.page_article .obj_article_details.vntu_article_card,
	.page_article .obj_article_details {
		padding: var(--sp-4, 16px) !important;
		margin-bottom: var(--sp-4, 16px) !important;
	}

	.page_article .vntu_article_header {
		padding-bottom: var(--sp-4, 16px) !important;
		margin-bottom: var(--sp-4, 16px) !important;
	}

	.page_article .obj_article_details > .page_title,
	.page_article .vntu_article_title {
		font-size: 19px !important;
	}

	.page_article .vntu_article_body_grid,
	.page_article .obj_article_details .row.vntu_article_body_row {
		display: flex !important;
		flex-direction: column !important;
		gap: var(--sp-6, 24px) !important;
	}

	/* Inner sidebar container becomes contents so primary block is at top and secondary is at bottom */
	.page_article .entry_details.vntu_article_sidebar {
		display: contents !important;
	}

	/* Primary compact horizontal block: cover on left (72px), PDF/stats/date on right */
	.page_article .vntu_sidebar_primary_block {
		order: 1 !important;
		display: flex !important;
		flex-direction: row !important;
		align-items: flex-start !important;
		gap: var(--sp-3, 12px) !important;
		padding-bottom: var(--sp-4, 16px) !important;
		border-bottom: 1px solid var(--border, #e5e7eb) !important;
		width: 100% !important;
	}

	/* Mobile Sidebar: Cover on left (72px) */
	.page_article .vntu_cover_block {
		width: 72px !important;
		min-width: 72px !important;
		max-width: 72px !important;
		flex: 0 0 72px !important;
		padding: 0 !important;
		border: none !important;
	}

	.page_article .vntu_cover_img {
		width: 72px !important;
		max-width: 72px !important;
	}

	/* Mobile Sidebar: Right column (PDF button, stats, date) */
	.page_article .vntu_sidebar_mobile_group {
		display: flex !important;
		flex-direction: column !important;
		flex: 1 1 auto !important;
		gap: var(--sp-2, 8px) !important;
		min-width: 0 !important;
	}

	.page_article .vntu_sidebar_mobile_group .vntu_sidebar_block {
		padding: 0 !important;
		border: none !important;
	}

	.page_article .vntu_sidebar_mobile_group .vntu_btn_pdf {
		height: 38px !important;
		font-size: 13px !important;
	}

	.page_article .vntu_sidebar_mobile_group .vntu_dates_block {
		margin-top: 2px !important;
	}

	.page_article .vntu_sidebar_mobile_group .vntu_dates_block .vntu_sidebar_heading {
		font-size: 11px !important;
		margin-bottom: 4px !important;
	}

	.page_article .vntu_sidebar_mobile_group .vntu_dates_sidebar_list {
		gap: 3px !important;
	}

	.page_article .vntu_sidebar_mobile_group .vntu_date_sidebar_row {
		font-size: 11.5px !important;
		padding-bottom: 2px !important;
	}

	.page_article .vntu_sidebar_mobile_group .vntu_pubinfo_dl {
		display: flex !important;
		flex-wrap: wrap !important;
		gap: 2px 10px !important;
	}

	.page_article .vntu_sidebar_mobile_group .vntu_pubinfo_dl dt {
		display: inline !important;
		font-size: 11px !important;
		margin-right: 4px !important;
	}

	.page_article .vntu_sidebar_mobile_group .vntu_pubinfo_dl dd {
		display: inline !important;
		font-size: 13px !important;
		margin: 0 !important;
	}

	/* Cite button is hidden on mobile as citation block is right in the flow */
	.page_article .vntu_cite_btn_block {
		display: none !important;
	}

	/* Main content column follows below sidebar on mobile */
	.page_article .main_entry.vntu_main_content {
		order: 2 !important;
		width: 100% !important;
	}

	/* Secondary sidebar items (metrics, license) display cleanly below main content */
	.page_article .vntu_sidebar_secondary_group {
		order: 3 !important;
		display: flex !important;
		flex-direction: column !important;
		margin-top: var(--sp-6, 24px) !important;
		padding-top: var(--sp-4, 16px) !important;
		border-top: 1px solid var(--border, #e5e7eb) !important;
	}

	.page_article .vntu_authors_section,
	.page_article .vntu_doi_row,
	.page_article .vntu_keywords_section,
	.page_article .vntu_abstract_section,
	.page_article .vntu_citation_section {
		margin-bottom: var(--sp-6, 24px) !important;
	}
}

/* ── CUSTOM NAVIGATION CONTENT & INDEXING PAGE ─────────────────── */
.page_custom_content {
	margin-bottom: 2.5rem !important;
}

.page_header_with_edit {
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 12px !important;
	margin-bottom: 1.5rem !important;
	padding-bottom: 0.75rem !important;
	border-bottom: 2px solid #e2e8f0 !important;
}

.page_header_with_edit .page_title {
	margin: 0 !important;
	font-size: 1.75rem !important;
	font-weight: 700 !important;
	color: #0f172a !important;
	line-height: 1.25 !important;
}

.btn_admin_page_edit {
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	padding: 7px 14px !important;
	background: #0f766e !important;
	color: #ffffff !important;
	font-size: 0.82rem !important;
	font-weight: 600 !important;
	border-radius: 6px !important;
	text-decoration: none !important;
	transition: all 0.2s ease !important;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;
}

.btn_admin_page_edit:hover {
	background: #115e59 !important;
	transform: translateY(-1px) !important;
	box-shadow: 0 4px 8px rgba(15, 118, 110, 0.25) !important;
	color: #ffffff !important;
}

.btn_admin_page_edit svg {
	flex-shrink: 0 !important;
}

/* ── INDEXING INTRO ────────────────────────────────────────────── */
.indexing_intro {
	background: #f0fdfa !important;
	border-left: 4px solid #0f766e !important;
	border-radius: 0 8px 8px 0 !important;
	padding: 14px 20px !important;
	margin-bottom: 1.75rem !important;
	color: #134e4a !important;
	font-size: 0.95rem !important;
	line-height: 1.6 !important;
}

.indexing_intro p {
	margin: 0 !important;
}

/* ── INDEXING GRID & CARDS ────────────────────────────────────── */
.indexing_grid,
.rvv_vvpi-indexing {
	display: grid !important;
	grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)) !important;
	gap: 20px !important;
	margin: 1.5rem 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

.indexing_card,
.rvv_vvpi-indexing > div > a,
.rvv_vvpi-indexing > a {
	display: flex !important;
	flex-direction: column !important;
	justify-content: space-between !important;
	align-items: center !important;
	background: #ffffff !important;
	border: 1px solid #e2e8f0 !important;
	border-radius: 12px !important;
	padding: 18px 16px 14px !important;
	text-decoration: none !important;
	height: 100% !important;
	box-sizing: border-box !important;
	box-shadow: 0 2px 6px rgba(15, 23, 42, 0.04) !important;
	transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
	position: relative !important;
}

.indexing_card:hover,
.rvv_vvpi-indexing > div > a:hover,
.rvv_vvpi-indexing > a:hover {
	transform: translateY(-4px) !important;
	border-color: #0f766e !important;
	box-shadow: 0 12px 24px -6px rgba(15, 118, 110, 0.16), 0 4px 8px -2px rgba(15, 118, 110, 0.08) !important;
}

/* Outer div wrapper if legacy structure */
.rvv_vvpi-indexing > div {
	display: flex !important;
	flex-direction: column !important;
	height: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* Logo container */
.indexing_card_logo,
.rvv_vvpi-indexing .logo_wrap {
	width: 100% !important;
	height: 75px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	background: #f8fafc !important;
	border: 1px solid #f1f5f9 !important;
	border-radius: 8px !important;
	padding: 8px 12px !important;
	margin-bottom: 12px !important;
	box-sizing: border-box !important;
	overflow: hidden !important;
}

/* For legacy structure where img is direct child of a */
.rvv_vvpi-indexing > div > a > img,
.rvv_vvpi-indexing > a > img {
	background: #f8fafc !important;
	border: 1px solid #f1f5f9 !important;
	border-radius: 8px !important;
	padding: 8px 12px !important;
	margin: 0 0 12px 0 !important;
	box-sizing: border-box !important;
	width: 100% !important;
	height: 75px !important;
}

/* Image styles */
.indexing_card_logo img,
.indexing_card img,
.rvv_vvpi-indexing img,
.indexazia {
	max-height: 54px !important;
	max-width: 100% !important;
	width: auto !important;
	height: auto !important;
	object-fit: contain !important;
	display: block !important;
	margin: 0 auto !important;
	transition: transform 0.25s ease !important;
}

.indexing_card:hover .indexing_card_logo img,
.indexing_card:hover img,
.rvv_vvpi-indexing > div > a:hover img,
.rvv_vvpi-indexing > a:hover img {
	transform: scale(1.05) !important;
}

/* Card Body & Title */
.indexing_card_body {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	width: 100% !important;
	flex-grow: 1 !important;
	justify-content: space-between !important;
}

.indexing_card_title,
.rvv_vvpi-indexing strong {
	display: block !important;
	font-size: 0.92rem !important;
	font-weight: 600 !important;
	color: #1e293b !important;
	text-align: center !important;
	line-height: 1.35 !important;
	margin: 4px 0 10px 0 !important;
	transition: color 0.2s ease !important;
}

.indexing_card:hover .indexing_card_title,
.rvv_vvpi-indexing > div > a:hover strong,
.rvv_vvpi-indexing > a:hover strong {
	color: #0f766e !important;
}

/* Card action pill / button */
.indexing_card_action {
	display: inline-flex !important;
	align-items: center !important;
	gap: 4px !important;
	font-size: 0.78rem !important;
	font-weight: 600 !important;
	color: #0f766e !important;
	background: #f0fdfa !important;
	border: 1px solid #ccfbf1 !important;
	border-radius: 20px !important;
	padding: 3px 10px !important;
	margin-top: auto !important;
	transition: all 0.2s ease !important;
}

.indexing_card:hover .indexing_card_action {
	background: #0f766e !important;
	color: #ffffff !important;
	border-color: #0f766e !important;
}

.indexing_card_action .arrow {
	display: inline-block !important;
	transition: transform 0.2s ease !important;
}

.indexing_card:hover .indexing_card_action .arrow {
	transform: translateX(3px) !important;
}

/* Remove stray br inside indexing links */
.rvv_vvpi-indexing br {
	display: none !important;
}

/* ── CONTACT PAGE STYLES ───────────────────────────────────────── */
.page_contact {
	margin-bottom: 2.5rem !important;
}

.page_contact .page_header_with_edit {
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 12px !important;
	margin-bottom: 1.5rem !important;
	padding-bottom: 0.75rem !important;
	border-bottom: 2px solid #e2e8f0 !important;
}

.page_contact .page_header_with_edit h1 {
	margin: 0 !important;
	font-size: 1.75rem !important;
	font-weight: 700 !important;
	color: #0f172a !important;
	line-height: 1.25 !important;
}

.page_contact .cmp_edit_link {
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	padding: 7px 14px !important;
	background: #0f766e !important;
	color: #ffffff !important;
	font-size: 0.82rem !important;
	font-weight: 600 !important;
	border-radius: 6px !important;
	text-decoration: none !important;
	transition: all 0.2s ease !important;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;
}

.page_contact .cmp_edit_link:hover {
	background: #115e59 !important;
	transform: translateY(-1px) !important;
	box-shadow: 0 4px 8px rgba(15, 118, 110, 0.25) !important;
	color: #ffffff !important;
}

.contact_address_card {
	background: #f8fafc !important;
	border: 1px solid #e2e8f0 !important;
	border-left: 4px solid #0f766e !important;
	border-radius: 12px !important;
	padding: 20px 24px !important;
	margin-bottom: 24px !important;
	box-shadow: 0 2px 6px rgba(15, 23, 42, 0.03) !important;
}

.contact_section {
	width: 100% !important;
}

.contact_grid {
	display: grid !important;
	grid-template-columns: repeat(2, 1fr) !important;
	gap: 24px !important;
	margin-top: 20px !important;
	width: 100% !important;
}

@media (max-width: 768px) {
	.contact_grid {
		grid-template-columns: 1fr !important;
		gap: 20px !important;
	}
}

/* Override default OJS theme float:left & width:50% on .contact */
.page_contact .contact {
	float: none !important;
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	box-sizing: border-box !important;
}

.page_contact .contact.primary,
.page_contact .contact.support {
	float: none !important;
	width: 100% !important;
	max-width: 100% !important;
	margin-top: 0 !important;
	padding-right: 24px !important;
}

.contact_card {
	background: #ffffff !important;
	border: 1px solid #e2e8f0 !important;
	border-radius: 14px !important;
	padding: 22px 24px !important;
	box-shadow: 0 4px 12px rgba(15, 23, 42, 0.04) !important;
	display: flex !important;
	flex-direction: column !important;
	height: 100% !important;
	width: 100% !important;
	box-sizing: border-box !important;
	transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.contact_card:hover {
	border-color: #0f766e !important;
	box-shadow: 0 10px 24px -4px rgba(15, 118, 110, 0.12) !important;
}

.contact_card_header {
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
	margin-bottom: 16px !important;
	padding-bottom: 12px !important;
	border-bottom: 1px solid #f1f5f9 !important;
}

.contact_card_header h2 {
	margin: 0 !important;
	font-size: 1.15rem !important;
	font-weight: 700 !important;
	color: #0f172a !important;
	line-height: 1.3 !important;
}

.contact_card_header svg {
	color: #0f766e !important;
	flex-shrink: 0 !important;
}

.contact_card_body {
	flex-grow: 1 !important;
	display: flex !important;
	flex-direction: column !important;
	font-size: 0.93rem !important;
	line-height: 1.6 !important;
	color: #334155 !important;
}

.contact_card_body .name {
	font-size: 0.95rem !important;
	line-height: 1.6 !important;
	color: #1e293b !important;
	margin-bottom: 12px !important;
}

.contact_card_body .name p,
.contact_card_body .address p {
	margin: 0 0 8px 0 !important;
}

.contact_card_body .name p:last-child,
.contact_card_body .address p:last-child {
	margin-bottom: 0 !important;
}

.contact_card_body .title {
	font-size: 0.9rem !important;
	font-weight: 600 !important;
	color: #0f766e !important;
	margin-bottom: 8px !important;
}

.contact_card_body .affiliation {
	font-size: 0.88rem !important;
	color: #64748b !important;
	margin-bottom: 12px !important;
}

.contact_details {
	display: flex !important;
	flex-direction: column !important;
	gap: 10px !important;
	width: 100% !important;
	margin-top: auto !important;
	padding-top: 16px !important;
	border-top: 1px dashed #e2e8f0 !important;
	box-sizing: border-box !important;
}

.contact_item {
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	gap: 12px !important;
	padding: 8px 14px !important;
	background: #f8fafc !important;
	border: 1px solid #e2e8f0 !important;
	border-radius: 10px !important;
	width: 100% !important;
	margin: 0 !important;
	box-sizing: border-box !important;
	transition: all 0.2s ease !important;
}

.contact_item:hover {
	background: #f1f5f9 !important;
	border-color: #cbd5e1 !important;
}

.contact_item_icon {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 32px !important;
	height: 32px !important;
	background: #f0fdfa !important;
	border: 1px solid #ccfbf1 !important;
	border-radius: 8px !important;
	color: #0f766e !important;
	flex-shrink: 0 !important;
}

.contact_item_icon svg {
	color: #0f766e !important;
	flex-shrink: 0 !important;
}

.contact_item_body {
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	gap: 2px !important;
	min-width: 0 !important;
	flex: 1 1 auto !important;
}

.contact_item_body .label {
	font-size: 0.76rem !important;
	font-weight: 600 !important;
	color: #64748b !important;
	white-space: nowrap !important;
	display: block !important;
	margin: 0 !important;
	line-height: 1.2 !important;
}

.contact_item_body .value,
.contact_item_body a {
	color: #0f766e !important;
	font-weight: 600 !important;
	font-size: 0.88rem !important;
	text-decoration: none !important;
	word-break: break-all !important;
	white-space: normal !important;
	margin: 0 !important;
	line-height: 1.3 !important;
	transition: color 0.2s ease !important;
}

.contact_item_body a:hover {
	color: #115e59 !important;
	text-decoration: underline !important;
}

/* ── STRUCTURE & SIDEBAR LAYOUT FIXES (PREVENT OVERLAP) ────────── */
.pkp_structure_content {
	max-width: 1400px !important;
	margin: 28px auto 40px auto !important;
	padding: 0 24px !important;
	box-sizing: border-box !important;
}

@media (min-width: 992px) {
	.pkp_structure_content.has_sidebar {
		display: flex !important;
		flex-direction: row !important;
		align-items: flex-start !important;
		gap: 16px !important;
	}

	.pkp_structure_content.has_sidebar .pkp_structure_main {
		float: none !important;
		flex: 1 1 0% !important;
		min-width: 0 !important;
		width: auto !important;
		max-width: 100% !important;
		padding: 0 !important;
		margin: 0 !important;
		box-sizing: border-box !important;
	}

	.pkp_structure_content.has_sidebar .pkp_structure_sidebar {
		float: none !important;
		width: 264px !important;
		flex: 0 0 264px !important;
		min-width: 264px !important;
		max-width: 264px !important;
		margin: 0 !important;
		box-sizing: border-box !important;
	}
}

@media (max-width: 991px) {
	.pkp_structure_content.has_sidebar {
		display: flex !important;
		flex-direction: column !important;
		gap: 30px !important;
	}

	.pkp_structure_content.has_sidebar .pkp_structure_main {
		float: none !important;
		width: 100% !important;
		padding: 0 !important;
		box-sizing: border-box !important;
	}

	.pkp_structure_sidebar {
		float: none !important;
		width: 100% !important;
		flex: none !important;
		box-sizing: border-box !important;
	}
}

/* Remove default OJS absolute full-height pseudo lines that cause overlap */
.pkp_structure_main:before,
.pkp_structure_main:after {
	display: none !important;
}

/* ── ARCHIVE PAGE FIX (CARDS OVERLAPPING SIDEBAR) ──────────────── */
.page_issue_archive .issues_archive {
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding: 0 !important;
	list-style: none !important;
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
	border-top: none !important;
}

.page_issue_archive .issues_archive > li {
	padding: 0 !important;
	margin: 0 0 24px 0 !important;
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
	border-bottom: none !important;
}

.obj_issue_summary {
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}