/* =========================================================
   ALBUCHUTS JOURNAL - CUSTOM OJS 3 STYLESHEET v122
   Universitas Sebelas Maret
   ========================================================= */

/* ---------------------------------------------------------
   1. DESIGN TOKENS
   --------------------------------------------------------- */
:root {
    --al-primary: #163A5F;
    --al-primary-dark: #0E2A47;
    --al-primary-deep: #0E2A47;
    --al-accent: #C8A349;
    --al-bg: #ffffff;
    --al-bg-soft: #F2F4F7;
    --al-text: #2F3A46;
    --al-muted: #66717c;
    --al-border: #E7EAF0;
    --al-radius: 6px;
}

/* ---------------------------------------------------------
   2. GLOBAL TYPOGRAPHY
   --------------------------------------------------------- */
body {
    color: var(--al-text);
    background: #ffffff;
    font-size: 15.5px;
    line-height: 1.65;
}

a {
    color: var(--al-primary);
}

a:hover,
a:focus {
    color: var(--al-primary-dark);
}

h1, h2, h3, h4, h5, h6 {
    color: var(--al-text);
    line-height: 1.3;
}

/* ---------------------------------------------------------
   3. PAGE WIDTH / NATIVE OJS LAYOUT
   --------------------------------------------------------- */
/*
 * Keep the OJS Default Theme's native page, main-column, and sidebar widths.
 * Do not force widths, grid, flex, or floats here.
 */
.pkp_structure_page,
.pkp_structure_content,
.pkp_structure_main,
.pkp_structure_sidebar {
    box-sizing: border-box;
}

/* ---------------------------------------------------------
   4. HEADER BANNER — NEW BRANDING (v52)
   Image: Publisher Library /42
   Native ratio: 3172 × 496
   --------------------------------------------------------- */

/* Header shell */
.pkp_structure_head {
    background: #F2F4F7 !important;
    border-bottom: 0;
}

/* Remove old wrapper background/height rules */
.pkp_site_name_wrapper {
    box-sizing: border-box !important;
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
}

/* Let the journal-name link itself carry the new masthead */
.pkp_site_name {
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
}

.pkp_site_name > a {
    display: block !important;
    box-sizing: border-box !important;
    width: 100% !important;
    height: 0 !important;
    padding-top: 15.637% !important; /* 496 / 3172 × 100 */

    background-image: url("https://journal.uns.ac.id/index.php/albuchuts/libraryFiles/downloadPublic/42") !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: contain !important;
    background-color: #F2F4F7 !important;

    overflow: hidden !important;
    text-indent: -9999px !important;
    white-space: nowrap !important;
}

/* Hide OJS' previous header image/logo */
.pkp_site_name img {
    display: none !important;
}

/* Remove blue gutters around the banner image */
.pkp_head_wrapper {
    background: #ffffff;
}

/* User/account bar sits on white rather than a blue strip */
.pkp_navigation_user_wrapper {
    background: #ffffff;
}

.pkp_navigation_user > li > a {
    color: var(--al-primary-dark);
    text-shadow: none;
}

.pkp_navigation_user > li > a:hover,
.pkp_navigation_user > li > a:focus {
    color: var(--al-primary);
}


/* Keep OJS' native user-navigation placement */
.pkp_navigation_user_wrapper {
    background: transparent;
}

.pkp_navigation_user > li > a {
    color: var(--al-primary-dark);
    text-shadow: none;
}

.pkp_navigation_user > li > a:hover,
.pkp_navigation_user > li > a:focus {
    color: var(--al-primary);
}

/* ---------------------------------------------------------
   5. NAVIGATION
   --------------------------------------------------------- */
.pkp_navigation_primary_wrapper {
    background: #163A5F;
    border-top: 0;
}

.pkp_navigation_primary > li > a,
.pkp_search .search_prompt {
    color: #ffffff;
    text-shadow: none;
}

.pkp_navigation_primary > li > a {
    font-weight: 500;
}

/* ---------------------------------------------------------
   PRIMARY MENU LEFT INSET
   OJS versions/themes use slightly different markup.
   These selectors target the actual navigation list rather
   than relying on only one class selector.
   --------------------------------------------------------- */
#navigationPrimary,
.pkp_navigation_primary_wrapper .pkp_navigation_primary,
.pkp_navigation_primary_wrapper .pkp_nav_list:first-of-type {
    margin-left: 36px !important;
    padding-left: 0 !important;
}

/* Fallback for OJS markup where the list is a direct child */
.pkp_navigation_primary_wrapper > ul {
    margin-left: 36px !important;
}

/* Keep the first item itself from cancelling the inset */
#navigationPrimary > li:first-child,
.pkp_navigation_primary > li:first-child {
    margin-left: 0 !important;
}

.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus,
.pkp_search .search_prompt:hover,
.pkp_search .search_prompt:focus {
    color: var(--al-accent);
}

.pkp_navigation_primary .dropdown-menu {
    border: 1px solid var(--al-border);
    border-radius: var(--al-radius);
    box-shadow: 0 8px 22px rgba(0,0,0,.10);
}

.pkp_navigation_primary .dropdown-menu a {
    color: var(--al-text);
}

.pkp_navigation_primary .dropdown-menu a:hover,
.pkp_navigation_primary .dropdown-menu a:focus {
    color: var(--al-primary);
    background: var(--al-bg-soft);
}

/* ---------------------------------------------------------
   6. MAIN / SIDEBAR LAYOUT - USE OJS NATIVE STRUCTURE
   --------------------------------------------------------- */
/*
 * OJS decides whether the page is one-column or two-column.
 * We only add spacing here, never structural widths.
 */
.pkp_structure_main {
    padding-top: 30px;
    padding-bottom: 45px;
}

.pkp_structure_sidebar {
    padding-top: 30px;
    padding-bottom: 45px;
}

/* Keep content inside the native OJS column borders */
.pkp_structure_main > * {
    max-width: 100%;
}

.obj_issue_toc,
.pkp_page_index .additional_content,
.pkp_page_index .current_issue {
    box-sizing: border-box;
}

/* ---------------------------------------------------------
   7. HOMEPAGE
   --------------------------------------------------------- */
.pkp_page_index .additional_content,
.pkp_page_index .current_issue,
.cmp_announcements {
    margin-top: 28px;
}

.pkp_page_index .additional_content h2,
.pkp_page_index .current_issue h2 {
    font-size: 1.35rem;
    font-weight: 700;
    margin-bottom: 18px;
}

.pkp_page_index .additional_content p {
    line-height: 1.75;
    margin-bottom: 1em;
}

/* ---------------------------------------------------------
   8. CURRENT ISSUE
   --------------------------------------------------------- */
.pkp_page_index .current_issue {
    border-top: 1px solid var(--al-border);
    padding-top: 28px;
}

.pkp_page_index .current_issue .current_issue_title {
    font-size: 1.05rem;
    line-height: 1.45;
    margin-bottom: 18px;
}

.pkp_page_index .current_issue .cover {
    margin-right: 28px;
}

.pkp_page_index .current_issue .cover img {
    width: 220px;
    max-width: 100%;
    height: auto;
    border: 1px solid var(--al-border);
    box-shadow: 0 4px 14px rgba(0,0,0,.08);
}

/* ---------------------------------------------------------
   9. ARTICLE LIST
   --------------------------------------------------------- */
.obj_issue_toc .section {
    margin-top: 28px;
}

.obj_issue_toc .section h2,
.obj_issue_toc .section h3 {
    color: var(--al-muted);
    font-weight: 500;
}

.obj_article_summary {
    padding: 20px 0 22px;
    border-bottom: 1px solid var(--al-border);
}

.obj_article_summary:last-child {
    border-bottom: 0;
}

.obj_article_summary .title {
    margin-bottom: 7px;
}

.obj_article_summary .title a {
    color: var(--al-primary);
    font-weight: 700;
    line-height: 1.4;
    text-decoration: none;
}

.obj_article_summary .title a:hover,
.obj_article_summary .title a:focus {
    color: var(--al-primary-dark);
    text-decoration: underline;
    text-underline-offset: 3px;
}

.obj_article_summary .authors {
    color: var(--al-text);
    margin-bottom: 10px;
}

.obj_article_summary .pages {
    color: var(--al-muted);
    font-size: .9rem;
}

/* PDF / galley buttons */
.obj_article_summary .galleys_links a,
.obj_article_summary .galley-link,
.obj_galley_link {
    display: inline-block;
    color: var(--al-primary);
    background: #ffffff;
    border: 1px solid var(--al-primary);
    border-radius: 4px;
    padding: 5px 11px;
    text-decoration: none;
    transition: background .15s ease-in-out, color .15s ease-in-out, border-color .15s ease-in-out;
}

.obj_article_summary .galleys_links a:hover,
.obj_article_summary .galleys_links a:focus,
.obj_article_summary .galley-link:hover,
.obj_article_summary .galley-link:focus,
.obj_galley_link:hover,
.obj_galley_link:focus {
    color: #ffffff;
    background: var(--al-primary);
    border-color: var(--al-primary);
}

.pkp_page_index .current_issue .read_more {
    font-weight: 600;
}

/* ---------------------------------------------------------
   10. ARTICLE DETAIL
   --------------------------------------------------------- */
.obj_article_details .page_title {
    line-height: 1.35;
    margin-bottom: 18px;
}

.obj_article_details .authors {
    margin-bottom: 18px;
}

.obj_article_details .item {
    margin-bottom: 28px;
}

/* Abstract always justified */
.obj_article_details .abstract,
.obj_article_details .abstract p {
    text-align: justify !important;
    line-height: 1.75;
}

/* Also cover themes/templates that wrap abstract text differently */
.obj_article_details .abstract .value,
.obj_article_details .abstract .value p {
    text-align: justify !important;
}

.obj_article_details .keywords,
.obj_article_details .references {
    line-height: 1.7;
}

.obj_article_details .references p {
    margin-bottom: .85em;
}

/* ---------------------------------------------------------
   11. SIDEBAR — COMPACT, INSET BLUE/YELLOW LABELS
   Only changes the sidebar; OJS handles overall column widths.
   --------------------------------------------------------- */
.pkp_structure_sidebar {
    box-sizing: border-box;
    padding-left: 18px;
    padding-right: 18px;
}

.pkp_structure_sidebar .pkp_block {
    box-sizing: border-box;
    width: 100%;
    margin: 0 0 18px;
    padding: 0 5px 5px;
    background: transparent;
    border: 0;
    box-shadow: none;
}

/* Uniform headers for INFORMATION, ISSN, INDEXING,
   LATEST PUBLICATIONS, LANGUAGE, and other active blocks. */
.pkp_structure_sidebar .pkp_block .title,
.pkp_structure_sidebar .pkp_block h2.title,
.pkp_structure_sidebar .pkp_block h3.title {
    box-sizing: border-box;
    display: block;
    width: 100%;
    min-height: 40px;
    margin: 0 0 10px;
    padding: 9px 10px;
    background: #163A5F;
    color: #C8A349;
    border: 0;
    border-radius: 13px;
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 0.2px;
    overflow-wrap: anywhere;
}

.pkp_structure_sidebar .pkp_block .title a {
    color: #C8A349;
    text-decoration: none;
}
.pkp_structure_sidebar .pkp_block .title a:hover,
.pkp_structure_sidebar .pkp_block .title a:focus {
    color: #FFFFFF;
}

.pkp_structure_sidebar .pkp_block .content {
    box-sizing: border-box;
    padding: 2px 8px 5px;
    font-size: 14px;
    line-height: 1.55;
}
.pkp_structure_sidebar .pkp_block ul {
    margin: 0;
    padding-left: 15px;
}
.pkp_structure_sidebar .pkp_block li {
    margin-bottom: 8px;
}
.pkp_structure_sidebar .pkp_block .content a {
    overflow-wrap: anywhere;
}
.pkp_structure_sidebar img {
    max-width: 100%;
    height: auto;
}

/* Optional fully clickable headings in a custom OJS block. */
.pkp_structure_sidebar .albuchuts-sidebar-links {
    display: grid;
    gap: 10px;
}
.pkp_structure_sidebar .albuchuts-sidebar-links a {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 40px;
    padding: 9px 10px;
    border-radius: 13px;
    background: #163A5F;
    color: #C8A349;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.3;
    text-align: center;
    text-decoration: none;
}
.pkp_structure_sidebar .albuchuts-sidebar-links a:hover,
.pkp_structure_sidebar .albuchuts-sidebar-links a:focus {
    background: #244C70;
    color: #FFFFFF;
}

.block_make_submission a,
.pkp_structure_sidebar .block_make_submission a {
    display: block;
    padding: 9px 12px;
    border-radius: 6px;
    text-align: center;
    color: #ffffff;
    background: var(--al-primary);
    font-weight: 700;
    text-decoration: none;
}
.block_make_submission a:hover,
.block_make_submission a:focus,
.pkp_structure_sidebar .block_make_submission a:hover,
.pkp_structure_sidebar .block_make_submission a:focus {
    color: #ffffff;
    background: var(--al-primary-dark);
}

/* ---------------------------------------------------------
   12. FORMS & BUTTONS
   --------------------------------------------------------- */
button,
input[type="submit"],
input[type="button"],
.cmp_button,
.pkp_button {
    border-radius: 4px;
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
textarea,
select {
    border-radius: 4px;
    border-color: #D9DEE8;
}

/* ---------------------------------------------------------
   13. ARCHIVES
   --------------------------------------------------------- */
.obj_issue_summary {
    padding: 18px 0;
    border-bottom: 1px solid var(--al-border);
}

.obj_issue_summary .title {
    font-weight: 700;
}

/* ---------------------------------------------------------
   14. FOOTER — MATCH THE ALBUCHUTS NAVIGATION BAR
   --------------------------------------------------------- */
.pkp_structure_footer_wrapper {
    background: #163A5F;
    border-top: 4px solid #C8A349;
}

.pkp_structure_footer {
    background: transparent;
    color: #ffffff;
}

.pkp_structure_footer a {
    color: #ffffff;
}

.pkp_structure_footer a:hover,
.pkp_structure_footer a:focus {
    color: #0E2A47;
}

/* Default PKP/OJS branding is black; display it in white on blue. */
.pkp_brand_footer {
    opacity: 1;
    filter: brightness(0) invert(1);
}

/* ---------------------------------------------------------
   15. ACCESSIBILITY
   --------------------------------------------------------- */
a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus {
    outline: 2px solid var(--al-accent);
    outline-offset: 2px;
}

/* ---------------------------------------------------------
   16. TABLET / MOBILE
   --------------------------------------------------------- */
@media (max-width: 991px) {
    .pkp_site_name_wrapper {
        min-height: 0 !important;
        height: auto !important;
    }

    .pkp_page_index .current_issue .cover img {
        width: 190px;
    }
}

@media (max-width: 767px) {
    body {
        font-size: 15px;
    }

    /* Mobile header: preserve full 3172 × 496 artwork */
    .pkp_site_name_wrapper {
        min-height: 0 !important;
        height: auto !important;
        background: none !important;
    }

    .pkp_site_name > a {
        width: 100% !important;
        height: 0 !important;
        padding-top: 15.637% !important;
        background-size: contain !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;
    }

    .pkp_structure_main {
        padding-top: 20px;
    }

    .pkp_structure_sidebar {
        padding-top: 0;
        padding-bottom: 30px;
    }

    .pkp_page_index .current_issue .cover {
        float: none;
        margin: 0 0 18px 0;
    }

    .pkp_page_index .current_issue .cover img {
        width: 170px;
    }

    .obj_article_summary {
        padding: 17px 0 19px;
    }

    .obj_article_summary .pages {
        display: block;
        margin-top: 6px;
    }

    .pkp_structure_sidebar {
        padding-left: 15px;
        padding-right: 15px;
    }

    .pkp_structure_sidebar .pkp_block .title,
    .pkp_structure_sidebar .albuchuts-sidebar-links a {
        font-size: 13px;
        min-height: 38px;
    }
}


/* ---------------------------------------------------------
   17. EXISTING ALBUCHUTS FOOTER CONTENT
   Preserves existing Page Footer HTML, including Quick Links.
   Does not apply the abandoned two-column redesign or move
   the OJS/PKP branding. Header, menu, and sidebar unchanged.
   --------------------------------------------------------- */
.albuchuts-footer {
    box-sizing: border-box;
    padding: 24px 10px;
    line-height: 1.55;
}

.albuchuts-footer img {
    max-width: 100%;
    height: auto;
}

.albuchuts-footer a {
    color: #ffffff;
    text-decoration: none;
}

.albuchuts-footer a:hover,
.albuchuts-footer a:focus {
    color: #C8A349;
    text-decoration: underline;
}

@media (max-width: 767px) {
    .albuchuts-footer {
        padding: 20px 10px;
        gap: 20px !important;
    }
}

/* ---------------------------------------------------------
   18. COMPACT JOURNAL MENU - CLEAN HTML REQUIRED (v21)
   In Custom Block, use direct <a> children within the container:
   <div class="albuchuts-sidebar-menu"><a ...>...</a>...</div>
   Do not wrap each link in <p> or add blank paragraphs/<br>.
   --------------------------------------------------------- */
.pkp_structure_sidebar .pkp_block:has(.albuchuts-sidebar-menu) {
    margin-bottom: 8px;
}

.pkp_structure_sidebar .pkp_block:has(.albuchuts-sidebar-menu) .content {
    padding: 0 !important;
}

.pkp_structure_sidebar .albuchuts-sidebar-menu {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr);
    grid-auto-rows: 40px;
    gap: 0 !important;
    box-sizing: border-box;
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 13px;
    overflow: hidden;
    background: #163A5F;
}

.pkp_structure_sidebar .albuchuts-sidebar-menu > a {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 40px !important;
    min-height: 0 !important;
    max-height: 40px !important;
    box-sizing: border-box;
    margin: 0 !important;
    padding: 0 8px !important;
    border: none !important;
    border-bottom: 1px solid #ffffff !important;
    border-radius: 0 !important;
    background: #163A5F !important;
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 600;
    line-height: 1.2 !important;
    text-align: center;
    text-decoration: none !important;
    text-transform: uppercase;
}

.pkp_structure_sidebar .albuchuts-sidebar-menu > a:last-child {
    border-bottom: 0 !important;
}

.pkp_structure_sidebar .albuchuts-sidebar-menu > a:hover,
.pkp_structure_sidebar .albuchuts-sidebar-menu > a:focus {
    background: #244C70 !important;
    color: #C8A349 !important;
}

/* Tolerate an occasional extra blank paragraph created by the editor,
   but use the clean HTML shown in the instructions for reliable sizing. */
.pkp_structure_sidebar .albuchuts-sidebar-menu > p,
.pkp_structure_sidebar .albuchuts-sidebar-menu > br {
    display: none !important;
}

@media (max-width: 767px) {
    .pkp_structure_sidebar .albuchuts-sidebar-menu {
        grid-auto-rows: 38px;
    }
    .pkp_structure_sidebar .albuchuts-sidebar-menu > a {
        height: 38px !important;
        max-height: 38px !important;
        font-size: 12px !important;
    }
}

/* ---------------------------------------------------------
   19. LANGUAGE SWITCHER BESIDE SEARCH (v23)
   Circular glossy flags and tighter spacing. The functional
   OJS language links and responsive navigation remain intact.
   --------------------------------------------------------- */
@media (min-width: 992px) {
    .pkp_navigation_primary_wrapper {
        position: relative;
    }

    #navigationPrimary,
    .pkp_navigation_primary {
        position: static;
    }

    #navigationPrimary > li:has(> a[href*="setLocale/en"]),
    .pkp_navigation_primary > li:has(> a[href*="setLocale/en"]),
    #navigationPrimary > li:has(> a[href*="setLocale/id"]),
    .pkp_navigation_primary > li:has(> a[href*="setLocale/id"]) {
        position: absolute;
        top: 0;
        z-index: 3;
        width: auto;
        margin: 0 !important;
        padding: 0 !important;
        list-style: none;
    }

    /* 12px less separation than v22, without moving Search. */
    #navigationPrimary > li:has(> a[href*="setLocale/en"]),
    .pkp_navigation_primary > li:has(> a[href*="setLocale/en"]) {
        right: 177px;
    }

    #navigationPrimary > li:has(> a[href*="setLocale/id"]),
    .pkp_navigation_primary > li:has(> a[href*="setLocale/id"]) {
        right: 117px;
    }

    #navigationPrimary > li > a[href*="setLocale/en"],
    .pkp_navigation_primary > li > a[href*="setLocale/en"],
    #navigationPrimary > li > a[href*="setLocale/id"],
    .pkp_navigation_primary > li > a[href*="setLocale/id"] {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        gap: 4px;
        height: 44px;
        padding: 0 4px !important;
        box-sizing: border-box;
        color: #ffffff !important;
        font-size: 0 !important; /* Keep existing link text accessible in DOM */
        line-height: 1;
        white-space: nowrap;
        text-decoration: none;
    }

    /* Round flags with a subtle reflective sheen and edge highlight. */
    #navigationPrimary > li > a[href*="setLocale/en"]::before,
    .pkp_navigation_primary > li > a[href*="setLocale/en"]::before,
    #navigationPrimary > li > a[href*="setLocale/id"]::before,
    .pkp_navigation_primary > li > a[href*="setLocale/id"]::before {
        content: "";
        display: inline-block;
        flex: 0 0 22px;
        width: 22px;
        height: 22px;
        box-sizing: border-box;
        border-radius: 50%;
        border: 1px solid rgba(255,255,255,.65);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100% 100%, cover;
        box-shadow:
            inset 0 1px 1px rgba(255,255,255,.35),
            0 1px 3px rgba(0,0,0,.20);
    }

    #navigationPrimary > li > a[href*="setLocale/en"]::before,
    .pkp_navigation_primary > li > a[href*="setLocale/en"]::before {
        background-image:
            linear-gradient(to bottom, rgba(255,255,255,.55), rgba(255,255,255,0) 48%),
            url("https://flagcdn.com/w40/gb.png");
    }

    #navigationPrimary > li > a[href*="setLocale/id"]::before,
    .pkp_navigation_primary > li > a[href*="setLocale/id"]::before {
        background-image:
            linear-gradient(to bottom, rgba(255,255,255,.55), rgba(255,255,255,0) 48%),
            url("https://flagcdn.com/w40/id.png");
    }

    #navigationPrimary > li > a[href*="setLocale/en"]::after,
    .pkp_navigation_primary > li > a[href*="setLocale/en"]::after {
        content: "EN";
        font-size: 12px;
        font-weight: 700;
    }

    #navigationPrimary > li > a[href*="setLocale/id"]::after,
    .pkp_navigation_primary > li > a[href*="setLocale/id"]::after {
        content: "ID";
        font-size: 12px;
        font-weight: 700;
    }

    #navigationPrimary > li > a[href*="setLocale/en"]:hover::after,
    #navigationPrimary > li > a[href*="setLocale/id"]:hover::after,
    .pkp_navigation_primary > li > a[href*="setLocale/en"]:hover::after,
    .pkp_navigation_primary > li > a[href*="setLocale/id"]:hover::after {
        color: #C8A349;
    }
}

/* Mobile continues to use the OJS native navigation. */


/* ---------------------------------------------------------
   20. DOI LOGO ON ARTICLE LIST (v24)
   Adds a small DOI logo immediately before each DOI URL.
   --------------------------------------------------------- */

.obj_article_summary a[href*="doi.org"]::before,
.obj_article_summary a[href*="dx.doi.org"]::before {
    content: "";
    display: inline-block;
    width: 28px;
    height: 16px;
    margin-right: 6px;
    vertical-align: -2px;
    background-image: url("https://commons.wikimedia.org/wiki/Special:FilePath/DOI_logo.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.obj_article_summary a[href*="doi.org"],
.obj_article_summary a[href*="dx.doi.org"] {
    display: inline-flex;
    align-items: center;
    gap: 0;
}


/* ---------------------------------------------------------
   21. ACADEMIC ARTICLE CARDS (v25)
   Minimal card styling for a cleaner scholarly article list.
   --------------------------------------------------------- */

.obj_article_summary {
    box-sizing: border-box;
    margin: 0 0 18px !important;
    padding: 18px 20px 20px !important;
    background: #ffffff;
    border: 1px solid #D9DEE8 !important;
    border-left: 4px solid #163A5F !important;
    border-radius: 6px;
    transition:
        background-color .15s ease-in-out,
        border-color .15s ease-in-out;
}

.obj_article_summary:last-child {
    border-bottom: 1px solid #D9DEE8 !important;
}

.obj_article_summary .title {
    margin-bottom: 8px;
}

.obj_article_summary .title a {
    color: #163A5F;
    font-weight: 700;
    line-height: 1.4;
}

.obj_article_summary .authors {
    margin-bottom: 10px;
    color: #333333;
}

.obj_article_summary .pages {
    color: #6b7280;
}

.obj_article_summary:hover {
    background: #F7F8FA;
    border-color: #D9DEE8 !important;
    border-left-color: #163A5F !important;
}

.obj_article_summary .galleys_links,
.obj_article_summary .galley-link,
.obj_article_summary .doi {
    margin-top: 4px;
}

@media (max-width: 767px) {
    .obj_article_summary {
        margin-bottom: 14px !important;
        padding: 15px 14px 17px !important;
        border-left-width: 3px !important;
        border-radius: 5px;
    }
}


/* ---------------------------------------------------------
   22. TIGHTER ARTICLE CARD SPACING (v26)
   Reduces the large vertical whitespace between article cards.
   --------------------------------------------------------- */

/* OJS wraps article summaries in list items; remove its extra spacing */
.obj_issue_toc .articles > li,
.obj_issue_toc .articles > li.obj_article_summary,
.obj_issue_toc .section > ul > li {
    margin-top: 0 !important;
    margin-bottom: 10px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* Keep only a small gap between cards */
.obj_article_summary {
    margin-top: 0 !important;
    margin-bottom: 10px !important;
}

/* Avoid inherited bottom spacing on the last card */
.obj_article_summary:last-child {
    margin-bottom: 0 !important;
}

@media (max-width: 767px) {
    .obj_issue_toc .articles > li,
    .obj_issue_toc .section > ul > li,
    .obj_article_summary {
        margin-bottom: 8px !important;
    }
}
/* ---------------------------------------------------------
   23. SUGGESTED TOOLS SIDEBAR (v27)
   Grammarly, Mendeley, and Turnitin logo cards.
   Designed for 520 × 140 px horizontal transparent images.
   --------------------------------------------------------- */

.pkp_structure_sidebar .albuchuts-suggested-tools {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
    width: 100%;
    margin: 0;
    padding: 0;
}

.pkp_structure_sidebar .albuchuts-suggested-tools .tool-card {
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 100%;
    min-height: 62px;
    padding: 8px 12px;
    background: #ffffff;
    border: 1px solid #D9DEE8;
    border-radius: 6px;
    text-decoration: none;
    transition:
        background-color .15s ease-in-out,
        border-color .15s ease-in-out,
        transform .15s ease-in-out;
}

.pkp_structure_sidebar .albuchuts-suggested-tools .tool-card:hover,
.pkp_structure_sidebar .albuchuts-suggested-tools .tool-card:focus {
    background: #f8fcfe;
    border-color: #163A5F;
    transform: translateY(-1px);
    outline: none;
}

.pkp_structure_sidebar .albuchuts-suggested-tools .tool-card img {
    display: block;
    width: auto;
    height: auto;
    max-width: 175px;
    max-height: 46px;
    margin: 0 auto;
    object-fit: contain;
}

.pkp_structure_sidebar .albuchuts-tools-note {
    margin: 9px 5px 0;
    padding: 0;
    color: #6b7280;
    font-size: 11px;
    font-weight: 400;
    line-height: 1.45;
    text-align: center;
}

@media (max-width: 767px) {
    .pkp_structure_sidebar .albuchuts-suggested-tools .tool-card {
        min-height: 58px;
        padding: 7px 10px;
    }

    .pkp_structure_sidebar .albuchuts-suggested-tools .tool-card img {
        max-width: 165px;
        max-height: 42px;
    }
}

/* ---------------------------------------------------------
   24. RESPONSIVE HEADER FIX (v28)
   On screens <= 767px, the full 1920 × 300 banner is shown
   proportionally instead of being cropped by background-size: cover.
   The desktop and tablet header behavior remains unchanged.
   --------------------------------------------------------- */
/* ---------------------------------------------------------
   25. MOBILE HAMBURGER SAFE AREA (v29)
   Places the OJS mobile menu button in its own white strip
   above the banner so it no longer overlaps the Albuchuts logo.
   Desktop/tablet behavior is unchanged.
   --------------------------------------------------------- */

@media (max-width: 767px) {

    /* Reserve a dedicated row for the hamburger button */
    .pkp_head_wrapper {
        padding-top: 48px !important;
    }

    /* Keep the menu button in the reserved row */
    .pkp_site_nav_toggle {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        z-index: 10001 !important;
        width: 48px !important;
        height: 48px !important;
        margin: 0 !important;
        background: #ffffff !important;
        border: 0 !important;
        border-right: 1px solid #D9DEE8 !important;
        border-bottom: 1px solid #D9DEE8 !important;
        border-radius: 0 0 8px 0 !important;
        box-shadow: none !important;
    }

    /* The banner now starts below the hamburger row */
    .pkp_site_name_wrapper {
        margin-top: 0 !important;
    }
}


/* ---------------------------------------------------------
   26. HOMEPAGE ANNOUNCEMENT CARDS (v31)
   Featured + secondary announcement layout.
   Designed for the native OJS homepage announcement markup.
   --------------------------------------------------------- */

/* Two-column announcement area on desktop */
.pkp_page_index .cmp_announcements {
    display: grid;
    grid-template-columns: minmax(0, 1.55fr) minmax(280px, 0.95fr);
    gap: 16px;
    align-items: stretch;
    box-sizing: border-box;
    width: 100%;
    margin-top: 28px;
    padding: 0;
}

/* Remove native OJS separator lines/pseudo-elements */
.pkp_page_index .cmp_announcements > .obj_announcement_summary:before,
.pkp_page_index .cmp_announcements > .more:before,
.pkp_page_index .cmp_announcements .obj_announcement_summary:before {
    display: none !important;
}

/* Featured announcement */
.pkp_page_index .cmp_announcements > .obj_announcement_summary {
    position: relative;
    box-sizing: border-box;
    width: auto !important;
    min-width: 0;
    height: 100%;
    margin: 0 !important;
    padding: 66px 24px 22px !important;
    background: #ffffff;
    border: 1px solid #D9DEE8 !important;
    border-left: 4px solid #163A5F !important;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(16, 61, 91, .045);
}

/* Secondary announcement container */
.pkp_page_index .cmp_announcements > .more {
    position: relative;
    box-sizing: border-box;
    min-width: 0;
    height: 100%;
    margin: 0 !important;
    padding: 0 !important;
    background: #ffffff;
    border: 1px solid #D9DEE8 !important;
    border-left: 4px solid #163A5F !important;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(16, 61, 91, .045);
    overflow: hidden;
}

/* Make the first secondary item fill its card */
.pkp_page_index .cmp_announcements > .more > .obj_announcement_summary,
.pkp_page_index .cmp_announcements > .more .obj_announcement_summary {
    position: relative;
    box-sizing: border-box;
    height: 100%;
    margin: 0 !important;
    padding: 66px 24px 22px !important;
    border: 0 !important;
    background: transparent !important;
}

/* Reusable badge labels */
.pkp_page_index .cmp_announcements > .obj_announcement_summary::after,
.pkp_page_index .cmp_announcements > .more::after {
    position: absolute;
    top: 22px;
    left: 24px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    box-sizing: border-box;
    padding: 5px 12px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: .35px;
    text-transform: uppercase;
    pointer-events: none;
}

.pkp_page_index .cmp_announcements > .obj_announcement_summary::after {
    content: "FEATURED ANNOUNCEMENT";
    color: #6c5700;
    background: #fff1a8;
}

.pkp_page_index .cmp_announcements > .more::after {
    content: "LATEST ANNOUNCEMENT";
    color: #0E2A47;
    background: #dff3fb;
}

/* Titles */
.pkp_page_index .cmp_announcements .obj_announcement_summary h2,
.pkp_page_index .cmp_announcements .obj_announcement_summary h3,
.pkp_page_index .cmp_announcements .obj_announcement_summary h4,
.pkp_page_index .cmp_announcements .obj_announcement_summary .title {
    margin-top: 0 !important;
    margin-bottom: 10px !important;
    color: #163A5F;
    font-size: 1.06rem;
    font-weight: 700;
    line-height: 1.42;
}

.pkp_page_index .cmp_announcements .obj_announcement_summary h2 a,
.pkp_page_index .cmp_announcements .obj_announcement_summary h3 a,
.pkp_page_index .cmp_announcements .obj_announcement_summary h4 a,
.pkp_page_index .cmp_announcements .obj_announcement_summary .title a {
    color: #163A5F !important;
    text-decoration: none !important;
}

.pkp_page_index .cmp_announcements .obj_announcement_summary h2 a:hover,
.pkp_page_index .cmp_announcements .obj_announcement_summary h3 a:hover,
.pkp_page_index .cmp_announcements .obj_announcement_summary h4 a:hover,
.pkp_page_index .cmp_announcements .obj_announcement_summary .title a:hover {
    color: #0E2A47 !important;
    text-decoration: underline !important;
    text-underline-offset: 3px;
}

/* Date */
.pkp_page_index .cmp_announcements .obj_announcement_summary .date,
.pkp_page_index .cmp_announcements .obj_announcement_summary .published,
.pkp_page_index .cmp_announcements time {
    margin: 0 0 16px !important;
    color: #6b7280 !important;
    font-size: 12.5px !important;
    line-height: 1.4;
}

/* Summary text */
.pkp_page_index .cmp_announcements .obj_announcement_summary .summary,
.pkp_page_index .cmp_announcements .obj_announcement_summary .description {
    color: #2d3338;
    line-height: 1.68;
}

.pkp_page_index .cmp_announcements .obj_announcement_summary .summary p,
.pkp_page_index .cmp_announcements .obj_announcement_summary .description p {
    margin-top: 0;
    margin-bottom: 12px;
}

/* Read more link as a quiet academic CTA */
.pkp_page_index .cmp_announcements .obj_announcement_summary .read_more,
.pkp_page_index .cmp_announcements .obj_announcement_summary a.read_more {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-top: 7px;
    padding: 7px 12px;
    border-radius: 7px;
    color: #163A5F !important;
    background: #e5f5fb;
    font-weight: 700;
    text-decoration: none !important;
    transition: background-color .15s ease-in-out, color .15s ease-in-out;
}

.pkp_page_index .cmp_announcements .obj_announcement_summary .read_more:hover,
.pkp_page_index .cmp_announcements .obj_announcement_summary a.read_more:hover {
    color: #ffffff !important;
    background: #163A5F;
}

/* Keep native lists inside secondary block tidy */
.pkp_page_index .cmp_announcements > .more ul,
.pkp_page_index .cmp_announcements > .more ol {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.pkp_page_index .cmp_announcements > .more li {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

/* Tablet */
@media (max-width: 991px) {
    .pkp_page_index .cmp_announcements {
        grid-template-columns: minmax(0, 1.25fr) minmax(240px, .9fr);
        gap: 12px;
    }

    .pkp_page_index .cmp_announcements > .obj_announcement_summary,
    .pkp_page_index .cmp_announcements > .more .obj_announcement_summary {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .pkp_page_index .cmp_announcements > .obj_announcement_summary::after,
    .pkp_page_index .cmp_announcements > .more::after {
        left: 20px;
    }
}

/* Mobile: stack cards vertically */
@media (max-width: 767px) {
    .pkp_page_index .cmp_announcements {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .pkp_page_index .cmp_announcements > .obj_announcement_summary,
    .pkp_page_index .cmp_announcements > .more {
        width: 100% !important;
        min-height: 0;
    }

    .pkp_page_index .cmp_announcements > .obj_announcement_summary,
    .pkp_page_index .cmp_announcements > .more .obj_announcement_summary {
        padding: 62px 16px 18px !important;
    }

    .pkp_page_index .cmp_announcements > .obj_announcement_summary::after,
    .pkp_page_index .cmp_announcements > .more::after {
        top: 18px;
        left: 16px;
        min-height: 26px;
        padding: 5px 10px;
        font-size: 10px;
    }
}


/* ---------------------------------------------------------
   27. ANNOUNCEMENT WIDTH + READ MORE FIX (v32)
   Full-width announcement block aligned with homepage content.
   Removes the native arrow after the Read More link.
   --------------------------------------------------------- */

/* Force the announcement area to use the full main-content width. */
.pkp_page_index .cmp_announcements {
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1.55fr) minmax(0, .95fr) !important;
    gap: 16px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    float: none !important;
    clear: both !important;
}

/* Neutralize native OJS widths/floats on both announcement columns. */
.pkp_page_index .cmp_announcements > .obj_announcement_summary,
.pkp_page_index .cmp_announcements > .more {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    float: none !important;
}

/* Keep the secondary announcement content within the full card width. */
.pkp_page_index .cmp_announcements > .more > .obj_announcement_summary,
.pkp_page_index .cmp_announcements > .more .obj_announcement_summary {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    float: none !important;
}

/* Remove the native arrow/icon after "Read More / Baca Selengkapnya". */
.pkp_page_index .cmp_announcements .read_more::after,
.pkp_page_index .cmp_announcements a.read_more::after,
.pkp_page_index .cmp_announcements .read_more:after,
.pkp_page_index .cmp_announcements a.read_more:after {
    content: none !important;
    display: none !important;
}

/* Keep the CTA text vertically centered without reserving icon space. */
.pkp_page_index .cmp_announcements .obj_announcement_summary .read_more,
.pkp_page_index .cmp_announcements .obj_announcement_summary a.read_more {
    gap: 0 !important;
    line-height: 1.25 !important;
}

/* Tablet: retain two balanced cards without a hard minimum width. */
@media (max-width: 991px) and (min-width: 768px) {
    .pkp_page_index .cmp_announcements {
        grid-template-columns: minmax(0, 1.35fr) minmax(0, .9fr) !important;
        gap: 12px !important;
    }
}

/* Mobile: one full-width card per row. */
@media (max-width: 767px) {
    .pkp_page_index .cmp_announcements {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 10px !important;
    }
}

/* ---------------------------------------------------------
   26. PRIMARY NAV ACTIVE / FOCUS STATE (v33)
   Replaces the OJS default black active/focus styling.
   --------------------------------------------------------- */

.pkp_navigation_primary > li > a.current,
.pkp_navigation_primary > li.current > a,
.pkp_navigation_primary > li > a[aria-current="page"],
#navigationPrimary > li > a.current,
#navigationPrimary > li.current > a,
#navigationPrimary > li > a[aria-current="page"] {
    background: #0E2A47 !important;
    color: #C8A349 !important;
    box-shadow: none !important;
    border-bottom: 0 !important;
}

.pkp_navigation_primary > li > a:focus,
.pkp_navigation_primary > li > a:active,
#navigationPrimary > li > a:focus,
#navigationPrimary > li > a:active {
    background: #0E2A47 !important;
    color: #C8A349 !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(31, 171, 225, 0.20) !important;
}



/* ---------------------------------------------------------
   27. PRIMARY SUBMISSION BUTTON (v33)
   Formal, prominent CTA distinct from the sidebar menu.
   --------------------------------------------------------- */

.block_make_submission a,
.pkp_structure_sidebar .block_make_submission a {
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 10px;

    min-height: 50px;
    padding: 12px 18px !important;

    background: #0E2A47 !important;
    color: #FFFFFF !important;

    border: 1px solid #0E2A47 !important;
    border-radius: 11px !important;

    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    text-decoration: none !important;
    letter-spacing: 0.1px;

    box-shadow:
        0 4px 12px rgba(23, 77, 112, 0.16),
        inset 0 1px 0 rgba(255,255,255,0.12);

    transition:
        background-color .16s ease-in-out,
        border-color .16s ease-in-out,
        box-shadow .16s ease-in-out,
        transform .16s ease-in-out;
}


/* Hover / focus */
.block_make_submission a:hover,
.block_make_submission a:focus,
.pkp_structure_sidebar .block_make_submission a:hover,
.pkp_structure_sidebar .block_make_submission a:focus {
    background: #0E2A47 !important;
    color: #FFFFFF !important;
    border-color: #0C3148 !important;
    box-shadow:
        0 5px 14px rgba(16, 61, 91, 0.22),
        0 0 0 3px rgba(31, 171, 225, 0.18);
    transform: translateY(-1px);
    outline: none !important;
}


/* Keep spacing distinct from the next sidebar block */
.block_make_submission,
.pkp_structure_sidebar .block_make_submission {
    margin-bottom: 22px !important;
}

@media (max-width: 767px) {
    .block_make_submission a,
    .pkp_structure_sidebar .block_make_submission a {
        min-height: 48px;
        padding: 11px 16px !important;
        border-radius: 10px !important;
        font-size: 13px;
    }
}


/* ---------------------------------------------------------
   28. NAV CLEANUP + SUBMISSION DOCUMENT ICON (v34)
   Removes the stray yellow pseudo-element after dropdown items
   and replaces the submission arrow with a formal document icon.
   --------------------------------------------------------- */

/* Prevent the v33 pseudo-element styling from creating a yellow mark.
   Keep the theme's own dropdown caret behavior untouched where possible. */
.pkp_navigation_primary > li > a::after,
#navigationPrimary > li > a::after {
    background-color: transparent !important;
    border-color: currentColor;
    box-shadow: none !important;
}

/* Submission button: remove any legacy arrow generated by older rules */
.block_make_submission a::after,
.pkp_structure_sidebar .block_make_submission a::after {
    content: none !important;
    display: none !important;
}

/* Small document icon before the label */
.block_make_submission a::before,
.pkp_structure_sidebar .block_make_submission a::before {
    content: "";
    display: inline-block;
    flex: 0 0 17px;
    width: 17px;
    height: 17px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFDB07' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3Cline x1='8' y1='13' x2='16' y2='13'/%3E%3Cline x1='8' y1='17' x2='16' y2='17'/%3E%3C/svg%3E");
}

/* Keep icon crisp on hover/focus */
.block_make_submission a:hover::before,
.block_make_submission a:focus::before,
.pkp_structure_sidebar .block_make_submission a:hover::before,
.pkp_structure_sidebar .block_make_submission a:focus::before {
    opacity: 1;
}


/* ---------------------------------------------------------
   29. REMOVE DROPDOWN MARK AFTER "ABOUT" (v35)
   Completely hides the small dash/caret pseudo-element
   on primary navigation items that contain a submenu.
   --------------------------------------------------------- */

#navigationPrimary > li:has(ul) > a::after,
.pkp_navigation_primary > li:has(ul) > a::after,
#navigationPrimary > li.dropdown > a::after,
.pkp_navigation_primary > li.dropdown > a::after,
#navigationPrimary > li > a.dropdown-toggle::after,
.pkp_navigation_primary > li > a.dropdown-toggle::after {
    content: none !important;
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: none !important;
    box-shadow: none !important;
}


/* ---------------------------------------------------------
   30. FOOTER INNER WIDTH ALIGNMENT (v36)
   Keeps the blue/yellow footer background full-width while
   constraining the footer contents to the journal page width.
   --------------------------------------------------------- */

/* Full-width footer background remains unchanged */
.pkp_structure_footer_wrapper {
    width: 100%;
}

/* Align footer contents with the main journal content */
.pkp_structure_footer {
    box-sizing: border-box;
    width: 100%;
    max-width: 1180px;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 20px;
    padding-right: 20px;
}

/* Existing custom footer content stays inside the same visual grid */
.albuchuts-footer {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

/* Keep PKP/OJS branding aligned within the constrained footer */
.pkp_brand_footer {
    box-sizing: border-box;
}

/* Tablet */
@media (max-width: 1199px) {
    .pkp_structure_footer {
        max-width: calc(100% - 40px);
        padding-left: 16px;
        padding-right: 16px;
    }
}

/* Mobile */
@media (max-width: 767px) {
    .pkp_structure_footer {
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
}


/* ---------------------------------------------------------
   31. COMPACT TWO-COLUMN FOOTER (v37)
   Replaces the old three-column footer with:
   left = journal identity/contact
   right = license + PKP/OJS branding
   --------------------------------------------------------- */

/* Keep full-width journal footer background */
.pkp_structure_footer_wrapper {
    width: 100%;
    background: #163A5F !important;
    border-top: 4px solid #C8A349 !important;
}

/* Compact inner footer area */
.pkp_structure_footer {
    box-sizing: border-box;
    width: 100%;
    max-width: 1180px;
    margin: 0 auto !important;
    padding: 0 20px !important;
    background: transparent !important;
}

/* New custom footer grid */
.albuchuts-footer {
    box-sizing: border-box;
    display: grid !important;
    grid-template-columns: minmax(0, 1.45fr) minmax(280px, .85fr);
    gap: 52px !important;
    align-items: start;
    width: 100%;
    margin: 0 auto !important;
    padding: 28px 0 26px !important;
    color: #ffffff;
    line-height: 1.5;
}

/* Left identity column */
.albuchuts-footer__identity {
    min-width: 0;
}

.albuchuts-footer__brand {
    margin: 0 0 8px;
    color: #C8A349;
    font-size: 34px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.4px;
}

.albuchuts-footer__journal-title {
    margin: 0 0 16px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.4;
}

.albuchuts-footer__address,
.albuchuts-footer__email {
    margin: 0;
    color: #ffffff;
    font-size: 14px;
    line-height: 1.55;
}

.albuchuts-footer__email {
    margin-top: 13px;
}

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

.albuchuts-footer__email a:hover,
.albuchuts-footer__email a:focus {
    color: #C8A349 !important;
    text-decoration: underline;
}

/* Right column: license + OJS/PKP, kept together */
.albuchuts-footer__meta {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.albuchuts-footer__heading {
    margin: 0 0 8px;
    color: #C8A349;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.3;
    text-transform: uppercase;
}

.albuchuts-footer__license {
    margin: 0;
}

.albuchuts-footer__license img {
    display: block;
    width: auto;
    max-width: 112px;
    height: auto;
    margin: 0 0 8px;
}

.albuchuts-footer__license p {
    margin: 0;
    max-width: 330px;
    color: #ffffff;
    font-size: 12.5px;
    line-height: 1.5;
}

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

.albuchuts-footer__license a:hover,
.albuchuts-footer__license a:focus {
    color: #C8A349 !important;
    text-decoration: underline;
}

/* Keep native PKP brand close to the license instead of far at bottom-right */
.pkp_brand_footer {
    box-sizing: border-box;
    margin: 0 !important;
    padding: 0 !important;
    opacity: .96;
    filter: brightness(0) invert(1);
}

.pkp_brand_footer a,
.pkp_brand_footer img {
    display: block;
}

.pkp_brand_footer img {
    width: auto;
    max-width: 150px;
    height: auto;
    margin: 0;
}

/* If PKP wrapper is rendered after the custom footer, keep it compact */
.pkp_structure_footer > .pkp_brand_footer {
    float: none !important;
    clear: none !important;
    width: auto !important;
    max-width: 190px;
    margin: -78px 0 24px auto !important;
}

/* Remove obsolete quick-link structures if old HTML remains temporarily */
.albuchuts-footer__quicklinks,
.albuchuts-footer .quick-links,
.albuchuts-footer .footer-quick-links {
    display: none !important;
}

/* Tablet */
@media (max-width: 991px) {
    .pkp_structure_footer {
        max-width: calc(100% - 32px);
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    .albuchuts-footer {
        grid-template-columns: minmax(0, 1.2fr) minmax(240px, .8fr);
        gap: 32px !important;
        padding-top: 24px !important;
        padding-bottom: 24px !important;
    }

    .albuchuts-footer__brand {
        font-size: 30px;
    }
}

/* Mobile */
@media (max-width: 767px) {
    .pkp_structure_footer {
        max-width: 100%;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .albuchuts-footer {
        grid-template-columns: 1fr;
        gap: 22px !important;
        padding: 22px 0 !important;
    }

    .albuchuts-footer__brand {
        font-size: 28px;
    }

    .albuchuts-footer__license p {
        max-width: none;
    }

    .pkp_structure_footer > .pkp_brand_footer {
        width: auto !important;
        max-width: 160px;
        margin: 0 0 22px !important;
    }
}


/* ---------------------------------------------------------
   32. FOOTER LOGO IMAGE (v38)
   Uses the official Albuchuts logo from Publisher Library.
   --------------------------------------------------------- */

.albuchuts-footer__logo {
    margin: 0 0 10px;
}

.albuchuts-footer__logo img {
    display: block;
    width: auto;
    max-width: 220px;
    max-height: 70px;
    height: auto;
    margin: 0;
    object-fit: contain;
}

/* Hide text-brand fallback when the image logo is used */
.albuchuts-footer__brand {
    display: none !important;
}

@media (max-width: 767px) {
    .albuchuts-footer__logo img {
        max-width: 190px;
        max-height: 62px;
    }
}


/* ---------------------------------------------------------
   33. FINAL COMPACT FOOTER WITHOUT PKP BRANDING (v39)
   Keeps the official yellow Albuchuts logo and removes the
   native OJS/PKP branding block from the footer.
   --------------------------------------------------------- */

/* Remove native PKP/OJS footer branding completely */
.pkp_brand_footer,
.pkp_structure_footer > .pkp_brand_footer {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    max-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Tighten footer height now that PKP branding is removed */
.albuchuts-footer {
    grid-template-columns: minmax(0, 1.35fr) minmax(260px, .75fr);
    gap: 44px !important;
    padding-top: 24px !important;
    padding-bottom: 22px !important;
}

/* Official yellow Albuchuts logo */
.albuchuts-footer__logo {
    margin: 0 0 9px !important;
}

.albuchuts-footer__logo img {
    display: block;
    width: auto;
    max-width: 220px;
    max-height: 70px;
    height: auto;
    margin: 0;
    object-fit: contain;
}

/* Journal title and institutional identity */
.albuchuts-footer__journal-title {
    margin: 0 0 14px !important;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.4;
}

.albuchuts-footer__address,
.albuchuts-footer__email {
    font-size: 13.5px;
    line-height: 1.5;
}

.albuchuts-footer__email {
    margin-top: 10px !important;
}

/* Compact license block */
.albuchuts-footer__meta {
    gap: 0 !important;
}

.albuchuts-footer__license {
    margin: 0 !important;
}

.albuchuts-footer__heading {
    margin-bottom: 8px !important;
}

.albuchuts-footer__license img {
    max-width: 104px !important;
    margin-bottom: 7px !important;
}

.albuchuts-footer__license p {
    max-width: 320px;
    font-size: 12.5px;
    line-height: 1.45;
}

/* Optional copyright line spanning both columns */
.albuchuts-footer__copyright {
    grid-column: 1 / -1;
    margin: 2px 0 0;
    padding-top: 14px;
    border-top: 1px solid rgba(255,255,255,.30);
    color: #ffffff;
    font-size: 12px;
    line-height: 1.45;
    text-align: center;
}

/* Tablet */
@media (max-width: 991px) {
    .albuchuts-footer {
        grid-template-columns: minmax(0, 1.15fr) minmax(230px, .85fr);
        gap: 28px !important;
        padding-top: 22px !important;
        padding-bottom: 20px !important;
    }
}

/* Mobile */
@media (max-width: 767px) {
    .albuchuts-footer {
        grid-template-columns: 1fr;
        gap: 18px !important;
        padding: 20px 0 !important;
    }

    .albuchuts-footer__logo img {
        max-width: 190px;
        max-height: 62px;
    }

    .albuchuts-footer__copyright {
        grid-column: 1;
        margin-top: 0;
        padding-top: 12px;
        text-align: left;
    }
}


/* ---------------------------------------------------------
   34. TIGHTER FOOTER VERTICAL SPACING (v40)
   Reduces the top gap, the spacing around the copyright divider,
   and the bottom whitespace while preserving the approved layout.
   --------------------------------------------------------- */

/* Main two-column footer block: tighter top/bottom spacing */
.albuchuts-footer {
    padding-top: 14px !important;
    padding-bottom: 10px !important;
    row-gap: 14px !important;
}

/* Pull identity/license content slightly closer to the top edge */
.albuchuts-footer__identity,
.albuchuts-footer__meta {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Slightly tighten vertical rhythm inside both columns */
.albuchuts-footer__logo {
    margin-bottom: 6px !important;
}

.albuchuts-footer__journal-title {
    margin-bottom: 10px !important;
}

.albuchuts-footer__email {
    margin-top: 8px !important;
}

.albuchuts-footer__heading {
    margin-top: 0 !important;
    margin-bottom: 6px !important;
}

.albuchuts-footer__license img {
    margin-bottom: 5px !important;
}

/* Copyright divider and text: much more compact */
.albuchuts-footer__copyright {
    margin-top: 0 !important;
    padding-top: 8px !important;
    padding-bottom: 0 !important;
    line-height: 1.3 !important;
}

/* Ensure no extra bottom padding comes from the footer shell */
.pkp_structure_footer,
.pkp_structure_footer_wrapper {
    padding-bottom: 0 !important;
}

/* Tablet */
@media (max-width: 991px) {
    .albuchuts-footer {
        padding-top: 12px !important;
        padding-bottom: 9px !important;
        row-gap: 12px !important;
    }

    .albuchuts-footer__copyright {
        padding-top: 7px !important;
    }
}

/* Mobile */
@media (max-width: 767px) {
    .albuchuts-footer {
        padding-top: 12px !important;
        padding-bottom: 8px !important;
        gap: 14px !important;
    }

    .albuchuts-footer__copyright {
        padding-top: 7px !important;
        margin-top: 0 !important;
    }
}


/* ---------------------------------------------------------
   35. GOOGLE SCHOLAR PROFILE BLOCK (v41)
   Uses the standard sidebar width and journal palette.
   --------------------------------------------------------- */
.pkp_structure_sidebar .albuchuts-scholar {
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 0;
}
.pkp_structure_sidebar .albuchuts-scholar__link {
    display: flex;
    align-items: center;
    gap: 11px;
    box-sizing: border-box;
    padding: 12px 13px;
    background: #fff;
    border: 1px solid #D9DEE8;
    border-left: 4px solid #163A5F;
    border-radius: 7px;
    color: #0E2A47;
    text-decoration: none !important;
    transition: background-color .18s, border-color .18s;
}
.pkp_structure_sidebar .albuchuts-scholar__link:hover,
.pkp_structure_sidebar .albuchuts-scholar__link:focus-visible {
    background: #f5fbff;
    border-color: #163A5F;
    outline: 2px solid #C8A349;
    outline-offset: 2px;
}
.pkp_structure_sidebar .albuchuts-scholar__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 39px;
    width: 39px;
    height: 39px;
    border-radius: 9px;
    background: #F2F4F7;
    color: #12699b;
}
.pkp_structure_sidebar .albuchuts-scholar__icon svg {
    width: 23px;
    height: 23px;
}
.pkp_structure_sidebar .albuchuts-scholar__text {
    display: block;
    min-width: 0;
    line-height: 1.4;
}
.pkp_structure_sidebar .albuchuts-scholar__name {
    display: block;
    color: #0E2A47;
    font-weight: 700;
    font-size: 14px;
}
.pkp_structure_sidebar .albuchuts-scholar__hint {
    display: block;
    margin-top: 2px;
    color: #66717c;
    font-size: 11.5px;
}


/* ---------------------------------------------------------
   36. GOOGLE SCHOLAR ICON COMPATIBILITY FIX (v42)
   Uses a CSS background image because the OJS rich-text
   editor may remove embedded SVG markup on save.
   --------------------------------------------------------- */
.pkp_structure_sidebar .albuchuts-scholar__icon {
    display: inline-flex !important;
    flex: 0 0 39px !important;
    width: 39px !important;
    height: 39px !important;
    min-width: 39px !important;
    min-height: 39px !important;
    background-color: #F2F4F7 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2312699b' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 9l10-5 10 5-10 5L2 9Z'/%3E%3Cpath d='M6 11v5c3.5 3 8.5 3 12 0v-5'/%3E%3Cpath d='M22 9v7'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: 24px 24px !important;
    border-radius: 9px !important;
}


/* 37. SCHOLAR ICON: DIRECT IMAGE ELEMENT (v43)
   A regular img element is more reliable with OJS editor filtering. */
.pkp_structure_sidebar .albuchuts-scholar__link {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 11px !important;
}
.pkp_structure_sidebar .albuchuts-scholar__icon,
.pkp_structure_sidebar .albuchuts-scholar__link > span.albuchuts-scholar__icon {
    display: none !important; /* remove older pseudo-image container */
}
.pkp_structure_sidebar .albuchuts-scholar__image {
    display: block !important;
    flex: 0 0 39px !important;
    width: 39px !important;
    height: 39px !important;
    min-width: 39px !important;
    max-width: 39px !important;
    object-fit: contain !important;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
}


/* ---------------------------------------------------------
   35. EDITORIAL TEAM CARDS (v44)
   Clean, photo-free editorial board layout with academic
   profile links for Scopus, Google Scholar, ORCID, and Web.
   --------------------------------------------------------- */

.albuchuts-editorial-team {
    width: 100%;
    box-sizing: border-box;
}

.editorial-section {
    margin: 0 0 34px;
}

.editorial-section-title {
    margin: 0 0 16px;
    padding: 0 0 8px;

    color: #0E2A47;
    border-bottom: 2px solid #163A5F;

    font-size: 21px;
    font-weight: 700;
    line-height: 1.3;
}

.editorial-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.editorial-grid-single {
    grid-template-columns: minmax(0, 1fr);
    max-width: 620px;
}

.editorial-card {
    box-sizing: border-box;
    min-width: 0;
    padding: 17px 18px;

    background: #ffffff;
    border: 1px solid #D9DEE8;
    border-left: 4px solid #163A5F;
    border-radius: 7px;

    transition:
        background-color .15s ease-in-out,
        border-color .15s ease-in-out;
}

.editorial-card:hover {
    background: #F7F8FA;
    border-color: #D9DEE8;
    border-left-color: #163A5F;
}

.editorial-name {
    margin: 0 0 5px;

    color: #163A5F;

    font-size: 17px;
    font-weight: 700;
    line-height: 1.35;
}

.editorial-affiliation {
    margin: 0 0 14px;

    color: #555f68;

    font-size: 13px;
    line-height: 1.45;
}

.editorial-profiles {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

/* Academic profile button */
.profile-link {
    display: inline-flex;
    align-items: center;
    gap: 5px;

    box-sizing: border-box;
    min-height: 28px;
    padding: 3px 8px 3px 4px;

    background: #f7fafb;
    border: 1px solid #dce5e9;
    border-radius: 5px;

    color: #43515b !important;

    font-size: 11px;
    font-weight: 600;
    line-height: 1;

    text-decoration: none !important;

    transition:
        background-color .15s ease-in-out,
        border-color .15s ease-in-out,
        color .15s ease-in-out;
}

/* Round platform icon */
.profile-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 20px;
    width: 20px;
    height: 20px;

    border-radius: 50%;

    color: #ffffff;

    font-family: Arial, sans-serif;
    font-size: 9px;
    font-weight: 700;
    line-height: 1;
}

.profile-label {
    white-space: nowrap;
}

/* Platform colors */
.profile-scopus .profile-icon {
    background: #e9711c;
}

.profile-scholar .profile-icon {
    background: #4285f4;
}

.profile-orcid .profile-icon {
    background: #a6ce39;
}

.profile-web .profile-icon {
    background: #0E2A47;
}

/* Hover */
a.profile-link:hover,
a.profile-link:focus {
    background: #eef8fc;
    border-color: #163A5F;
    color: #163A5F !important;
}

/* Profiles which are not available yet */
.profile-link.is-disabled {
    opacity: .45;
    cursor: default;
    background: #f5f6f7;
    border-color: #e2e5e7;
}

.profile-link.is-disabled .profile-icon {
    background: #9ca3a8 !important;
}

.profile-link.is-disabled .profile-label {
    color: #7b848b;
}

/* Tablet */
@media (max-width: 991px) {
    .editorial-grid {
        grid-template-columns: 1fr;
    }

    .editorial-grid-single {
        max-width: none;
    }
}

/* Mobile */
@media (max-width: 600px) {
    .editorial-section {
        margin-bottom: 28px;
    }

    .editorial-section-title {
        font-size: 19px;
    }

    .editorial-card {
        padding: 14px;
    }

    .editorial-name {
        font-size: 16px;
    }

    .editorial-affiliation {
        margin-bottom: 12px;
    }

    .editorial-profiles {
        gap: 6px;
    }

    .profile-link {
        min-height: 27px;
        padding-right: 7px;
        font-size: 10.5px;
    }
}


/* ---------------------------------------------------------
   36. EDITORIAL TEAM COMPACT TUNING (v45)
   Makes editorial entries denser and forces single-column
   layout for Editorial Board and other editorial lists.
   --------------------------------------------------------- */

.albuchuts-editorial-team .editorial-grid,
.albuchuts-editorial-team .editorial-grid-single {
    display: grid;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    max-width: none !important;
}

.albuchuts-editorial-team .editorial-card {
    align-self: start;
    height: auto !important;
    min-height: 0 !important;
    padding: 12px 14px !important;
    border-radius: 6px;
}

.albuchuts-editorial-team .editorial-card > *:first-child {
    margin-top: 0 !important;
}

.albuchuts-editorial-team .editorial-card > *:last-child {
    margin-bottom: 0 !important;
}

.albuchuts-editorial-team .editorial-name {
    margin: 0 0 4px !important;
    font-size: 16px;
    line-height: 1.3;
}

.albuchuts-editorial-team .editorial-affiliation {
    margin: 0 0 10px !important;
    font-size: 12.5px;
    line-height: 1.4;
}

.albuchuts-editorial-team .editorial-profiles {
    gap: 6px;
    margin-top: 0 !important;
}

.albuchuts-editorial-team .profile-link {
    min-height: 26px;
    padding: 2px 7px 2px 4px;
}

.albuchuts-editorial-team .profile-icon {
    width: 19px;
    height: 19px;
    flex-basis: 19px;
    font-size: 8.5px;
}

.albuchuts-editorial-team .profile-label {
    font-size: 10.5px;
}

.albuchuts-editorial-team .editorial-section {
    margin-bottom: 24px;
}

.albuchuts-editorial-team .editorial-section-title {
    margin-bottom: 12px;
    padding-bottom: 6px;
}

@media (max-width: 600px) {
    .albuchuts-editorial-team .editorial-card {
        padding: 11px 12px !important;
    }

    .albuchuts-editorial-team .editorial-section {
        margin-bottom: 20px;
    }
}


/* ---------------------------------------------------------
   37. REVIEWERS STATIC PAGE FIX (v46)
   Makes reviewer cards match the compact Editorial Board style.
   --------------------------------------------------------- */

.albuchuts-reviewers {
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.albuchuts-reviewers .editorial-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.albuchuts-reviewers .editorial-card {
    box-sizing: border-box;
    width: 100% !important;
    max-width: none !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 12px 14px !important;

    background: #ffffff;
    border: 1px solid #D9DEE8;
    border-left: 4px solid #163A5F;
    border-radius: 6px;
}

.albuchuts-reviewers .editorial-name {
    margin: 0 0 4px !important;
    padding: 0 !important;
    color: #163A5F;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.3;
}

.albuchuts-reviewers .editorial-affiliation {
    margin: 0 0 10px !important;
    padding: 0 !important;
    color: #555f68;
    font-size: 12.5px;
    line-height: 1.4;
}

.albuchuts-reviewers .editorial-profiles {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
}

.albuchuts-reviewers .profile-link {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 26px !important;
    margin: 0 !important;
    padding: 2px 7px 2px 4px !important;
}

.albuchuts-reviewers .profile-icon {
    width: 19px !important;
    height: 19px !important;
    flex: 0 0 19px !important;
    font-size: 8.5px !important;
}

.albuchuts-reviewers .profile-label {
    font-size: 10.5px !important;
    white-space: nowrap;
}

@media (max-width: 600px) {
    .albuchuts-reviewers .editorial-card {
        padding: 11px 12px !important;
    }

    .albuchuts-reviewers .editorial-profiles {
        gap: 5px !important;
    }
}


/* ---------------------------------------------------------
   38. REVIEWERS FULL-WIDTH COMPACT ROWS (v47)
   Forces reviewer entries on Static Page to match the
   Editorial Board: one full-width compact row per reviewer.
   --------------------------------------------------------- */

.albuchuts-reviewers,
.albuchuts-reviewers.albuchuts-editorial-team {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box;
}

.albuchuts-reviewers > p,
.albuchuts-reviewers > div,
.albuchuts-reviewers .editorial-grid,
.albuchuts-reviewers .editorial-card {
    float: none !important;
    clear: both !important;
}

.albuchuts-reviewers .editorial-grid {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.albuchuts-reviewers .editorial-card {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 0 10px !important;
    padding: 12px 14px !important;
    text-align: left !important;
    background: #ffffff;
    border: 1px solid #D9DEE8 !important;
    border-left: 4px solid #163A5F !important;
    border-radius: 6px !important;
}

.albuchuts-reviewers .editorial-name {
    margin: 0 0 4px !important;
    padding: 0 !important;
    text-align: left !important;
    font-size: 16px !important;
    line-height: 1.3 !important;
}

.albuchuts-reviewers .editorial-affiliation {
    margin: 0 0 9px !important;
    padding: 0 !important;
    text-align: left !important;
    font-size: 12.5px !important;
    line-height: 1.4 !important;
}

.albuchuts-reviewers .editorial-profiles {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 6px !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
}

.albuchuts-reviewers .profile-link {
    display: inline-flex !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 26px !important;
    margin: 0 !important;
    padding: 2px 7px 2px 4px !important;
}

.albuchuts-reviewers p:empty,
.albuchuts-reviewers br:first-child,
.albuchuts-reviewers br:last-child {
    display: none !important;
}

@media (max-width: 600px) {
    .albuchuts-reviewers .editorial-card {
        padding: 11px 12px !important;
        margin-bottom: 8px !important;
    }

    .albuchuts-reviewers .editorial-profiles {
        gap: 5px !important;
    }
}


/* =========================================================
   39. ALBUCHUTS BRAND REFRESH — NAVY / LIGHT GRAY / GOLD (v48)
   Primary Navy : #163A5F
   Deep Navy    : #0E2A47
   Light Gray   : #F2F4F7
   Border Gray  : #D9DEE8
   Accent Gold  : #C8A349
   Dark Text    : #2F3A46
   ========================================================= */

:root {
    --albuchuts-navy: #163A5F;
    --albuchuts-navy-dark: #0E2A47;
    --albuchuts-navy-muted: #244C70;
    --albuchuts-gray-light: #F2F4F7;
    --albuchuts-gray-border: #D9DEE8;
    --albuchuts-gold: #C8A349;
    --albuchuts-text: #2F3A46;
    --albuchuts-white: #FFFFFF;
}

/* General text and links */
body {
    color: var(--albuchuts-text);
}

a {
    color: var(--albuchuts-navy);
}

a:hover,
a:focus {
    color: var(--albuchuts-navy-dark);
}

/* Primary navigation */
.pkp_navigation_primary_wrapper,
#navigationPrimary {
    background-color: var(--albuchuts-navy) !important;
}

.pkp_navigation_primary > li > a,
#navigationPrimary > li > a {
    color: var(--albuchuts-white) !important;
}

.pkp_navigation_primary > li > a:hover,
#navigationPrimary > li > a:hover {
    background: var(--albuchuts-navy-dark) !important;
    color: var(--albuchuts-white) !important;
}

.pkp_navigation_primary > li > a.current,
.pkp_navigation_primary > li.current > a,
.pkp_navigation_primary > li > a[aria-current="page"],
#navigationPrimary > li > a.current,
#navigationPrimary > li.current > a,
#navigationPrimary > li > a[aria-current="page"] {
    background: var(--albuchuts-navy-dark) !important;
    color: var(--albuchuts-gold) !important;
}

/* Submission CTA */
.block_make_submission a,
.pkp_structure_sidebar .block_make_submission a {
    background: var(--albuchuts-navy-dark) !important;
    border-color: var(--albuchuts-navy-dark) !important;
    color: var(--albuchuts-white) !important;
    box-shadow: 0 4px 12px rgba(14, 42, 71, .16);
}

.block_make_submission a:hover,
.block_make_submission a:focus,
.pkp_structure_sidebar .block_make_submission a:hover,
.pkp_structure_sidebar .block_make_submission a:focus {
    background: var(--albuchuts-navy) !important;
    border-color: var(--albuchuts-navy) !important;
    box-shadow:
        0 5px 14px rgba(14, 42, 71, .20),
        0 0 0 3px rgba(200, 163, 73, .16);
}

/* Sidebar menu */
.albuchuts-sidebar-menu a {
    background: var(--albuchuts-navy) !important;
    color: var(--albuchuts-white) !important;
    border-color: rgba(255,255,255,.35) !important;
}

.albuchuts-sidebar-menu a:hover,
.albuchuts-sidebar-menu a:focus {
    background: var(--albuchuts-navy-dark) !important;
    color: var(--albuchuts-gold) !important;
}

/* Sidebar / block headings */
.pkp_structure_sidebar .title,
.pkp_structure_sidebar h2,
.albuchuts-sidebar-title,
.albuchuts-tools-title,
.albuchuts-academic-visibility-title {
    background: var(--albuchuts-navy) !important;
    color: var(--albuchuts-gold) !important;
}

/* Academic Visibility */
.albuchuts-scholar,
.albuchuts-academic-visibility {
    border-color: var(--albuchuts-gray-border) !important;
    border-left-color: var(--albuchuts-navy) !important;
    background: var(--albuchuts-white) !important;
}

/* Announcement cards */
.pkp_page_index .cmp_announcements > .obj_announcement_summary,
.pkp_page_index .cmp_announcements > .more {
    border-color: var(--albuchuts-gray-border) !important;
    border-left-color: var(--albuchuts-navy) !important;
    background: var(--albuchuts-white) !important;
}

.pkp_page_index .cmp_announcements .obj_announcement_summary h3 a,
.pkp_page_index .cmp_announcements .obj_announcement_summary h4 a {
    color: var(--albuchuts-navy) !important;
}

.pkp_page_index .cmp_announcements .obj_announcement_summary h3 a:hover,
.pkp_page_index .cmp_announcements .obj_announcement_summary h4 a:hover {
    color: var(--albuchuts-navy-dark) !important;
}

.pkp_page_index .cmp_announcements .read_more,
.pkp_page_index .cmp_announcements .obj_announcement_summary .read_more {
    background: var(--albuchuts-gray-light) !important;
    color: var(--albuchuts-navy) !important;
    border-color: var(--albuchuts-gray-border) !important;
}

.pkp_page_index .cmp_announcements .read_more:hover,
.pkp_page_index .cmp_announcements .read_more:focus {
    background: var(--albuchuts-navy) !important;
    color: var(--albuchuts-white) !important;
}

/* Editorial Team / Reviewers */
.editorial-section-title {
    color: var(--albuchuts-navy-dark) !important;
    border-bottom-color: var(--albuchuts-navy) !important;
}

.editorial-card,
.albuchuts-reviewers .editorial-card {
    background: var(--albuchuts-white) !important;
    border-color: var(--albuchuts-gray-border) !important;
    border-left-color: var(--albuchuts-navy) !important;
}

.editorial-card:hover,
.albuchuts-reviewers .editorial-card:hover {
    background: #F7F8FA !important;
}

.editorial-name,
.albuchuts-reviewers .editorial-name {
    color: var(--albuchuts-navy) !important;
}

.editorial-affiliation,
.albuchuts-reviewers .editorial-affiliation {
    color: #5F6975 !important;
}

.profile-link {
    background: var(--albuchuts-gray-light) !important;
    border-color: var(--albuchuts-gray-border) !important;
    color: var(--albuchuts-text) !important;
}

a.profile-link:hover,
a.profile-link:focus {
    background: #E9EDF2 !important;
    border-color: var(--albuchuts-navy) !important;
    color: var(--albuchuts-navy-dark) !important;
}

/* Suggested tools */
.albuchuts-suggested-tools .tool-card {
    background: var(--albuchuts-white) !important;
    border-color: var(--albuchuts-gray-border) !important;
}

.albuchuts-suggested-tools .tool-card:hover {
    background: var(--albuchuts-gray-light) !important;
    border-color: var(--albuchuts-navy) !important;
}

/* Footer */
.pkp_structure_footer_wrapper {
    background: var(--albuchuts-navy-dark) !important;
    border-top-color: var(--albuchuts-gold) !important;
}

.albuchuts-footer__heading {
    color: var(--albuchuts-gold) !important;
}

.albuchuts-footer,
.albuchuts-footer a,
.albuchuts-footer__journal-title,
.albuchuts-footer__address,
.albuchuts-footer__email,
.albuchuts-footer__copyright {
    color: var(--albuchuts-white) !important;
}

.albuchuts-footer a:hover,
.albuchuts-footer a:focus {
    color: var(--albuchuts-gold) !important;
}

.albuchuts-footer__copyright {
    border-top-color: rgba(217, 222, 232, .28) !important;
}

/* Divider and form focus treatment */
hr,
.pkp_form .section,
.cmp_notification {
    border-color: var(--albuchuts-gray-border);
}

input:focus,
textarea:focus,
select:focus,
button:focus {
    outline-color: var(--albuchuts-gold);
}

/* Keep gold restrained: use only for accents */
::selection {
    background: rgba(200, 163, 73, .28);
    color: var(--albuchuts-text);
}


/* ---------------------------------------------------------
   40. SEARCH ICON + LABEL WHITE (v49)
   Keeps the search control readable on the new navy navbar.
   --------------------------------------------------------- */

.pkp_navigation_search_wrapper a,
.pkp_navigation_search_wrapper a:link,
.pkp_navigation_search_wrapper a:visited,
.pkp_nav_list .search_prompt,
.pkp_nav_list .search_prompt:link,
.pkp_nav_list .search_prompt:visited {
    color: #FFFFFF !important;
}

.pkp_navigation_search_wrapper a::before,
.pkp_nav_list .search_prompt::before,
.pkp_navigation_search_wrapper .fa,
.pkp_navigation_search_wrapper .fas,
.pkp_navigation_search_wrapper .far,
.pkp_navigation_search_wrapper .glyphicon {
    color: #FFFFFF !important;
}

/* SVG-based search icons */
.pkp_navigation_search_wrapper svg,
.pkp_nav_list .search_prompt svg {
    fill: #FFFFFF !important;
    stroke: #FFFFFF !important;
}

.pkp_navigation_search_wrapper svg *,
.pkp_nav_list .search_prompt svg * {
    fill: #FFFFFF !important;
    stroke: #FFFFFF !important;
}

/* Hover / focus stay clean and visible */
.pkp_navigation_search_wrapper a:hover,
.pkp_navigation_search_wrapper a:focus,
.pkp_nav_list .search_prompt:hover,
.pkp_nav_list .search_prompt:focus {
    color: #FFFFFF !important;
    background: transparent !important;
    outline: none !important;
    box-shadow: none !important;
}


/* ---------------------------------------------------------
   41. HEADER SAFETY OVERRIDE (v52)
   --------------------------------------------------------- */
.pkp_site_name_wrapper::before,
.pkp_site_name_wrapper::after {
    content: none !important;
    display: none !important;
}

.pkp_head_wrapper {
    background: #F2F4F7 !important;
}

@media (max-width: 767px) {
    .pkp_site_name > a {
        padding-top: 15.637% !important;
    }
}


/* ---------------------------------------------------------
   42. CRITICAL HEADER FIX (v53)
   In this OJS theme, .is_img is the <a> element itself.
   Keep it visible; hide only the old <img>.
   --------------------------------------------------------- */

.pkp_site_name > a.is_img {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;

    width: 100% !important;
    height: 0 !important;
    padding-top: 15.637% !important;

    background-image: url("https://journal.uns.ac.id/index.php/albuchuts/libraryFiles/downloadPublic/42") !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: contain !important;
    background-color: #F2F4F7 !important;

    overflow: hidden !important;
    text-indent: -9999px !important;
    white-space: nowrap !important;
}

/* Hide only the previous OJS header image */
.pkp_site_name > a.is_img > img {
    display: none !important;
}


/* ---------------------------------------------------------
   43. UNIFIED WHITE PAGE BACKGROUND (v54)
   Make the header shell and journal content sit on the same
   clean white background.
   --------------------------------------------------------- */

html,
body,
.pkp_structure_page,
.pkp_structure_head,
.pkp_head_wrapper,
.pkp_site_name_wrapper,
.pkp_site_name,
.pkp_structure_content,
.pkp_structure_main,
.pkp_structure_sidebar {
    background-color: #FFFFFF !important;
}

/* The header artwork itself should not add a gray strip around it */
.pkp_site_name > a.is_img {
    background-color: #FFFFFF !important;
}

/* Remove any shadow/gray separator that can visually tint the header area */
.pkp_structure_head,
.pkp_head_wrapper,
.pkp_site_name_wrapper {
    box-shadow: none !important;
}

/* Keep the navy navigation unchanged */
.pkp_navigation_primary_wrapper,
#navigationPrimary,
.pkp_site_nav_menu {
    background-color: #163A5F !important;
}


/* ---------------------------------------------------------
   44. TYPOGRAPHY SYSTEM — LORA (v56)
   One-font system for a cohesive literary-academic identity.
   --------------------------------------------------------- */

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

:root {
    --albuchuts-font-main: "Lora", Georgia, "Times New Roman", serif;
}

/* Apply Lora consistently across the journal */
html,
body,
button,
input,
select,
textarea,
label,
table,
.pkp_structure_page,
.pkp_structure_head,
.pkp_head_wrapper,
.pkp_site_name_wrapper,
.pkp_site_nav_menu,
.pkp_navigation_primary,
.pkp_navigation_primary a,
.pkp_navigation_user,
.pkp_navigation_user a,
.pkp_navigation_search_wrapper,
.pkp_navigation_search_wrapper a,
.pkp_structure_content,
.pkp_structure_main,
.pkp_structure_sidebar,
.pkp_structure_main p,
.pkp_structure_main li,
.pkp_structure_main blockquote,
.pkp_page_index,
.pkp_page_article,
.pkp_page_about,
.pkp_page_issue,
.pkp_page_search,
.block_make_submission,
.block_make_submission a,
.albuchuts-sidebar-menu,
.albuchuts-sidebar-menu a,
.pkp_structure_sidebar .title,
.pkp_structure_sidebar h2,
.albuchuts-sidebar-title,
.albuchuts-tools-title,
.albuchuts-academic-visibility-title,
.profile-link,
.read_more,
.cmp_button,
.cmp_form,
.cmp_notification,
.pkp_button,
.obj_article_summary,
.obj_issue_toc,
.cmp_announcements,
.editorial-card,
.albuchuts-reviewers,
.albuchuts-footer {
    font-family: var(--albuchuts-font-main) !important;
}

/* Heading hierarchy */
h1,
h2,
h3,
h4,
h5,
h6,
.page_title,
.current_issue_title,
.obj_issue_toc .title,
.obj_article_summary .title,
.article_title,
.editorial-section-title,
.editorial-name {
    font-family: var(--albuchuts-font-main) !important;
    font-weight: 600 !important;
}

/* Main text */
.pkp_structure_main p,
.pkp_structure_main li,
.obj_article_summary,
.cmp_announcements .obj_announcement_summary p {
    font-weight: 400 !important;
    line-height: 1.7;
}

/* Navigation and interface */
.pkp_navigation_primary > li > a,
#navigationPrimary > li > a,
.albuchuts-sidebar-menu a,
.block_make_submission a,
.pkp_structure_sidebar .title,
.pkp_structure_sidebar h2,
.profile-link,
.read_more {
    font-weight: 600 !important;
}

/* Metadata stays slightly lighter */
.obj_article_summary .meta,
.obj_article_summary .authors,
.obj_article_summary .pages,
.obj_article_summary .published,
.obj_issue_toc .published,
.article_metadata,
.galleys,
.citations,
.doi,
.published,
.date,
.label,
.subtitle,
.editorial-affiliation,
.albuchuts-reviewers .editorial-affiliation {
    font-family: var(--albuchuts-font-main) !important;
    font-weight: 400 !important;
}

/* Reading comfort */
.pkp_structure_main h1,
.pkp_structure_main h2,
.pkp_structure_main h3 {
    line-height: 1.3;
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}


/* ---------------------------------------------------------
   45. HOMEPAGE ABOUT — JOURNAL IDENTITY CARDS (v57)
   --------------------------------------------------------- */

.albuchuts-home-about {
    margin: 0;
    padding: 0;
    color: #2F3A46;
}

.albuchuts-home-about .about-intro {
    margin: 0 0 1.4rem;
    font-family: var(--albuchuts-font-main, "Lora", Georgia, serif) !important;
    font-size: 1.02rem;
    line-height: 1.7;
}

.albuchuts-home-about .journal-info-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin: 0 0 1.35rem;
}

.albuchuts-home-about .journal-info-card {
    position: relative;
    background: #FFFFFF;
    border: 1px solid #D9DEE8;
    border-left: 4px solid #163A5F;
    border-radius: 10px;
    padding: 14px 16px;
    box-sizing: border-box;
    box-shadow: 0 2px 8px rgba(14, 42, 71, 0.045);
}

.albuchuts-home-about .journal-info-card.accent {
    border-left-color: #C8A349;
}

.albuchuts-home-about .journal-info-label {
    display: block;
    margin-bottom: 5px;
    font-family: var(--albuchuts-font-main, "Lora", Georgia, serif) !important;
    font-size: 0.77rem;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 0.055em;
    text-transform: uppercase;
    color: #163A5F;
}

.albuchuts-home-about .journal-info-card.accent .journal-info-label {
    color: #8A6A1F;
}

.albuchuts-home-about .journal-info-value {
    display: block;
    font-family: var(--albuchuts-font-main, "Lora", Georgia, serif) !important;
    font-size: 0.98rem;
    font-weight: 500;
    line-height: 1.5;
    color: #2F3A46;
}

.albuchuts-home-about .about-scope {
    margin: 0;
    padding: 14px 16px;
    background: #F7F8FA;
    border: 1px solid #E2E6EC;
    border-radius: 10px;
    font-family: var(--albuchuts-font-main, "Lora", Georgia, serif) !important;
    font-size: 0.98rem;
    line-height: 1.7;
}

.albuchuts-home-about .about-scope strong {
    color: #163A5F;
    font-weight: 700;
}

.albuchuts-home-about .about-read-more {
    margin: 1.1rem 0 0;
}

.albuchuts-home-about .about-read-more a {
    display: inline-block;
    padding: 9px 15px;
    border: 1px solid #163A5F;
    border-radius: 8px;
    background: #163A5F;
    color: #FFFFFF !important;
    font-family: var(--albuchuts-font-main, "Lora", Georgia, serif) !important;
    font-size: 0.9rem;
    font-weight: 600;
    line-height: 1.2;
    text-decoration: none !important;
    transition: background .18s ease, border-color .18s ease, color .18s ease;
}

.albuchuts-home-about .about-read-more a:hover,
.albuchuts-home-about .about-read-more a:focus {
    background: #0E2A47;
    border-color: #0E2A47;
    color: #C8A349 !important;
}

@media (max-width: 767px) {
    .albuchuts-home-about .journal-info-grid {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .albuchuts-home-about .journal-info-card {
        padding: 12px 14px;
    }

    .albuchuts-home-about .about-intro,
    .albuchuts-home-about .about-scope {
        font-size: 0.96rem;
    }
}


/* ---------------------------------------------------------
   46. HOMEPAGE ABOUT CARD FIX (v58)
   OJS preserved the inner classes but removed the outer
   .albuchuts-home-about wrapper. Target .homepage_about
   directly so the card layout is applied.
   --------------------------------------------------------- */

.homepage_about .about-intro {
    margin: 0 0 1.4rem !important;
    font-family: var(--albuchuts-font-main, "Lora", Georgia, serif) !important;
    font-size: 1.02rem !important;
    line-height: 1.7 !important;
}

.homepage_about .journal-info-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
    margin: 0 0 1.35rem !important;
}

.homepage_about .journal-info-card {
    display: block !important;
    position: relative !important;
    box-sizing: border-box !important;
    background: #FFFFFF !important;
    border: 1px solid #D9DEE8 !important;
    border-left: 4px solid #163A5F !important;
    border-radius: 10px !important;
    padding: 14px 16px !important;
    box-shadow: 0 2px 8px rgba(14, 42, 71, 0.045) !important;
}

.homepage_about .journal-info-card.accent {
    border-left-color: #C8A349 !important;
}

.homepage_about .journal-info-label {
    display: block !important;
    margin-bottom: 5px !important;
    font-family: var(--albuchuts-font-main, "Lora", Georgia, serif) !important;
    font-size: 0.77rem !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    letter-spacing: 0.055em !important;
    text-transform: uppercase !important;
    color: #163A5F !important;
}

.homepage_about .journal-info-card.accent .journal-info-label {
    color: #8A6A1F !important;
}

.homepage_about .journal-info-value {
    display: block !important;
    font-family: var(--albuchuts-font-main, "Lora", Georgia, serif) !important;
    font-size: 0.98rem !important;
    font-weight: 500 !important;
    line-height: 1.5 !important;
    color: #2F3A46 !important;
}

.homepage_about .about-scope {
    margin: 0 !important;
    padding: 14px 16px !important;
    background: #F7F8FA !important;
    border: 1px solid #E2E6EC !important;
    border-radius: 10px !important;
    font-family: var(--albuchuts-font-main, "Lora", Georgia, serif) !important;
    font-size: 0.98rem !important;
    line-height: 1.7 !important;
}

.homepage_about .about-scope strong {
    color: #163A5F !important;
    font-weight: 700 !important;
}

.homepage_about .about-read-more {
    margin: 1.1rem 0 0 !important;
}

.homepage_about .about-read-more a {
    display: inline-block !important;
    padding: 9px 15px !important;
    border: 1px solid #163A5F !important;
    border-radius: 8px !important;
    background: #163A5F !important;
    color: #FFFFFF !important;
    font-family: var(--albuchuts-font-main, "Lora", Georgia, serif) !important;
    font-size: 0.9rem !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
}

.homepage_about .about-read-more a:hover,
.homepage_about .about-read-more a:focus {
    background: #0E2A47 !important;
    border-color: #0E2A47 !important;
    color: #C8A349 !important;
}

@media (max-width: 767px) {
    .homepage_about .journal-info-grid {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }

    .homepage_about .journal-info-card {
        padding: 12px 14px !important;
    }

    .homepage_about .about-intro,
    .homepage_about .about-scope {
        font-size: 0.96rem !important;
    }
}


/* ---------------------------------------------------------
   47. HOMEPAGE JOURNAL IDENTITY — EDITORIAL STYLE (v59)
   Cleaner, flatter, and more varied than card boxes.
   --------------------------------------------------------- */

/* Hide the automatic OJS homepage heading */
.homepage_about > h2 {
    display: none !important;
}

/* Remove the old intro paragraph if it still exists temporarily */
.homepage_about .about-intro {
    display: none !important;
}

/* Main identity block */
.homepage_about .journal-info-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0 !important;
    margin: 0 0 1.4rem !important;
    background: #FFFFFF !important;
    border-top: 3px solid #163A5F !important;
    border-bottom: 1px solid #D9DEE8 !important;
}

/* Flat editorial rows instead of rounded cards */
.homepage_about .journal-info-card {
    position: relative !important;
    display: block !important;
    min-height: 86px !important;
    padding: 18px 20px 17px 22px !important;
    background: #FFFFFF !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    border-bottom: 1px solid #E6E9EE !important;
}

/* Vertical separator between columns */
.homepage_about .journal-info-card:nth-child(odd) {
    border-right: 1px solid #E6E9EE !important;
}

/* Small gold editorial marker */
.homepage_about .journal-info-card::before {
    content: "" !important;
    position: absolute !important;
    top: 22px !important;
    left: 0 !important;
    width: 5px !important;
    height: 24px !important;
    background: #C8A349 !important;
}

/* Keep special cards subtle, not boxed */
.homepage_about .journal-info-card.accent {
    background: #FBFAF6 !important;
}

.homepage_about .journal-info-card.accent::before {
    background: #C8A349 !important;
}

.homepage_about .journal-info-label {
    display: block !important;
    margin: 0 0 6px !important;
    font-family: var(--albuchuts-font-main, "Lora", Georgia, serif) !important;
    font-size: 0.72rem !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    color: #163A5F !important;
}

.homepage_about .journal-info-value {
    display: block !important;
    margin: 0 !important;
    font-family: var(--albuchuts-font-main, "Lora", Georgia, serif) !important;
    font-size: 1rem !important;
    font-weight: 500 !important;
    line-height: 1.45 !important;
    color: #2F3A46 !important;
}

/* Give ISSN a slightly stronger visual identity */
.homepage_about .journal-info-card:first-child .journal-info-value {
    font-size: 1.08rem !important;
    font-weight: 600 !important;
    color: #0E2A47 !important;
}

/* Focus becomes a restrained editorial highlight */
.homepage_about .about-scope {
    position: relative !important;
    margin: 0 0 1.15rem !important;
    padding: 18px 20px 18px 24px !important;
    background: #F6F8FA !important;
    border: 0 !important;
    border-left: 3px solid #C8A349 !important;
    border-radius: 0 !important;
    font-family: var(--albuchuts-font-main, "Lora", Georgia, serif) !important;
    font-size: 0.98rem !important;
    line-height: 1.72 !important;
    color: #2F3A46 !important;
}

.homepage_about .about-scope strong {
    color: #0E2A47 !important;
    font-weight: 700 !important;
}

/* Read more as understated text-link with gold rule */
.homepage_about .about-read-more {
    margin: 0 !important;
}

.homepage_about .about-read-more a {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 0 0 5px !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 2px solid #C8A349 !important;
    border-radius: 0 !important;
    color: #163A5F !important;
    font-family: var(--albuchuts-font-main, "Lora", Georgia, serif) !important;
    font-size: 0.92rem !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    text-decoration: none !important;
}

.homepage_about .about-read-more a::after {
    content: "→" !important;
    color: #C8A349 !important;
    font-size: 1rem !important;
    transition: transform .18s ease;
}

.homepage_about .about-read-more a:hover,
.homepage_about .about-read-more a:focus {
    color: #0E2A47 !important;
    background: transparent !important;
}

.homepage_about .about-read-more a:hover::after,
.homepage_about .about-read-more a:focus::after {
    transform: translateX(3px);
}

/* Mobile */
@media (max-width: 767px) {
    .homepage_about .journal-info-grid {
        grid-template-columns: 1fr !important;
    }

    .homepage_about .journal-info-card {
        min-height: auto !important;
        padding: 15px 16px 14px 20px !important;
        border-right: 0 !important;
    }

    .homepage_about .journal-info-card:nth-child(odd) {
        border-right: 0 !important;
    }

    .homepage_about .journal-info-card::before {
        top: 18px !important;
        height: 22px !important;
    }

    .homepage_about .about-scope {
        padding: 16px 17px 16px 20px !important;
    }
}


/* ---------------------------------------------------------
   48. JOURNAL SUMMARY — COMPACT SINGLE PANEL (v60)
   Based on selected mockup #4
   --------------------------------------------------------- */

/* Hide default homepage section title */
.homepage_about > h2 {
    display: none !important;
}

/* Remove legacy summary layouts if still present */
.homepage_about .journal-info-grid,
.homepage_about .about-intro,
.homepage_about .about-scope,
.homepage_about .about-read-more {
    display: none !important;
}

/* Main summary panel */
.homepage_about .albuchuts-journal-summary {
    width: 100%;
    margin: 0;
    padding: 0;
    background: #FFFFFF;
    border: 1px solid #D9DEE8;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(14, 42, 71, 0.04);
}

/* Each metadata row */
.homepage_about .albuchuts-journal-summary .summary-row {
    display: grid;
    grid-template-columns: 52px 210px minmax(0, 1fr);
    align-items: center;
    gap: 0;
    min-height: 76px;
    padding: 13px 20px;
    border-bottom: 1px solid #E7EAF0;
    box-sizing: border-box;
}

.homepage_about .albuchuts-journal-summary .summary-row:last-child {
    border-bottom: 0;
}

/* Icon column */
.homepage_about .summary-icon {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 40px;
    min-width: 40px;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 0; /* hide emoji text */
    color: #C8A349;
}

/* Line icons made with Font Awesome already available in OJS */
.homepage_about .summary-icon::before {
    display: inline-block;
    width: 32px;
    text-align: center;
    font-family: FontAwesome;
    font-size: 26px;
    font-weight: normal;
    line-height: 1;
    color: #C8A349;
}

/* Journal Title */
.homepage_about .summary-row:nth-child(1) .summary-icon::before {
    content: "\f02d"; /* book */
}

/* ISSN */
.homepage_about .summary-row:nth-child(2) .summary-icon::before {
    content: "\f15c"; /* file-text */
}

/* Publication Frequency */
.homepage_about .summary-row:nth-child(3) .summary-icon::before {
    content: "\f073"; /* calendar */
}

/* Publisher */
.homepage_about .summary-row:nth-child(4) .summary-icon::before {
    content: "\f19c"; /* university */
}

/* Languages */
.homepage_about .summary-row:nth-child(5) .summary-icon::before {
    content: "\f0ac"; /* globe */
}

/* Focus */
.homepage_about .summary-row:nth-child(6) .summary-icon::before {
    content: "\f140"; /* bullseye */
}

/* Label column */
.homepage_about .summary-label {
    padding-right: 18px;
    font-family: var(--albuchuts-font-main, "Lora", Georgia, serif) !important;
    font-size: 0.88rem;
    font-weight: 700;
    line-height: 1.35;
    color: #163A5F;
}

/* Value column */
.homepage_about .summary-value {
    padding-left: 24px;
    border-left: 1px solid #D9DEE8;
    font-family: var(--albuchuts-font-main, "Lora", Georgia, serif) !important;
    font-size: 1.02rem;
    font-weight: 400;
    line-height: 1.55;
    color: #2F3A46;
}

/* Stronger hierarchy for journal title and ISSN */
.homepage_about .summary-row:nth-child(1) .summary-value {
    font-size: 1.08rem;
    font-weight: 600;
    color: #0E2A47;
}

.homepage_about .summary-row:nth-child(2) .summary-value {
    font-size: 1.06rem;
    font-weight: 600;
    color: #0E2A47;
}

/* Focus row gets a subtle background */
.homepage_about .summary-focus {
    align-items: start !important;
    background: #F7F8FA !important;
}

.homepage_about .summary-focus .summary-icon {
    padding-top: 7px;
}

.homepage_about .summary-focus .summary-label {
    padding-top: 4px;
    color: #8A6A1F;
}

.homepage_about .summary-focus .summary-value {
    font-size: 0.96rem;
    line-height: 1.7;
}

/* Hover is intentionally subtle */
.homepage_about .albuchuts-journal-summary .summary-row {
    transition: background-color .15s ease;
}

.homepage_about .albuchuts-journal-summary .summary-row:hover {
    background-color: #FBFCFD;
}

.homepage_about .albuchuts-journal-summary .summary-focus:hover {
    background-color: #F7F8FA;
}

/* Tablet */
@media (max-width: 991px) {
    .homepage_about .albuchuts-journal-summary .summary-row {
        grid-template-columns: 44px 180px minmax(0, 1fr);
        padding: 12px 16px;
    }

    .homepage_about .summary-value {
        padding-left: 18px;
    }
}

/* Mobile */
@media (max-width: 767px) {
    .homepage_about .albuchuts-journal-summary {
        border-radius: 8px;
    }

    .homepage_about .albuchuts-journal-summary .summary-row {
        grid-template-columns: 38px minmax(0, 1fr);
        grid-template-areas:
            "icon label"
            "icon value";
        column-gap: 8px;
        row-gap: 3px;
        min-height: auto;
        padding: 13px 14px;
        align-items: start;
    }

    .homepage_about .summary-icon {
        grid-area: icon;
        width: 32px;
        min-width: 32px;
        padding-top: 2px;
    }

    .homepage_about .summary-icon::before {
        width: 28px;
        font-size: 22px;
    }

    .homepage_about .summary-label {
        grid-area: label;
        padding: 0;
        font-size: 0.76rem;
    }

    .homepage_about .summary-value {
        grid-area: value;
        padding: 0;
        border-left: 0;
        font-size: 0.94rem;
        line-height: 1.5;
    }

    .homepage_about .summary-row:nth-child(1) .summary-value,
    .homepage_about .summary-row:nth-child(2) .summary-value {
        font-size: 0.98rem;
    }

    .homepage_about .summary-focus .summary-value {
        font-size: 0.91rem;
        line-height: 1.6;
    }
}


/* ---------------------------------------------------------
   49. JOURNAL SUMMARY TABLE MODE (v61)
   Styles the plain 2-column table entered through the OJS
   visual editor so it appears like the selected compact design.
   --------------------------------------------------------- */

/* Hide the automatic homepage section title */
.homepage_about > h2 {
    display: none !important;
}

/* Target only the table inside homepage About/Journal Summary */
.homepage_about table {
    width: 100% !important;
    margin: 0 !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    table-layout: fixed !important;
    background: #FFFFFF !important;
    border: 1px solid #D9DEE8 !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    box-shadow: 0 2px 10px rgba(14, 42, 71, 0.04) !important;
}

/* Remove normal table header styling if editor creates one */
.homepage_about table thead {
    display: none !important;
}

/* Rows */
.homepage_about table tbody tr,
.homepage_about table tr {
    position: relative !important;
    background: #FFFFFF !important;
}

.homepage_about table tbody tr:hover,
.homepage_about table tr:hover {
    background: #FBFCFD !important;
}

/* Cells */
.homepage_about table td {
    position: relative !important;
    box-sizing: border-box !important;
    vertical-align: middle !important;
    padding: 18px 20px !important;
    border: 0 !important;
    border-bottom: 1px solid #E7EAF0 !important;
    font-family: var(--albuchuts-font-main, "Lora", Georgia, serif) !important;
    line-height: 1.5 !important;
}

/* Last row: no bottom divider */
.homepage_about table tr:last-child td {
    border-bottom: 0 !important;
}

/* Left column = label */
.homepage_about table td:first-child {
    width: 235px !important;
    padding-left: 72px !important;
    padding-right: 18px !important;
    border-right: 1px solid #D9DEE8 !important;
    color: #163A5F !important;
    font-size: 0.88rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.01em !important;
}

/* Right column = value */
.homepage_about table td:last-child {
    padding-left: 24px !important;
    color: #2F3A46 !important;
    font-size: 1.02rem !important;
    font-weight: 400 !important;
}

/* Add simple line icons using Font Awesome already present in OJS */
.homepage_about table td:first-child::before {
    position: absolute !important;
    left: 22px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 32px !important;
    text-align: center !important;
    font-family: FontAwesome !important;
    font-size: 25px !important;
    font-weight: normal !important;
    line-height: 1 !important;
    color: #C8A349 !important;
}

/* Row 1: Journal Title */
.homepage_about table tr:nth-child(1) td:first-child::before {
    content: "\f02d"; /* book */
}

/* Row 2: ISSN */
.homepage_about table tr:nth-child(2) td:first-child::before {
    content: "\f15c"; /* file-text */
}

/* Row 3: Publication Frequency */
.homepage_about table tr:nth-child(3) td:first-child::before {
    content: "\f073"; /* calendar */
}

/* Row 4: Publisher */
.homepage_about table tr:nth-child(4) td:first-child::before {
    content: "\f19c"; /* university */
}

/* Row 5: Languages */
.homepage_about table tr:nth-child(5) td:first-child::before {
    content: "\f0ac"; /* globe */
}

/* Row 6: Focus */
.homepage_about table tr:nth-child(6) td:first-child::before {
    content: "\f140"; /* bullseye */
}

/* Stronger treatment for Journal Title and ISSN */
.homepage_about table tr:nth-child(1) td:last-child {
    color: #0E2A47 !important;
    font-size: 1.08rem !important;
    font-weight: 600 !important;
}

.homepage_about table tr:nth-child(2) td:last-child {
    color: #0E2A47 !important;
    font-size: 1.06rem !important;
    font-weight: 600 !important;
}

/* Focus row */
.homepage_about table tr:nth-child(6) td {
    background: #F7F8FA !important;
}

.homepage_about table tr:nth-child(6) td:first-child {
    color: #8A6A1F !important;
}

.homepage_about table tr:nth-child(6) td:last-child {
    font-size: 0.96rem !important;
    line-height: 1.7 !important;
}

/* Tablet */
@media (max-width: 991px) {
    .homepage_about table td:first-child {
        width: 205px !important;
        padding-left: 64px !important;
    }

    .homepage_about table td:last-child {
        padding-left: 18px !important;
    }
}

/* Mobile: stack label above value within each row */
@media (max-width: 767px) {
    .homepage_about table {
        border-radius: 8px !important;
    }

    .homepage_about table,
    .homepage_about table tbody,
    .homepage_about table tr,
    .homepage_about table td {
        display: block !important;
        width: 100% !important;
    }

    .homepage_about table tr {
        padding: 12px 14px 12px 52px !important;
        border-bottom: 1px solid #E7EAF0 !important;
        background: #FFFFFF !important;
        box-sizing: border-box !important;
    }

    .homepage_about table tr:last-child {
        border-bottom: 0 !important;
    }

    .homepage_about table td {
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
    }

    .homepage_about table td:first-child {
        margin-bottom: 3px !important;
        padding: 0 !important;
        border-right: 0 !important;
        font-size: 0.76rem !important;
    }

    .homepage_about table td:last-child {
        padding: 0 !important;
        font-size: 0.94rem !important;
        line-height: 1.5 !important;
    }

    .homepage_about table td:first-child::before {
        left: -38px !important;
        top: 7px !important;
        transform: none !important;
        width: 28px !important;
        font-size: 22px !important;
    }

    .homepage_about table tr:nth-child(1) td:last-child,
    .homepage_about table tr:nth-child(2) td:last-child {
        font-size: 0.98rem !important;
    }

    .homepage_about table tr:nth-child(6) {
        background: #F7F8FA !important;
    }

    .homepage_about table tr:nth-child(6) td:last-child {
        font-size: 0.91rem !important;
        line-height: 1.6 !important;
    }
}


/* ---------------------------------------------------------
   50. JOURNAL SUMMARY REFINEMENT (v62)
   - no icons
   - equal label/value font size
   - Focus label navy
   - tighter space below navigation
   --------------------------------------------------------- */

/* Reduce the large white gap between navbar and Journal Summary */
.pkp_page_index .pkp_structure_main {
    padding-top: 10px !important;
}

.pkp_page_index .homepage_about {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Remove all summary icons */
.homepage_about table td:first-child::before {
    content: none !important;
    display: none !important;
}

/* Left column: clean text-only label */
.homepage_about table td:first-child {
    width: 255px !important;
    padding: 16px 22px !important;
    border-right: 1px solid #D9DEE8 !important;
    color: #163A5F !important;
    font-family: var(--albuchuts-font-main, "Lora", Georgia, serif) !important;
    font-size: 1.02rem !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    line-height: 1.5 !important;
}

/* Right column: same font size as labels */
.homepage_about table td:last-child {
    padding: 16px 26px !important;
    color: #2F3A46 !important;
    font-family: var(--albuchuts-font-main, "Lora", Georgia, serif) !important;
    font-size: 1.02rem !important;
    font-weight: 400 !important;
    line-height: 1.55 !important;
}

/* Keep Journal Title and ISSN prominent by weight only, not size */
.homepage_about table tr:nth-child(1) td:last-child,
.homepage_about table tr:nth-child(2) td:last-child {
    color: #0E2A47 !important;
    font-size: 1.02rem !important;
    font-weight: 600 !important;
}

/* Focus label uses the same navy as all other labels */
.homepage_about table tr:nth-child(6) td:first-child {
    color: #163A5F !important;
}

/* Focus text also follows the same base size */
.homepage_about table tr:nth-child(6) td:last-child {
    font-size: 1.02rem !important;
    line-height: 1.65 !important;
}

/* Slightly more compact row rhythm */
.homepage_about table td {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
}

/* Mobile adjustments */
@media (max-width: 767px) {
    .pkp_page_index .pkp_structure_main {
        padding-top: 6px !important;
    }

    .homepage_about table tr {
        padding: 12px 14px !important;
    }

    .homepage_about table td:first-child {
        width: 100% !important;
        margin-bottom: 4px !important;
        padding: 0 !important;
        border-right: 0 !important;
        font-size: 0.94rem !important;
    }

    .homepage_about table td:last-child,
    .homepage_about table tr:nth-child(1) td:last-child,
    .homepage_about table tr:nth-child(2) td:last-child,
    .homepage_about table tr:nth-child(6) td:last-child {
        padding: 0 !important;
        font-size: 0.94rem !important;
    }
}


/* ---------------------------------------------------------
   51. SUBMISSION BUTTON REFINEMENT (v63)
   - align top with Journal Summary
   - match sidebar menu width/height
   - use current antique-gold accent
   --------------------------------------------------------- */

/* Align sidebar's first block with the top of Journal Summary */
.pkp_page_index .pkp_structure_sidebar {
    padding-top: 10px !important;
}

/* Keep the submission block aligned to the same inner width
   as the other sidebar blocks */
.pkp_structure_sidebar .block_make_submission {
    box-sizing: border-box !important;
    width: 100% !important;
    margin-top: 0 !important;
    margin-bottom: 18px !important;
    padding: 0 5px 5px !important;
}

/* Make the button dimensions match sidebar menu/header boxes */
.block_make_submission a,
.pkp_structure_sidebar .block_make_submission a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 9px !important;

    box-sizing: border-box !important;
    width: 100% !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;

    margin: 0 !important;
    padding: 0 10px !important;

    border: 0 !important;
    border-radius: 13px !important;

    background: #0E2A47 !important;
    color: #FFFFFF !important;

    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    text-align: center !important;
    text-decoration: none !important;

    box-shadow: 0 4px 12px rgba(14, 42, 71, 0.14) !important;
}

/* Document icon in the new antique-gold palette */
.block_make_submission a::before,
.pkp_structure_sidebar .block_make_submission a::before {
    content: "" !important;
    display: inline-block !important;
    flex: 0 0 17px !important;
    width: 17px !important;
    height: 17px !important;

    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C8A349' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3Cline x1='8' y1='13' x2='16' y2='13'/%3E%3Cline x1='8' y1='17' x2='16' y2='17'/%3E%3C/svg%3E") !important;
}

/* Hover/focus remains restrained */
.block_make_submission a:hover,
.block_make_submission a:focus,
.pkp_structure_sidebar .block_make_submission a:hover,
.pkp_structure_sidebar .block_make_submission a:focus {
    background: #163A5F !important;
    color: #FFFFFF !important;
    box-shadow:
        0 4px 12px rgba(14, 42, 71, 0.18),
        0 0 0 3px rgba(200, 163, 73, 0.12) !important;
}

/* Mobile: retain compact proportions */
@media (max-width: 767px) {
    .pkp_page_index .pkp_structure_sidebar {
        padding-top: 6px !important;
    }

    .block_make_submission a,
    .pkp_structure_sidebar .block_make_submission a {
        height: 38px !important;
        min-height: 38px !important;
        max-height: 38px !important;
        padding: 0 8px !important;
        border-radius: 12px !important;
        font-size: 13px !important;
    }
}


/* ---------------------------------------------------------
   52. SUBMISSION BUTTON WIDTH FIX (v64)
   Match the exact usable width of the sidebar menu block.
   The outer .pkp_block already provides the sidebar inset,
   so remove the second 5px inset from .block_make_submission.
   --------------------------------------------------------- */

.pkp_structure_sidebar .block_make_submission,
.block_make_submission {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Make anchor fill the complete available block width */
.pkp_structure_sidebar .block_make_submission > a,
.block_make_submission > a {
    display: flex !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Keep the same 13px outer radius as the sidebar menu */
.pkp_structure_sidebar .block_make_submission > a {
    border-radius: 13px !important;
}


/* ---------------------------------------------------------
   53. ANNOUNCEMENT DIVIDER CLEANUP (v65)
   Remove redundant horizontal separator rules around
   the announcement cards section.
   --------------------------------------------------------- */

/* Remove top/bottom borders or rules around the announcements container */
.pkp_page_index .cmp_announcements,
.pkp_page_index .homepage_announcements,
.pkp_page_index #homepageAnnouncements {
    border-top: 0 !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
}

/* Remove generated divider lines */
.pkp_page_index .cmp_announcements::before,
.pkp_page_index .cmp_announcements::after,
.pkp_page_index .homepage_announcements::before,
.pkp_page_index .homepage_announcements::after,
.pkp_page_index #homepageAnnouncements::before,
.pkp_page_index #homepageAnnouncements::after {
    content: none !important;
    display: none !important;
    border: 0 !important;
}

/* Remove horizontal rules immediately around announcement section */
.pkp_page_index .cmp_announcements + hr,
.pkp_page_index hr + .cmp_announcements,
.pkp_page_index .homepage_announcements + hr,
.pkp_page_index hr + .homepage_announcements,
.pkp_page_index #homepageAnnouncements + hr,
.pkp_page_index hr + #homepageAnnouncements {
    display: none !important;
}

/* Some OJS themes use section borders on neighboring homepage blocks */
.pkp_page_index .homepage_about {
    border-bottom: 0 !important;
}

.pkp_page_index .homepage_announcements {
    border-top: 0 !important;
    border-bottom: 0 !important;
}

/* Remove duplicate separator before Current Issue */
.pkp_page_index .homepage_announcements + .current_issue,
.pkp_page_index .homepage_announcements + section,
.pkp_page_index .cmp_announcements + .current_issue {
    border-top: 0 !important;
}


/* ---------------------------------------------------------
   54. ANNOUNCEMENT LAYOUT REPAIR (v66)
   Restore the two-card grid after divider cleanup.
   --------------------------------------------------------- */

/* Keep the announcement section itself as a clean two-column grid */
.pkp_page_index .cmp_announcements {
    display: grid !important;
    grid-template-columns: minmax(0, 1.55fr) minmax(0, .95fr) !important;
    grid-template-rows: auto !important;
    gap: 16px !important;
    align-items: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 28px 0 0 !important;
    padding: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* OJS inserts an anchor and heading before the cards.
   Remove them from grid flow so they cannot occupy grid cells. */
.pkp_page_index .cmp_announcements > #homepageAnnouncements {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    white-space: nowrap !important;
}

.pkp_page_index .cmp_announcements > h2 {
    display: none !important;
}

/* Explicitly place the two visible announcement cards */
.pkp_page_index .cmp_announcements > .obj_announcement_summary {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
}

.pkp_page_index .cmp_announcements > .more {
    grid-column: 2 !important;
    grid-row: 1 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
}

/* Restore card styling only; no outer separator lines */
.pkp_page_index .cmp_announcements > .obj_announcement_summary,
.pkp_page_index .cmp_announcements > .more {
    border: 1px solid #D9DEE8 !important;
    border-left: 4px solid #163A5F !important;
    border-radius: 8px !important;
    background: #FFFFFF !important;
    box-shadow: 0 2px 8px rgba(14, 42, 71, 0.045) !important;
}

/* Remove only section-level divider borders around announcements */
.pkp_page_index .cmp_announcements {
    border-top: 0 !important;
    border-bottom: 0 !important;
}

.pkp_page_index .current_issue {
    border-top: 0 !important;
}

/* Do not suppress clearfix/pseudo-elements globally.
   Keep only card-specific pseudo-elements from the earlier design. */
.pkp_page_index .cmp_announcements::before,
.pkp_page_index .cmp_announcements::after {
    display: table !important;
    content: "" !important;
}

.pkp_page_index .cmp_announcements::after {
    clear: both !important;
}

/* Desktop/tablet card alignment */
@media (max-width: 991px) and (min-width: 768px) {
    .pkp_page_index .cmp_announcements {
        grid-template-columns: minmax(0, 1.35fr) minmax(0, .9fr) !important;
        gap: 12px !important;
    }
}

/* Mobile: stack the cards in the proper order */
@media (max-width: 767px) {
    .pkp_page_index .cmp_announcements {
        grid-template-columns: 1fr !important;
        grid-template-rows: auto auto !important;
        gap: 10px !important;
    }

    .pkp_page_index .cmp_announcements > .obj_announcement_summary {
        grid-column: 1 !important;
        grid-row: 1 !important;
    }

    .pkp_page_index .cmp_announcements > .more {
        grid-column: 1 !important;
        grid-row: 2 !important;
    }
}


/* ---------------------------------------------------------
   55. JOURNAL SUMMARY COMPACT + DOI ROW (v67)
   - tighter vertical rhythm
   - DOI row directly below ISSN
   - Focus is now row 7
   --------------------------------------------------------- */

/* More compact table rows */
.homepage_about table td {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

/* Left column labels */
.homepage_about table td:first-child {
    padding: 10px 22px !important;
    font-size: 1.00rem !important;
    line-height: 1.35 !important;
}

/* Right column values */
.homepage_about table td:last-child {
    padding: 10px 26px !important;
    font-size: 1.00rem !important;
    line-height: 1.45 !important;
}

/* Journal Title */
.homepage_about table tr:nth-child(1) td:last-child {
    font-size: 1.00rem !important;
    font-weight: 600 !important;
    color: #0E2A47 !important;
}

/* ISSN */
.homepage_about table tr:nth-child(2) td:last-child {
    font-size: 1.00rem !important;
    font-weight: 600 !important;
    color: #0E2A47 !important;
}

/* DOI row */
.homepage_about table tr:nth-child(3) td:first-child {
    color: #163A5F !important;
}

.homepage_about table tr:nth-child(3) td:last-child {
    font-size: 1.00rem !important;
    font-weight: 400 !important;
}

/* DOI link styling */
.homepage_about table tr:nth-child(3) td:last-child a {
    color: #163A5F !important;
    text-decoration: none !important;
    border-bottom: 1px solid rgba(200, 163, 73, 0.65) !important;
}

.homepage_about table tr:nth-child(3) td:last-child a:hover,
.homepage_about table tr:nth-child(3) td:last-child a:focus {
    color: #0E2A47 !important;
    border-bottom-color: #C8A349 !important;
}

/* Focus is now row 7 */
.homepage_about table tr:nth-child(6) td {
    background: #FFFFFF !important;
}

.homepage_about table tr:nth-child(6) td:first-child {
    color: #163A5F !important;
}

.homepage_about table tr:nth-child(7) td {
    background: #F7F8FA !important;
}

.homepage_about table tr:nth-child(7) td:first-child {
    color: #163A5F !important;
}

.homepage_about table tr:nth-child(7) td:last-child {
    font-size: 1.00rem !important;
    line-height: 1.55 !important;
}

/* Slightly tighter overall summary panel */
.homepage_about table {
    margin-bottom: 0 !important;
}

/* Mobile */
@media (max-width: 767px) {
    .homepage_about table tr {
        padding: 9px 12px !important;
    }

    .homepage_about table td:first-child {
        font-size: 0.92rem !important;
        margin-bottom: 2px !important;
    }

    .homepage_about table td:last-child,
    .homepage_about table tr:nth-child(1) td:last-child,
    .homepage_about table tr:nth-child(2) td:last-child,
    .homepage_about table tr:nth-child(3) td:last-child,
    .homepage_about table tr:nth-child(7) td:last-child {
        font-size: 0.92rem !important;
        line-height: 1.45 !important;
    }
}


/* ---------------------------------------------------------
   56. JOURNAL TITLE HEADER FIX (v68)
   OJS editor saved the first row as <thead><th>, while an
   older rule hid <thead>. Restore it and style it like rows.
   --------------------------------------------------------- */

/* Restore the first row containing Journal Title */
.homepage_about table thead {
    display: table-header-group !important;
}

.homepage_about table thead tr {
    display: table-row !important;
    background: #FFFFFF !important;
}

.homepage_about table thead th {
    display: table-cell !important;
    box-sizing: border-box !important;
    vertical-align: middle !important;
    padding: 10px 22px !important;
    border: 0 !important;
    border-bottom: 1px solid #E7EAF0 !important;
    font-family: var(--albuchuts-font-main, "Lora", Georgia, serif) !important;
    font-size: 1.00rem !important;
    line-height: 1.35 !important;
}

/* Journal Title label */
.homepage_about table thead th:first-child {
    width: 255px !important;
    border-right: 1px solid #D9DEE8 !important;
    color: #163A5F !important;
    font-weight: 600 !important;
    text-align: left !important;
}

/* Journal Title value */
.homepage_about table thead th:last-child {
    padding-left: 26px !important;
    color: #0E2A47 !important;
    font-weight: 600 !important;
    text-align: left !important;
}

/* Correct tbody row targeting after OJS moved Journal Title into THEAD */
.homepage_about table tbody tr:nth-child(1) td:last-child {
    color: #0E2A47 !important;
    font-size: 1.00rem !important;
    font-weight: 600 !important;
}

/* DOI is tbody row 2 */
.homepage_about table tbody tr:nth-child(2) td:last-child {
    font-size: 1.00rem !important;
    font-weight: 400 !important;
    color: #2F3A46 !important;
}

.homepage_about table tbody tr:nth-child(2) td:last-child a {
    color: #163A5F !important;
    text-decoration: none !important;
    border-bottom: 1px solid rgba(200, 163, 73, 0.65) !important;
}

.homepage_about table tbody tr:nth-child(2) td:last-child a:hover,
.homepage_about table tbody tr:nth-child(2) td:last-child a:focus {
    color: #0E2A47 !important;
    border-bottom-color: #C8A349 !important;
}

/* Focus is tbody row 6 */
.homepage_about table tbody tr:nth-child(6) td {
    background: #F7F8FA !important;
}

.homepage_about table tbody tr:nth-child(6) td:first-child {
    color: #163A5F !important;
}

.homepage_about table tbody tr:nth-child(6) td:last-child {
    font-size: 1.00rem !important;
    line-height: 1.55 !important;
}

/* Undo incorrect old focus targeting on nonexistent tbody row 7 */
.homepage_about table tr:nth-child(7) td {
    background: inherit !important;
}

/* Mobile */
@media (max-width: 767px) {
    .homepage_about table thead,
    .homepage_about table thead tr,
    .homepage_about table thead th {
        display: block !important;
        width: 100% !important;
    }

    .homepage_about table thead tr {
        padding: 9px 12px !important;
        border-bottom: 1px solid #E7EAF0 !important;
        box-sizing: border-box !important;
    }

    .homepage_about table thead th {
        padding: 0 !important;
        border: 0 !important;
    }

    .homepage_about table thead th:first-child {
        margin-bottom: 2px !important;
        font-size: 0.92rem !important;
    }

    .homepage_about table thead th:last-child {
        font-size: 0.92rem !important;
        line-height: 1.45 !important;
    }
}


/* =========================================================
   57. CURRENT ISSUE — EDITORIAL COVER SHOWCASE (v69)
   Selected direction: Option A
   ========================================================= */

/* Section spacing */
.pkp_page_index .current_issue {
    margin-top: 34px !important;
    padding-top: 0 !important;
    border-top: 0 !important;
}

/* Main section heading */
.pkp_page_index .current_issue > h2 {
    margin: 0 0 12px !important;
    padding: 0 !important;
    border: 0 !important;
    font-family: var(--albuchuts-font-main, "Lora", Georgia, serif) !important;
    font-size: 1.85rem !important;
    line-height: 1.2 !important;
    font-weight: 600 !important;
    color: #0E2A47 !important;
}

/* Issue headline block */
.pkp_page_index .current_issue_title {
    position: relative !important;
    margin: 0 !important;
    padding: 26px 34px 10px 300px !important;
    min-height: 96px !important;
    box-sizing: border-box !important;

    background:
        linear-gradient(135deg, #F7F8FA 0%, #FFFFFF 62%, #F8F6EF 100%) !important;
    border: 1px solid #D9DEE8 !important;
    border-bottom: 0 !important;
    border-radius: 14px 14px 0 0 !important;

    font-family: var(--albuchuts-font-main, "Lora", Georgia, serif) !important;
    font-size: 1.55rem !important;
    line-height: 1.3 !important;
    font-weight: 600 !important;
    color: #163A5F !important;
}

/* Small editorial kicker */
.pkp_page_index .current_issue_title::before {
    content: "LATEST ISSUE" !important;
    display: block !important;
    margin-bottom: 8px !important;
    font-size: 0.72rem !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    letter-spacing: 0.14em !important;
    color: #9A7626 !important;
}

/* Hero continuation */
.pkp_page_index .current_issue .obj_issue_toc > .heading {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 230px minmax(0, 1fr) !important;
    column-gap: 34px !important;
    align-items: start !important;

    margin: 0 !important;
    padding: 6px 34px 28px 34px !important;
    min-height: 260px !important;

    background:
        linear-gradient(135deg, #F7F8FA 0%, #FFFFFF 62%, #F8F6EF 100%) !important;
    border: 1px solid #D9DEE8 !important;
    border-top: 0 !important;
    border-radius: 0 0 14px 14px !important;
    box-shadow: 0 4px 16px rgba(14, 42, 71, .06) !important;
    box-sizing: border-box !important;
}

/* Cover */
.pkp_page_index .current_issue .obj_issue_toc > .heading .cover {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    margin: -88px 0 0 0 !important;
    width: 230px !important;
    align-self: start !important;
    z-index: 2 !important;
}

.pkp_page_index .current_issue .obj_issue_toc > .heading .cover img {
    display: block !important;
    width: 100% !important;
    max-width: 230px !important;
    height: auto !important;
    margin: 0 !important;
    border: 1px solid #D9DEE8 !important;
    border-radius: 3px !important;
    box-shadow: 0 10px 24px rgba(14, 42, 71, .12) !important;
}

/* Published date */
.pkp_page_index .current_issue .obj_issue_toc > .heading .published {
    grid-column: 2 !important;
    grid-row: 1 !important;
    display: flex !important;
    align-items: baseline !important;
    gap: 8px !important;
    margin: 2px 0 0 !important;
    padding: 0 !important;
    font-family: var(--albuchuts-font-main, "Lora", Georgia, serif) !important;
    color: #5B6672 !important;
}

.pkp_page_index .current_issue .obj_issue_toc > .heading .published .label {
    font-size: 0.82rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.03em !important;
    color: #66717E !important;
}

.pkp_page_index .current_issue .obj_issue_toc > .heading .published .value {
    font-size: 1rem !important;
    font-weight: 600 !important;
    color: #163A5F !important;
}

/* Give the hero some visual breathing room to the right */
.pkp_page_index .current_issue .obj_issue_toc > .heading::after {
    content: "" !important;
    position: absolute !important;
    right: 22px !important;
    bottom: 18px !important;
    width: 120px !important;
    height: 120px !important;
    opacity: .035 !important;
    border: 2px solid #C8A349 !important;
    border-radius: 50% !important;
    pointer-events: none !important;
}

/* =========================================================
   ARTICLES — compact editorial rows
   ========================================================= */

.pkp_page_index .current_issue .sections {
    margin-top: 30px !important;
}

.pkp_page_index .current_issue .section > h3 {
    margin: 0 0 14px !important;
    padding: 0 0 9px !important;
    border-bottom: 1px solid #D9DEE8 !important;
    font-family: var(--albuchuts-font-main, "Lora", Georgia, serif) !important;
    font-size: 1.55rem !important;
    line-height: 1.2 !important;
    font-weight: 600 !important;
    color: #163A5F !important;
}

.pkp_page_index .current_issue .cmp_article_list {
    counter-reset: alb-current-article !important;
    margin: 0 !important;
    padding: 0 !important;
}

.pkp_page_index .current_issue .cmp_article_list > li {
    counter-increment: alb-current-article !important;
    list-style: none !important;
    margin: 0 0 10px !important;
    padding: 0 !important;
    border: 0 !important;
}

/* Article row */
.pkp_page_index .current_issue .obj_article_summary {
    display: grid !important;
    grid-template-columns: 54px minmax(0, 1fr) 125px minmax(190px, 245px) !important;
    grid-template-rows: auto auto !important;
    column-gap: 18px !important;
    row-gap: 5px !important;
    align-items: center !important;

    margin: 0 !important;
    padding: 14px 18px !important;
    min-height: 76px !important;

    background: #FFFFFF !important;
    border: 1px solid #D9DEE8 !important;
    border-radius: 9px !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
}

/* Number medallion */
.pkp_page_index .current_issue .obj_article_summary::before {
    content: counter(alb-current-article, decimal-leading-zero) !important;
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 38px !important;
    height: 38px !important;
    border-radius: 50% !important;
    background: #F2F4F7 !important;

    font-family: var(--albuchuts-font-main, "Lora", Georgia, serif) !important;
    font-size: 0.82rem !important;
    font-weight: 600 !important;
    color: #163A5F !important;
}

/* Article title */
.pkp_page_index .current_issue .obj_article_summary .title {
    grid-column: 2 !important;
    grid-row: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

.pkp_page_index .current_issue .obj_article_summary .title a {
    font-family: var(--albuchuts-font-main, "Lora", Georgia, serif) !important;
    font-size: 0.98rem !important;
    line-height: 1.32 !important;
    font-weight: 600 !important;
    color: #163A5F !important;
    text-decoration: none !important;
}

.pkp_page_index .current_issue .obj_article_summary .title a:hover,
.pkp_page_index .current_issue .obj_article_summary .title a:focus {
    color: #0E2A47 !important;
    text-decoration: underline !important;
    text-decoration-color: #C8A349 !important;
    text-underline-offset: 3px !important;
}

/* Author + pages */
.pkp_page_index .current_issue .obj_article_summary .meta {
    grid-column: 2 !important;
    grid-row: 2 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.pkp_page_index .current_issue .obj_article_summary .authors {
    font-family: var(--albuchuts-font-main, "Lora", Georgia, serif) !important;
    font-size: 0.84rem !important;
    line-height: 1.4 !important;
    color: #66717E !important;
}

.pkp_page_index .current_issue .obj_article_summary .pages {
    flex: 0 0 auto !important;
    font-family: var(--albuchuts-font-main, "Lora", Georgia, serif) !important;
    font-size: 0.82rem !important;
    color: #66717E !important;
}

/* Galley / PDF */
.pkp_page_index .current_issue .obj_article_summary .galleys_links {
    grid-column: 3 !important;
    grid-row: 1 / span 2 !important;
    align-self: center !important;
    justify-self: stretch !important;

    margin: 0 !important;
    padding: 0 0 0 14px !important;
    border-left: 1px solid #E2E6EC !important;
    list-style: none !important;
}

.pkp_page_index .current_issue .obj_article_summary .galleys_links li {
    margin: 0 !important;
    padding: 0 !important;
}

.pkp_page_index .current_issue .obj_article_summary .obj_galley_link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 34px !important;
    margin: 0 !important;
    padding: 7px 10px !important;

    background: #F7F8FA !important;
    border: 1px solid #D9DEE8 !important;
    border-radius: 7px !important;

    font-family: var(--albuchuts-font-main, "Lora", Georgia, serif) !important;
    font-size: 0.78rem !important;
    line-height: 1.25 !important;
    font-weight: 600 !important;
    color: #163A5F !important;
    text-decoration: none !important;
    text-transform: none !important;
}

/* DOI */
.pkp_page_index .current_issue .obj_article_summary .item.doi {
    grid-column: 4 !important;
    grid-row: 1 / span 2 !important;
    align-self: center !important;

    margin: 0 !important;
    padding: 0 0 0 16px !important;
    border-left: 1px solid #E2E6EC !important;

    font-family: var(--albuchuts-font-main, "Lora", Georgia, serif) !important;
    font-size: 0 !important; /* hide literal "DOI:" label */
    line-height: 1.35 !important;
}

.pkp_page_index .current_issue .obj_article_summary .item.doi::before {
    content: "doi" !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 28px !important;
    height: 28px !important;
    margin-right: 8px !important;
    border-radius: 50% !important;
    background: #C8A349 !important;
    color: #FFFFFF !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 0.72rem !important;
    font-weight: 700 !important;
    vertical-align: middle !important;
}

.pkp_page_index .current_issue .obj_article_summary .item.doi a {
    display: inline !important;
    font-family: var(--albuchuts-font-main, "Lora", Georgia, serif) !important;
    font-size: 0.78rem !important;
    color: #163A5F !important;
    text-decoration: none !important;
    border-bottom: 1px solid rgba(200, 163, 73, .55) !important;
    overflow-wrap: anywhere !important;
}

/* View all issues button */
.pkp_page_index .current_issue > .read_more {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin: 20px 0 0 !important;
    padding: 9px 16px !important;

    background: #163A5F !important;
    border: 1px solid #163A5F !important;
    border-radius: 8px !important;

    font-family: var(--albuchuts-font-main, "Lora", Georgia, serif) !important;
    font-size: 0.88rem !important;
    font-weight: 600 !important;
    color: #FFFFFF !important;
    text-decoration: none !important;
}

.pkp_page_index .current_issue > .read_more:hover,
.pkp_page_index .current_issue > .read_more:focus {
    background: #0E2A47 !important;
    border-color: #0E2A47 !important;
    color: #C8A349 !important;
}

/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 1100px) {
    .pkp_page_index .current_issue_title {
        padding-left: 255px !important;
    }

    .pkp_page_index .current_issue .obj_issue_toc > .heading {
        grid-template-columns: 190px minmax(0, 1fr) !important;
        column-gap: 28px !important;
    }

    .pkp_page_index .current_issue .obj_issue_toc > .heading .cover {
        width: 190px !important;
    }

    .pkp_page_index .current_issue .obj_issue_toc > .heading .cover img {
        max-width: 190px !important;
    }

    .pkp_page_index .current_issue .obj_article_summary {
        grid-template-columns: 48px minmax(0, 1fr) 110px minmax(165px, 210px) !important;
        column-gap: 12px !important;
    }
}

@media (max-width: 767px) {
    .pkp_page_index .current_issue {
        margin-top: 24px !important;
    }

    .pkp_page_index .current_issue > h2 {
        font-size: 1.55rem !important;
    }

    .pkp_page_index .current_issue_title {
        padding: 18px 18px 12px !important;
        min-height: 0 !important;
        border-radius: 10px 10px 0 0 !important;
        font-size: 1.18rem !important;
    }

    .pkp_page_index .current_issue .obj_issue_toc > .heading {
        display: block !important;
        padding: 8px 18px 20px !important;
        min-height: 0 !important;
        border-radius: 0 0 10px 10px !important;
    }

    .pkp_page_index .current_issue .obj_issue_toc > .heading .cover {
        width: 150px !important;
        margin: 4px auto 16px !important;
    }

    .pkp_page_index .current_issue .obj_issue_toc > .heading .cover img {
        max-width: 150px !important;
    }

    .pkp_page_index .current_issue .obj_issue_toc > .heading .published {
        justify-content: center !important;
        margin-top: 4px !important;
    }

    .pkp_page_index .current_issue .obj_issue_toc > .heading::after {
        display: none !important;
    }

    .pkp_page_index .current_issue .section > h3 {
        font-size: 1.3rem !important;
    }

    .pkp_page_index .current_issue .obj_article_summary {
        grid-template-columns: 38px minmax(0, 1fr) !important;
        grid-template-rows: auto auto auto auto !important;
        column-gap: 10px !important;
        row-gap: 8px !important;
        padding: 12px 13px !important;
    }

    .pkp_page_index .current_issue .obj_article_summary::before {
        grid-column: 1 !important;
        grid-row: 1 / span 2 !important;
        width: 32px !important;
        height: 32px !important;
        font-size: 0.72rem !important;
    }

    .pkp_page_index .current_issue .obj_article_summary .title {
        grid-column: 2 !important;
        grid-row: 1 !important;
    }

    .pkp_page_index .current_issue .obj_article_summary .title a {
        font-size: 0.92rem !important;
    }

    .pkp_page_index .current_issue .obj_article_summary .meta {
        grid-column: 2 !important;
        grid-row: 2 !important;
        display: block !important;
    }

    .pkp_page_index .current_issue .obj_article_summary .pages {
        margin-top: 3px !important;
    }

    .pkp_page_index .current_issue .obj_article_summary .galleys_links {
        grid-column: 2 !important;
        grid-row: 3 !important;
        padding: 0 !important;
        border-left: 0 !important;
    }

    .pkp_page_index .current_issue .obj_article_summary .item.doi {
        grid-column: 2 !important;
        grid-row: 4 !important;
        padding: 0 !important;
        border-left: 0 !important;
    }
}


/* =========================================================
   58. CURRENT ISSUE — COMPACT ARTICLE ROWS (v70)
   Refinements:
   - Articles heading aligned with content
   - remove article sequence numbers
   - more compact rows
   - wider title column
   - PDF, pages, DOI ordered at the end
   - keep only native DOI logo/icon
   ========================================================= */

/* Align "Articles" with the Current Issue/content left edge */
.pkp_page_index .current_issue .section > h3 {
    margin-left: 24px !important;
    margin-right: 0 !important;
}

/* Article list: no automatic numbering */
.pkp_page_index .current_issue .cmp_article_list {
    counter-reset: none !important;
}

.pkp_page_index .current_issue .obj_article_summary::before {
    content: none !important;
    display: none !important;
}

/* Compact editorial row:
   TITLE/AUTHORS | PDF | PAGES | DOI */
.pkp_page_index .current_issue .obj_article_summary {
    display: grid !important;
    grid-template-columns:
        minmax(0, 1fr)
        118px
        76px
        minmax(200px, 245px) !important;
    grid-template-rows: auto auto !important;
    column-gap: 14px !important;
    row-gap: 3px !important;
    align-items: center !important;

    min-height: 0 !important;
    padding: 11px 16px !important;
}

/* Title gets the largest share */
.pkp_page_index .current_issue .obj_article_summary .title {
    grid-column: 1 !important;
    grid-row: 1 !important;
    margin: 0 !important;
}

.pkp_page_index .current_issue .obj_article_summary .title a {
    font-size: 0.94rem !important;
    line-height: 1.28 !important;
}

/* Allow authors/pages to participate directly in parent grid */
.pkp_page_index .current_issue .obj_article_summary .meta {
    display: contents !important;
}

/* Authors below title */
.pkp_page_index .current_issue .obj_article_summary .authors {
    grid-column: 1 !important;
    grid-row: 2 !important;
    margin: 0 !important;
    font-size: 0.80rem !important;
    line-height: 1.35 !important;
}

/* PDF column */
.pkp_page_index .current_issue .obj_article_summary .galleys_links {
    grid-column: 2 !important;
    grid-row: 1 / span 2 !important;
    align-self: center !important;
    justify-self: stretch !important;
    margin: 0 !important;
    padding: 0 12px !important;
    border-left: 1px solid #E2E6EC !important;
    border-right: 1px solid #E2E6EC !important;
}

.pkp_page_index .current_issue .obj_article_summary .obj_galley_link {
    width: 100% !important;
    min-height: 30px !important;
    padding: 5px 8px !important;
    box-sizing: border-box !important;
    font-size: 0.74rem !important;
}

/* Page-number column */
.pkp_page_index .current_issue .obj_article_summary .pages {
    grid-column: 3 !important;
    grid-row: 1 / span 2 !important;
    align-self: center !important;
    justify-self: center !important;
    margin: 0 !important;
    font-size: 0.80rem !important;
    color: #66717E !important;
    white-space: nowrap !important;
}

/* DOI as the final column */
.pkp_page_index .current_issue .obj_article_summary .item.doi {
    grid-column: 4 !important;
    grid-row: 1 / span 2 !important;
    align-self: center !important;

    margin: 0 !important;
    padding: 0 0 0 14px !important;
    border-left: 1px solid #E2E6EC !important;

    /* Restore normal font sizing because the native DOI icon remains */
    font-size: 0.76rem !important;
    line-height: 1.35 !important;
}

/* Remove our custom duplicate DOI circle; preserve the site's native DOI logo */
.pkp_page_index .current_issue .obj_article_summary .item.doi::before {
    content: none !important;
    display: none !important;
}

/* Hide only the literal text "DOI:" if the native DOI logo already represents it */
.pkp_page_index .current_issue .obj_article_summary .item.doi {
    color: transparent !important;
}

.pkp_page_index .current_issue .obj_article_summary .item.doi a {
    color: #163A5F !important;
    font-size: 0.76rem !important;
    line-height: 1.35 !important;
    text-decoration: none !important;
    border-bottom: 1px solid rgba(200, 163, 73, .55) !important;
}

/* Keep any native DOI image/icon visible */
.pkp_page_index .current_issue .obj_article_summary .item.doi img,
.pkp_page_index .current_issue .obj_article_summary .item.doi svg,
.pkp_page_index .current_issue .obj_article_summary .item.doi .doi-icon,
.pkp_page_index .current_issue .obj_article_summary .item.doi [class*="doi"] {
    visibility: visible !important;
    opacity: 1 !important;
}

/* Slightly tighter space between article cards */
.pkp_page_index .current_issue .cmp_article_list > li {
    margin-bottom: 8px !important;
}

/* Tablet */
@media (max-width: 1100px) and (min-width: 768px) {
    .pkp_page_index .current_issue .obj_article_summary {
        grid-template-columns:
            minmax(0, 1fr)
            104px
            68px
            minmax(170px, 210px) !important;
        column-gap: 10px !important;
        padding: 10px 13px !important;
    }

    .pkp_page_index .current_issue .obj_article_summary .title a {
        font-size: 0.90rem !important;
    }
}

/* Mobile: title first, then a compact metadata/action row */
@media (max-width: 767px) {
    .pkp_page_index .current_issue .section > h3 {
        margin-left: 0 !important;
    }

    .pkp_page_index .current_issue .obj_article_summary {
        grid-template-columns: minmax(0, 1fr) auto !important;
        grid-template-rows: auto auto auto auto !important;
        column-gap: 10px !important;
        row-gap: 6px !important;
        padding: 11px 12px !important;
    }

    .pkp_page_index .current_issue .obj_article_summary .title {
        grid-column: 1 / -1 !important;
        grid-row: 1 !important;
    }

    .pkp_page_index .current_issue .obj_article_summary .authors {
        grid-column: 1 / -1 !important;
        grid-row: 2 !important;
    }

    .pkp_page_index .current_issue .obj_article_summary .galleys_links {
        grid-column: 1 !important;
        grid-row: 3 !important;
        width: auto !important;
        padding: 0 !important;
        border: 0 !important;
        justify-self: start !important;
    }

    .pkp_page_index .current_issue .obj_article_summary .pages {
        grid-column: 2 !important;
        grid-row: 3 !important;
        justify-self: end !important;
    }

    .pkp_page_index .current_issue .obj_article_summary .item.doi {
        grid-column: 1 / -1 !important;
        grid-row: 4 !important;
        padding: 0 !important;
        border: 0 !important;
    }
}


/* =========================================================
   59. ARTICLE ROW — REFERENCE LAYOUT (v71)
   Matches the user's preferred layout:
   title + authors on the left,
   vertical action stack on the right:
   PDF / pages / DOI.
   ========================================================= */

.pkp_page_index .current_issue .obj_article_summary {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 320px !important;
    grid-template-rows: auto auto !important;
    column-gap: 26px !important;
    row-gap: 3px !important;
    align-items: center !important;

    min-height: 0 !important;
    padding: 16px 18px !important;
    background: #FFFFFF !important;
    border: 1px solid #D9DEE8 !important;
    border-radius: 9px !important;
}

/* Left side: title */
.pkp_page_index .current_issue .obj_article_summary .title {
    grid-column: 1 !important;
    grid-row: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.pkp_page_index .current_issue .obj_article_summary .title a {
    font-size: 0.98rem !important;
    line-height: 1.28 !important;
    font-weight: 600 !important;
    color: #163A5F !important;
}

/* Let authors/pages be placed independently */
.pkp_page_index .current_issue .obj_article_summary .meta {
    display: contents !important;
}

/* Authors under title */
.pkp_page_index .current_issue .obj_article_summary .authors {
    grid-column: 1 !important;
    grid-row: 2 !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0.84rem !important;
    line-height: 1.4 !important;
    color: #4F6072 !important;
}

/* Right-side action rail */
.pkp_page_index .current_issue .obj_article_summary .galleys_links {
    grid-column: 2 !important;
    grid-row: 1 !important;
    align-self: end !important;
    justify-self: stretch !important;

    margin: 0 !important;
    padding: 0 0 4px 52px !important;
    border: 0 !important;
    border-left: 2px solid #1FABE1 !important;
    list-style: none !important;
}

.pkp_page_index .current_issue .obj_article_summary .galleys_links li {
    margin: 0 !important;
    padding: 0 !important;
}

/* PDF pill */
.pkp_page_index .current_issue .obj_article_summary .obj_galley_link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 32px !important;
    margin: 0 !important;
    padding: 5px 14px !important;

    background: #DCE2E8 !important;
    border: 0 !important;
    border-radius: 12px !important;

    font-size: 0.79rem !important;
    line-height: 1.25 !important;
    font-weight: 500 !important;
    color: #163A5F !important;
    text-transform: none !important;
}

/* Pages: middle row in right rail */
.pkp_page_index .current_issue .obj_article_summary .pages {
    grid-column: 2 !important;
    grid-row: 2 !important;
    align-self: start !important;
    justify-self: stretch !important;

    margin: 0 !important;
    padding: 7px 0 4px 52px !important;

    font-size: 0.82rem !important;
    line-height: 1.3 !important;
    color: #163A5F !important;
    white-space: nowrap !important;
}

/* Add "pp." prefix if OJS only outputs raw page range */
.pkp_page_index .current_issue .obj_article_summary .pages::before {
    content: "pp. " !important;
}

/* DOI as bottom row in same right rail */
.pkp_page_index .current_issue .obj_article_summary .item.doi {
    grid-column: 2 !important;
    grid-row: 3 !important;
    align-self: start !important;

    margin: 0 !important;
    padding: 4px 0 0 52px !important;
    border: 0 !important;

    font-size: 0.80rem !important;
    line-height: 1.35 !important;
    color: #163A5F !important;
}

/* Do not add our own duplicate DOI badge */
.pkp_page_index .current_issue .obj_article_summary .item.doi::before {
    content: none !important;
    display: none !important;
}

/* Hide literal DOI: text visually while retaining the link */
.pkp_page_index .current_issue .obj_article_summary .item.doi {
    font-size: 0 !important;
}

.pkp_page_index .current_issue .obj_article_summary .item.doi a {
    display: inline !important;
    font-size: 0.80rem !important;
    line-height: 1.35 !important;
    color: #163A5F !important;
    text-decoration: underline !important;
    text-decoration-color: #163A5F !important;
    text-underline-offset: 2px !important;
    border-bottom: 0 !important;
    overflow-wrap: anywhere !important;
}

/* Keep any DOI logo already supplied by OJS/theme visible */
.pkp_page_index .current_issue .obj_article_summary .item.doi img,
.pkp_page_index .current_issue .obj_article_summary .item.doi svg,
.pkp_page_index .current_issue .obj_article_summary .item.doi .doi-icon,
.pkp_page_index .current_issue .obj_article_summary .item.doi [class*="doi"] {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    margin-right: 8px !important;
    vertical-align: middle !important;
}

/* Compact row rhythm */
.pkp_page_index .current_issue .cmp_article_list > li {
    margin-bottom: 8px !important;
}

/* Medium screens */
@media (max-width: 1100px) and (min-width: 768px) {
    .pkp_page_index .current_issue .obj_article_summary {
        grid-template-columns: minmax(0, 1fr) 270px !important;
        column-gap: 20px !important;
        padding: 14px 15px !important;
    }

    .pkp_page_index .current_issue .obj_article_summary .galleys_links,
    .pkp_page_index .current_issue .obj_article_summary .pages,
    .pkp_page_index .current_issue .obj_article_summary .item.doi {
        padding-left: 42px !important;
    }
}

/* Mobile: stack action rail below title/author */
@media (max-width: 767px) {
    .pkp_page_index .current_issue .obj_article_summary {
        grid-template-columns: 1fr !important;
        grid-template-rows: auto auto auto auto auto !important;
        row-gap: 7px !important;
        padding: 12px 13px !important;
    }

    .pkp_page_index .current_issue .obj_article_summary .title {
        grid-column: 1 !important;
        grid-row: 1 !important;
    }

    .pkp_page_index .current_issue .obj_article_summary .authors {
        grid-column: 1 !important;
        grid-row: 2 !important;
    }

    .pkp_page_index .current_issue .obj_article_summary .galleys_links {
        grid-column: 1 !important;
        grid-row: 3 !important;
        padding: 9px 0 0 14px !important;
        border-left: 2px solid #1FABE1 !important;
    }

    .pkp_page_index .current_issue .obj_article_summary .pages {
        grid-column: 1 !important;
        grid-row: 4 !important;
        padding: 2px 0 0 14px !important;
    }

    .pkp_page_index .current_issue .obj_article_summary .item.doi {
        grid-column: 1 !important;
        grid-row: 5 !important;
        padding: 2px 0 0 14px !important;
    }
}


/* =========================================================
   60. ARTICLE ACTION RAIL FIX (v72)
   - restore page information
   - add download icon beside PDF
   - add page/document icon beside pages
   - divider uses navy palette
   ========================================================= */

/* Right action rail divider: navy */
.pkp_page_index .current_issue .obj_article_summary .galleys_links {
    border-left: 2px solid #163A5F !important;
}

/* PDF row */
.pkp_page_index .current_issue .obj_article_summary .obj_galley_link {
    position: relative !important;
    gap: 7px !important;
    padding: 5px 14px !important;
}

/* Replace/standardize PDF icon with download icon */
.pkp_page_index .current_issue .obj_article_summary .obj_galley_link::before {
    content: "\f019" !important; /* Font Awesome download */
    display: inline-block !important;
    font-family: FontAwesome !important;
    font-size: 0.88rem !important;
    font-weight: normal !important;
    line-height: 1 !important;
    color: #C8A349 !important;
}

/* Hide any older pseudo icon to avoid duplication */
.pkp_page_index .current_issue .obj_article_summary .obj_galley_link.pdf::after {
    content: none !important;
    display: none !important;
}

/* Ensure page information is visible */
.pkp_page_index .current_issue .obj_article_summary .pages {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;

    grid-column: 2 !important;
    grid-row: 2 !important;

    margin: 0 !important;
    padding: 7px 0 4px 52px !important;

    font-family: var(--albuchuts-font-main, "Lora", Georgia, serif) !important;
    font-size: 0.82rem !important;
    font-weight: 400 !important;
    line-height: 1.3 !important;
    color: #163A5F !important;
    white-space: nowrap !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Page/document icon */
.pkp_page_index .current_issue .obj_article_summary .pages::before {
    content: "\f15c" !important; /* file-text */
    display: inline-block !important;
    font-family: FontAwesome !important;
    font-size: 0.90rem !important;
    font-weight: normal !important;
    line-height: 1 !important;
    color: #C8A349 !important;
}

/* Keep pp. prefix */
.pkp_page_index .current_issue .obj_article_summary .pages::after {
    content: none !important;
}

/* DOI row follows pages */
.pkp_page_index .current_issue .obj_article_summary .item.doi {
    grid-column: 2 !important;
    grid-row: 3 !important;
    padding: 4px 0 0 52px !important;
}

/* Mobile: navy divider and visible pages */
@media (max-width: 767px) {
    .pkp_page_index .current_issue .obj_article_summary .galleys_links {
        border-left: 2px solid #163A5F !important;
    }

    .pkp_page_index .current_issue .obj_article_summary .pages {
        grid-column: 1 !important;
        grid-row: 4 !important;
        padding: 2px 0 0 14px !important;
    }

    .pkp_page_index .current_issue .obj_article_summary .item.doi {
        grid-column: 1 !important;
        grid-row: 5 !important;
        padding: 2px 0 0 14px !important;
    }
}


/* =========================================================
   61. ARTICLE PAGE NUMBER POSITION FIX (v73)
   Problem: OJS theme keeps .pages absolutely/floated at the
   upper-right when .meta uses display: contents.
   Fix: keep .meta as a nested grid and place pages there.
   ========================================================= */

/* Restore META as a normal grid container */
.pkp_page_index .current_issue .obj_article_summary .meta {
    grid-column: 1 !important;
    grid-row: 2 !important;

    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: auto !important;

    position: static !important;
    float: none !important;
    width: auto !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;
}

/* Authors stay below title */
.pkp_page_index .current_issue .obj_article_summary .authors {
    grid-column: 1 !important;
    grid-row: 1 !important;

    position: static !important;
    float: none !important;

    margin: 0 !important;
    padding: 0 !important;

    font-size: 0.84rem !important;
    line-height: 1.4 !important;
    color: #4F6072 !important;
}

/* Move page number out of visual flow of left metadata;
   render it in the right action rail using absolute placement
   relative to the article card. */
.pkp_page_index .current_issue .obj_article_summary {
    position: relative !important;
}

/* Kill all theme positioning first */
.pkp_page_index .current_issue .obj_article_summary .pages {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;

    position: absolute !important;
    float: none !important;

    top: 50% !important;
    right: 32px !important;
    transform: translateY(-50%) !important;

    width: 270px !important;
    max-width: 270px !important;

    margin: 0 !important;
    padding: 0 0 0 52px !important;

    font-family: var(--albuchuts-font-main, "Lora", Georgia, serif) !important;
    font-size: 0.82rem !important;
    font-weight: 400 !important;
    line-height: 1.3 !important;
    color: #163A5F !important;
    white-space: nowrap !important;

    visibility: visible !important;
    opacity: 1 !important;

    /* sit between PDF and DOI visually */
    z-index: 3 !important;
}

/* Page icon */
.pkp_page_index .current_issue .obj_article_summary .pages::before {
    content: "\f15c" !important;
    display: inline-block !important;
    font-family: FontAwesome !important;
    font-size: 0.90rem !important;
    font-weight: normal !important;
    line-height: 1 !important;
    color: #C8A349 !important;
}

/* Add pp. before the numeric range */
.pkp_page_index .current_issue .obj_article_summary .pages {
    text-indent: 0 !important;
}

/* Rebuild the right rail into three stacked rows */
.pkp_page_index .current_issue .obj_article_summary .galleys_links {
    grid-column: 2 !important;
    grid-row: 1 !important;

    position: relative !important;
    float: none !important;

    align-self: start !important;
    justify-self: stretch !important;

    min-height: 34px !important;
    margin: 0 !important;
    padding: 0 0 48px 52px !important;

    border-left: 2px solid #163A5F !important;
}

/* Push DOI to the lower part of the right rail */
.pkp_page_index .current_issue .obj_article_summary .item.doi {
    grid-column: 2 !important;
    grid-row: 2 !important;

    position: relative !important;
    float: none !important;

    align-self: end !important;

    margin: 0 !important;
    padding: 0 0 0 52px !important;
    border: 0 !important;
}

/* Fine-tune page number to sit between PDF and DOI */
.pkp_page_index .current_issue .obj_article_summary .pages {
    top: 50% !important;
    right: 0 !important;
    transform: translateY(-2px) !important;
}

/* Hide any stray OJS page-number clones outside article cards */
.pkp_page_index .current_issue > .pages,
.pkp_page_index .current_issue .section > .pages,
.pkp_page_index .current_issue .cmp_article_list > .pages {
    display: none !important;
}

/* Tablet */
@media (max-width: 1100px) and (min-width: 768px) {
    .pkp_page_index .current_issue .obj_article_summary .pages {
        width: 225px !important;
        max-width: 225px !important;
        padding-left: 42px !important;
    }

    .pkp_page_index .current_issue .obj_article_summary .galleys_links,
    .pkp_page_index .current_issue .obj_article_summary .item.doi {
        padding-left: 42px !important;
    }
}

/* Mobile: return pages to normal flow under PDF */
@media (max-width: 767px) {
    .pkp_page_index .current_issue .obj_article_summary .meta {
        grid-column: 1 !important;
        grid-row: 2 !important;
    }

    .pkp_page_index .current_issue .obj_article_summary .pages {
        position: static !important;
        width: auto !important;
        max-width: none !important;
        transform: none !important;

        margin: 0 !important;
        padding: 2px 0 0 14px !important;

        grid-column: 1 !important;
        grid-row: auto !important;
    }

    .pkp_page_index .current_issue .obj_article_summary .galleys_links {
        padding: 9px 0 0 14px !important;
        border-left: 2px solid #163A5F !important;
    }

    .pkp_page_index .current_issue .obj_article_summary .item.doi {
        padding: 2px 0 0 14px !important;
    }
}


/* =========================================================
   62. ACTION RAIL TRUE STACK FIX (v74)
   PDF -> Pages -> DOI, directly underneath one another.
   ========================================================= */

/* Main card: left article information + right action rail */
.pkp_page_index .current_issue .obj_article_summary {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 340px !important;
    grid-template-rows: auto auto auto !important;
    column-gap: 28px !important;
    row-gap: 4px !important;
    align-items: start !important;

    position: relative !important;
    padding: 15px 18px !important;
    min-height: 0 !important;
}

/* Title + author remain on the left */
.pkp_page_index .current_issue .obj_article_summary .title {
    grid-column: 1 !important;
    grid-row: 1 !important;
    align-self: end !important;
}

.pkp_page_index .current_issue .obj_article_summary .meta {
    display: contents !important;
    position: static !important;
    float: none !important;
}

.pkp_page_index .current_issue .obj_article_summary .authors {
    grid-column: 1 !important;
    grid-row: 2 !important;

    position: static !important;
    float: none !important;

    margin: 0 !important;
    padding: 0 !important;
    align-self: start !important;
}

/* PDF: first item in the right rail */
.pkp_page_index .current_issue .obj_article_summary .galleys_links {
    grid-column: 2 !important;
    grid-row: 1 !important;

    position: static !important;
    float: none !important;
    align-self: end !important;
    justify-self: stretch !important;

    margin: 0 !important;
    padding: 0 0 5px 54px !important;
    min-height: 34px !important;

    border-left: 2px solid #163A5F !important;
    border-right: 0 !important;
}

/* Pages: immediately below PDF */
.pkp_page_index .current_issue .obj_article_summary .pages {
    grid-column: 2 !important;
    grid-row: 2 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;

    position: static !important;
    inset: auto !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    transform: none !important;
    float: none !important;

    width: auto !important;
    max-width: none !important;
    height: auto !important;

    margin: 0 !important;
    padding: 3px 0 3px 54px !important;

    font-family: var(--albuchuts-font-main, "Lora", Georgia, serif) !important;
    font-size: 0.82rem !important;
    line-height: 1.3 !important;
    color: #163A5F !important;
    white-space: nowrap !important;

    visibility: visible !important;
    opacity: 1 !important;
    z-index: auto !important;
}

/* Page icon */
.pkp_page_index .current_issue .obj_article_summary .pages::before {
    content: "\f15c" !important;
    display: inline-block !important;
    font-family: FontAwesome !important;
    font-size: 0.90rem !important;
    font-weight: normal !important;
    line-height: 1 !important;
    color: #C8A349 !important;
}

/* Add pp. visually before the actual range */
.pkp_page_index .current_issue .obj_article_summary .pages {
    font-variant-numeric: lining-nums !important;
}

/* DOI: directly below pages */
.pkp_page_index .current_issue .obj_article_summary .item.doi {
    grid-column: 2 !important;
    grid-row: 3 !important;

    position: static !important;
    inset: auto !important;
    transform: none !important;
    float: none !important;

    align-self: start !important;
    justify-self: stretch !important;

    margin: 0 !important;
    padding: 3px 0 0 54px !important;
    border: 0 !important;
}

/* Make the navy divider span the entire right action stack */
.pkp_page_index .current_issue .obj_article_summary::after {
    content: "" !important;
    position: absolute !important;
    top: 15px !important;
    bottom: 15px !important;
    right: 367px !important;
    width: 2px !important;
    background: #163A5F !important;
    pointer-events: none !important;
}

/* Remove the shorter divider from PDF itself so there is only one */
.pkp_page_index .current_issue .obj_article_summary .galleys_links {
    border-left: 0 !important;
}

/* Tablet */
@media (max-width: 1100px) and (min-width: 768px) {
    .pkp_page_index .current_issue .obj_article_summary {
        grid-template-columns: minmax(0, 1fr) 285px !important;
        column-gap: 22px !important;
    }

    .pkp_page_index .current_issue .obj_article_summary::after {
        right: 307px !important;
    }

    .pkp_page_index .current_issue .obj_article_summary .galleys_links,
    .pkp_page_index .current_issue .obj_article_summary .pages,
    .pkp_page_index .current_issue .obj_article_summary .item.doi {
        padding-left: 44px !important;
    }
}

/* Mobile: stack everything naturally */
@media (max-width: 767px) {
    .pkp_page_index .current_issue .obj_article_summary {
        grid-template-columns: 1fr !important;
        grid-template-rows: auto auto auto auto auto !important;
        row-gap: 6px !important;
    }

    .pkp_page_index .current_issue .obj_article_summary::after {
        display: none !important;
    }

    .pkp_page_index .current_issue .obj_article_summary .title {
        grid-column: 1 !important;
        grid-row: 1 !important;
    }

    .pkp_page_index .current_issue .obj_article_summary .authors {
        grid-column: 1 !important;
        grid-row: 2 !important;
    }

    .pkp_page_index .current_issue .obj_article_summary .galleys_links {
        grid-column: 1 !important;
        grid-row: 3 !important;
        padding: 8px 0 0 14px !important;
        border-left: 2px solid #163A5F !important;
    }

    .pkp_page_index .current_issue .obj_article_summary .pages {
        grid-column: 1 !important;
        grid-row: 4 !important;
        padding: 2px 0 0 14px !important;
    }

    .pkp_page_index .current_issue .obj_article_summary .item.doi {
        grid-column: 1 !important;
        grid-row: 5 !important;
        padding: 2px 0 0 14px !important;
    }
}


/* =========================================================
   63. ACTION RAIL LEFT ALIGNMENT (v75)
   Align PDF, pages, and DOI to one common left edge.
   ========================================================= */

/* Shared left inset for the three right-side actions */
.pkp_page_index .current_issue .obj_article_summary {
    --albuchuts-action-left: 54px;
}

/* PDF row */
.pkp_page_index .current_issue .obj_article_summary .galleys_links {
    padding-left: var(--albuchuts-action-left) !important;
    justify-self: stretch !important;
}

.pkp_page_index .current_issue .obj_article_summary .obj_galley_link {
    margin-left: 0 !important;
}

/* Pages row */
.pkp_page_index .current_issue .obj_article_summary .pages {
    padding-left: var(--albuchuts-action-left) !important;
    justify-content: flex-start !important;
}

/* DOI row */
.pkp_page_index .current_issue .obj_article_summary .item.doi {
    padding-left: var(--albuchuts-action-left) !important;
    justify-self: stretch !important;
}

/* Keep native DOI icon and link starting from the same baseline */
.pkp_page_index .current_issue .obj_article_summary .item.doi img,
.pkp_page_index .current_issue .obj_article_summary .item.doi svg,
.pkp_page_index .current_issue .obj_article_summary .item.doi .doi-icon,
.pkp_page_index .current_issue .obj_article_summary .item.doi [class*="doi"] {
    margin-left: 0 !important;
}

/* Tablet */
@media (max-width: 1100px) and (min-width: 768px) {
    .pkp_page_index .current_issue .obj_article_summary {
        --albuchuts-action-left: 44px;
    }
}

/* Mobile */
@media (max-width: 767px) {
    .pkp_page_index .current_issue .obj_article_summary {
        --albuchuts-action-left: 14px;
    }
}


/* =========================================================
   64. ACTION ICON TRUE ALIGNMENT (v76)
   Align the actual icons, not just their parent containers.
   The PDF icon sits inside a padded pill, so Pages and DOI
   are shifted to the same visual icon baseline.
   ========================================================= */

.pkp_page_index .current_issue .obj_article_summary {
    --albuchuts-action-left: 54px;
    --albuchuts-pdf-inner-pad: 14px;
}

/* PDF container starts at the shared rail edge */
.pkp_page_index .current_issue .obj_article_summary .galleys_links {
    padding-left: var(--albuchuts-action-left) !important;
}

/* Keep PDF pill's own inner spacing */
.pkp_page_index .current_issue .obj_article_summary .obj_galley_link {
    padding-left: var(--albuchuts-pdf-inner-pad) !important;
    padding-right: 14px !important;
}

/* Shift page icon so its icon aligns with the PDF icon */
.pkp_page_index .current_issue .obj_article_summary .pages {
    padding-left: calc(
        var(--albuchuts-action-left) + var(--albuchuts-pdf-inner-pad)
    ) !important;
}

/* Shift native DOI icon to the same visual baseline */
.pkp_page_index .current_issue .obj_article_summary .item.doi {
    padding-left: calc(
        var(--albuchuts-action-left) + var(--albuchuts-pdf-inner-pad)
    ) !important;
}

/* Remove unexpected margins that can offset native DOI icon/link */
.pkp_page_index .current_issue .obj_article_summary .item.doi > *:first-child,
.pkp_page_index .current_issue .obj_article_summary .item.doi img,
.pkp_page_index .current_issue .obj_article_summary .item.doi svg,
.pkp_page_index .current_issue .obj_article_summary .item.doi .doi-icon,
.pkp_page_index .current_issue .obj_article_summary .item.doi [class*="doi"] {
    margin-left: 0 !important;
}

/* Tablet */
@media (max-width: 1100px) and (min-width: 768px) {
    .pkp_page_index .current_issue .obj_article_summary {
        --albuchuts-action-left: 44px;
        --albuchuts-pdf-inner-pad: 14px;
    }
}

/* Mobile */
@media (max-width: 767px) {
    .pkp_page_index .current_issue .obj_article_summary {
        --albuchuts-action-left: 14px;
        --albuchuts-pdf-inner-pad: 12px;
    }
}


/* =========================================================
   65. DOI LEFT ALIGNMENT MICRO-FIX (v77)
   Shift DOI row slightly left so the native DOI icon aligns
   visually with the PDF and page icons above it.
   ========================================================= */

.pkp_page_index .current_issue .obj_article_summary {
    --albuchuts-doi-shift-left: 14px;
}

/* Move the whole DOI row slightly left */
.pkp_page_index .current_issue .obj_article_summary .item.doi {
    transform: translateX(calc(-1 * var(--albuchuts-doi-shift-left))) !important;
}

/* Keep the native DOI icon flush within its row */
.pkp_page_index .current_issue .obj_article_summary .item.doi img,
.pkp_page_index .current_issue .obj_article_summary .item.doi svg,
.pkp_page_index .current_issue .obj_article_summary .item.doi .doi-icon,
.pkp_page_index .current_issue .obj_article_summary .item.doi [class*="doi"] {
    margin-left: 0 !important;
}

/* Tablet */
@media (max-width: 1100px) and (min-width: 768px) {
    .pkp_page_index .current_issue .obj_article_summary {
        --albuchuts-doi-shift-left: 12px;
    }
}

/* Mobile: no horizontal correction needed */
@media (max-width: 767px) {
    .pkp_page_index .current_issue .obj_article_summary .item.doi {
        transform: none !important;
    }
}


/* =========================================================
   66. ARTICLE META STRIP (v78)
   New approach for a cleaner layout:
   Title + authors on top, then a single compact metadata strip:
   PDF | Pages | DOI
   ========================================================= */

/* Reset prior rail corrections */
.pkp_page_index .current_issue .obj_article_summary,
.pkp_page_index .current_issue .obj_article_summary * {
    box-sizing: border-box;
}

.pkp_page_index .current_issue .obj_article_summary {
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: auto auto auto !important;
    gap: 0 !important;
    position: relative !important;

    padding: 16px 20px 0 !important;
    min-height: 0 !important;

    background: #FFFFFF !important;
    border: 1px solid #D9DEE8 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

/* Remove any divider/pseudo leftovers */
.pkp_page_index .current_issue .obj_article_summary::before,
.pkp_page_index .current_issue .obj_article_summary::after {
    content: none !important;
    display: none !important;
}

/* Title */
.pkp_page_index .current_issue .obj_article_summary .title {
    grid-column: 1 !important;
    grid-row: 1 !important;
    margin: 0 0 4px !important;
    padding: 0 !important;
}

.pkp_page_index .current_issue .obj_article_summary .title a {
    font-size: 0.98rem !important;
    line-height: 1.30 !important;
    font-weight: 600 !important;
    color: #163A5F !important;
}

/* Meta wrapper becomes transparent to parent grid */
.pkp_page_index .current_issue .obj_article_summary .meta {
    display: contents !important;
    position: static !important;
    float: none !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Authors */
.pkp_page_index .current_issue .obj_article_summary .authors {
    grid-column: 1 !important;
    grid-row: 2 !important;

    position: static !important;
    float: none !important;

    margin: 0 0 12px !important;
    padding: 0 !important;

    font-size: 0.84rem !important;
    line-height: 1.4 !important;
    color: #4F6072 !important;
}

/* ---------- Bottom metadata strip ---------- */

/* PDF */
.pkp_page_index .current_issue .obj_article_summary .galleys_links {
    grid-column: 1 !important;
    grid-row: 3 !important;

    display: flex !important;
    align-items: center !important;

    position: static !important;
    float: none !important;

    margin: 0 !important;
    padding: 10px 0 10px 0 !important;
    border: 0 !important;
    border-top: 1px solid #E2E6EC !important;
    list-style: none !important;
}

/* Make strip a 3-part flex row using absolutely-positioned siblings? 
   Use width reservation for PDF area and let Pages/DOI overlay into same strip. */
.pkp_page_index .current_issue .obj_article_summary .galleys_links {
    padding-right: 68% !important;
}

/* PDF button */
.pkp_page_index .current_issue .obj_article_summary .obj_galley_link {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;

    min-height: 30px !important;
    margin: 0 !important;
    padding: 5px 11px !important;

    background: #EEF1F4 !important;
    border: 0 !important;
    border-radius: 8px !important;

    font-size: 0.76rem !important;
    font-weight: 500 !important;
    color: #163A5F !important;
}

/* Download icon */
.pkp_page_index .current_issue .obj_article_summary .obj_galley_link::before {
    content: "\f019" !important;
    display: inline-block !important;
    font-family: FontAwesome !important;
    font-size: 0.84rem !important;
    color: #C8A349 !important;
}

/* Pages placed in middle segment of the same strip */
.pkp_page_index .current_issue .obj_article_summary .pages {
    position: absolute !important;
    left: 38% !important;
    bottom: 14px !important;

    display: flex !important;
    align-items: center !important;
    gap: 7px !important;

    width: auto !important;
    max-width: none !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    transform: none !important;
    float: none !important;

    font-size: 0.78rem !important;
    line-height: 1.3 !important;
    color: #163A5F !important;
    white-space: nowrap !important;

    visibility: visible !important;
    opacity: 1 !important;
}

/* Page icon */
.pkp_page_index .current_issue .obj_article_summary .pages::before {
    content: "\f15c" !important;
    display: inline-block !important;
    font-family: FontAwesome !important;
    font-size: 0.86rem !important;
    color: #C8A349 !important;
}

/* DOI placed in right segment of the same strip */
.pkp_page_index .current_issue .obj_article_summary .item.doi {
    position: absolute !important;
    right: 18px !important;
    bottom: 12px !important;

    display: flex !important;
    align-items: center !important;
    gap: 7px !important;

    width: 42% !important;
    max-width: 42% !important;

    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;

    transform: none !important;
    float: none !important;

    font-size: 0 !important;
    line-height: 1.3 !important;
}

/* Keep native DOI icon */
.pkp_page_index .current_issue .obj_article_summary .item.doi img,
.pkp_page_index .current_issue .obj_article_summary .item.doi svg,
.pkp_page_index .current_issue .obj_article_summary .item.doi .doi-icon,
.pkp_page_index .current_issue .obj_article_summary .item.doi [class*="doi"] {
    flex: 0 0 auto !important;
    margin: 0 !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* DOI link */
.pkp_page_index .current_issue .obj_article_summary .item.doi a {
    display: block !important;
    min-width: 0 !important;

    font-size: 0.76rem !important;
    line-height: 1.3 !important;
    color: #163A5F !important;
    text-decoration: underline !important;
    text-underline-offset: 2px !important;
    border: 0 !important;

    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

/* Card spacing */
.pkp_page_index .current_issue .cmp_article_list > li {
    margin-bottom: 9px !important;
}

/* ---------- Tablet ---------- */
@media (max-width: 1100px) and (min-width: 768px) {
    .pkp_page_index .current_issue .obj_article_summary .pages {
        left: 34% !important;
    }

    .pkp_page_index .current_issue .obj_article_summary .item.doi {
        width: 46% !important;
        max-width: 46% !important;
    }
}

/* ---------- Mobile ---------- */
@media (max-width: 767px) {
    .pkp_page_index .current_issue .obj_article_summary {
        padding: 13px 14px 0 !important;
    }

    .pkp_page_index .current_issue .obj_article_summary .authors {
        margin-bottom: 10px !important;
    }

    .pkp_page_index .current_issue .obj_article_summary .galleys_links {
        display: block !important;
        padding: 9px 0 !important;
        border-top: 1px solid #E2E6EC !important;
    }

    .pkp_page_index .current_issue .obj_article_summary .pages,
    .pkp_page_index .current_issue .obj_article_summary .item.doi {
        position: static !important;
        width: auto !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 7px 0 !important;
    }

    .pkp_page_index .current_issue .obj_article_summary .pages {
        border-top: 1px solid #EEF1F4 !important;
    }

    .pkp_page_index .current_issue .obj_article_summary .item.doi {
        border-top: 1px solid #EEF1F4 !important;
    }

    .pkp_page_index .current_issue .obj_article_summary .item.doi a {
        white-space: normal !important;
        overflow: visible !important;
        text-overflow: clip !important;
    }
}


/* =========================================================
   67. ARTICLE META STRIP — VISIBLE 3-COLUMN FIX (v79)
   PDF | Pages | DOI all remain visible in one bottom strip.
   ========================================================= */

/* Rebuild article card as a clean 3-column metadata grid */
.pkp_page_index .current_issue .obj_article_summary {
    display: grid !important;
    grid-template-columns: 180px 120px minmax(0, 1fr) !important;
    grid-template-rows: auto auto auto !important;
    column-gap: 0 !important;
    row-gap: 0 !important;

    position: relative !important;
    overflow: visible !important;

    padding: 16px 20px 0 !important;
}

/* Title and authors span full card width */
.pkp_page_index .current_issue .obj_article_summary .title {
    grid-column: 1 / -1 !important;
    grid-row: 1 !important;
    margin: 0 0 4px !important;
}

.pkp_page_index .current_issue .obj_article_summary .meta {
    display: contents !important;
    position: static !important;
    float: none !important;
}

.pkp_page_index .current_issue .obj_article_summary .authors {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;

    position: static !important;
    float: none !important;

    margin: 0 0 12px !important;
    padding: 0 !important;
}

/* PDF = first metadata column */
.pkp_page_index .current_issue .obj_article_summary .galleys_links {
    grid-column: 1 !important;
    grid-row: 3 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;

    position: static !important;
    float: none !important;

    margin: 0 !important;
    padding: 10px 14px 10px 0 !important;

    border: 0 !important;
    border-top: 1px solid #E2E6EC !important;
    list-style: none !important;
}

/* Pages = second metadata column */
.pkp_page_index .current_issue .obj_article_summary .pages {
    grid-column: 2 !important;
    grid-row: 3 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 7px !important;

    position: static !important;
    inset: auto !important;
    float: none !important;
    transform: none !important;

    width: auto !important;
    max-width: none !important;
    height: auto !important;

    margin: 0 !important;
    padding: 10px 14px !important;

    border-top: 1px solid #E2E6EC !important;

    font-family: var(--albuchuts-font-main, "Lora", Georgia, serif) !important;
    font-size: 0.78rem !important;
    line-height: 1.3 !important;
    color: #163A5F !important;
    white-space: nowrap !important;

    visibility: visible !important;
    opacity: 1 !important;
    z-index: auto !important;
}

/* Page icon */
.pkp_page_index .current_issue .obj_article_summary .pages::before {
    content: "\f15c" !important;
    display: inline-block !important;
    font-family: FontAwesome !important;
    font-size: 0.86rem !important;
    color: #C8A349 !important;
}

/* DOI = third metadata column */
.pkp_page_index .current_issue .obj_article_summary .item.doi {
    grid-column: 3 !important;
    grid-row: 3 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;

    position: static !important;
    inset: auto !important;
    float: none !important;
    transform: none !important;

    width: auto !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 10px 0 10px 14px !important;

    border: 0 !important;
    border-top: 1px solid #E2E6EC !important;

    color: #163A5F !important;
    font-size: 0 !important;
    line-height: 1.3 !important;

    visibility: visible !important;
    opacity: 1 !important;
}

/* Preserve native DOI icon */
.pkp_page_index .current_issue .obj_article_summary .item.doi img,
.pkp_page_index .current_issue .obj_article_summary .item.doi svg,
.pkp_page_index .current_issue .obj_article_summary .item.doi .doi-icon,
.pkp_page_index .current_issue .obj_article_summary .item.doi [class*="doi"] {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
}

/* DOI link */
.pkp_page_index .current_issue .obj_article_summary .item.doi a {
    display: inline-block !important;
    min-width: 0 !important;

    font-size: 0.76rem !important;
    line-height: 1.3 !important;
    color: #163A5F !important;
    text-decoration: underline !important;
    text-underline-offset: 2px !important;
    border: 0 !important;

    overflow-wrap: anywhere !important;
    white-space: normal !important;
}

/* Keep PDF compact */
.pkp_page_index .current_issue .obj_article_summary .obj_galley_link {
    min-height: 30px !important;
    margin: 0 !important;
    padding: 5px 11px !important;
}

/* Tablet */
@media (max-width: 1100px) and (min-width: 768px) {
    .pkp_page_index .current_issue .obj_article_summary {
        grid-template-columns: 155px 105px minmax(0, 1fr) !important;
    }
}

/* Mobile: stack metadata cleanly */
@media (max-width: 767px) {
    .pkp_page_index .current_issue .obj_article_summary {
        grid-template-columns: 1fr !important;
        grid-template-rows: auto auto auto auto auto !important;
        padding: 13px 14px 0 !important;
    }

    .pkp_page_index .current_issue .obj_article_summary .title {
        grid-column: 1 !important;
        grid-row: 1 !important;
    }

    .pkp_page_index .current_issue .obj_article_summary .authors {
        grid-column: 1 !important;
        grid-row: 2 !important;
        margin-bottom: 10px !important;
    }

    .pkp_page_index .current_issue .obj_article_summary .galleys_links {
        grid-column: 1 !important;
        grid-row: 3 !important;
        padding: 9px 0 !important;
    }

    .pkp_page_index .current_issue .obj_article_summary .pages {
        grid-column: 1 !important;
        grid-row: 4 !important;
        padding: 9px 0 !important;
    }

    .pkp_page_index .current_issue .obj_article_summary .item.doi {
        grid-column: 1 !important;
        grid-row: 5 !important;
        padding: 9px 0 !important;
    }
}


/* =========================================================
   68. ARTICLE META STRIP — FINAL ALIGNMENT (v80)
   PDF | pp. 1–20 | DOI
   Remove page icon and vertically align all metadata.
   ========================================================= */

/* Equal vertical alignment across all three metadata cells */
.pkp_page_index .current_issue .obj_article_summary .galleys_links,
.pkp_page_index .current_issue .obj_article_summary .pages,
.pkp_page_index .current_issue .obj_article_summary .item.doi {
    min-height: 50px !important;
    align-items: center !important;
    align-self: stretch !important;
    margin: 0 !important;
    border-top: 1px solid #E2E6EC !important;
}

/* PDF */
.pkp_page_index .current_issue .obj_article_summary .galleys_links {
    display: flex !important;
    justify-content: flex-start !important;
    padding: 9px 14px 9px 0 !important;
}

/* Pages: simple text only, no document icon */
.pkp_page_index .current_issue .obj_article_summary .pages {
    display: flex !important;
    justify-content: flex-start !important;
    gap: 0 !important;

    padding: 9px 14px !important;

    font-family: var(--albuchuts-font-main, "Lora", Georgia, serif) !important;
    font-size: 0.78rem !important;
    font-weight: 400 !important;
    line-height: 1.3 !important;
    color: #163A5F !important;
}

/* Remove the page icon */
.pkp_page_index .current_issue .obj_article_summary .pages::before {
    content: "pp. " !important;
    display: inline !important;

    font-family: var(--albuchuts-font-main, "Lora", Georgia, serif) !important;
    font-size: 0.78rem !important;
    font-weight: 400 !important;
    line-height: 1.3 !important;
    color: #163A5F !important;
}

/* DOI */
.pkp_page_index .current_issue .obj_article_summary .item.doi {
    display: flex !important;
    justify-content: flex-start !important;
    gap: 8px !important;

    padding: 9px 0 9px 14px !important;
}

/* Keep native DOI icon vertically centered */
.pkp_page_index .current_issue .obj_article_summary .item.doi img,
.pkp_page_index .current_issue .obj_article_summary .item.doi svg,
.pkp_page_index .current_issue .obj_article_summary .item.doi .doi-icon,
.pkp_page_index .current_issue .obj_article_summary .item.doi [class*="doi"] {
    align-self: center !important;
    margin: 0 !important;
}

/* DOI link aligns to same text baseline */
.pkp_page_index .current_issue .obj_article_summary .item.doi a {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 30px !important;

    font-size: 0.76rem !important;
    line-height: 1.3 !important;
}

/* Keep PDF pill compact and centered */
.pkp_page_index .current_issue .obj_article_summary .obj_galley_link {
    min-height: 30px !important;
    display: inline-flex !important;
    align-items: center !important;
}

/* Mobile: retain vertical stacking but consistent rhythm */
@media (max-width: 767px) {
    .pkp_page_index .current_issue .obj_article_summary .galleys_links,
    .pkp_page_index .current_issue .obj_article_summary .pages,
    .pkp_page_index .current_issue .obj_article_summary .item.doi {
        min-height: 44px !important;
        padding-top: 8px !important;
        padding-bottom: 8px !important;
    }

    .pkp_page_index .current_issue .obj_article_summary .galleys_links {
        padding-left: 0 !important;
    }

    .pkp_page_index .current_issue .obj_article_summary .pages {
        padding-left: 0 !important;
    }

    .pkp_page_index .current_issue .obj_article_summary .item.doi {
        padding-left: 0 !important;
    }
}


/* =========================================================
   69. VIEW ALL ISSUES BUTTON REFINEMENT (v81)
   - move button closer to article list
   - remove arrow icon
   ========================================================= */

.pkp_page_index .current_issue > .read_more {
    margin-top: 10px !important;
    padding: 9px 16px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: #163A5F !important;
    border: 1px solid #163A5F !important;
    border-radius: 8px !important;

    font-family: var(--albuchuts-font-main, "Lora", Georgia, serif) !important;
    font-size: 0.88rem !important;
    font-weight: 600 !important;
    color: #FFFFFF !important;
    text-decoration: none !important;
}

/* Remove arrow/icon from button */
.pkp_page_index .current_issue > .read_more::before,
.pkp_page_index .current_issue > .read_more::after {
    content: none !important;
    display: none !important;
}

/* Also hide any inline icon elements inside the link */
.pkp_page_index .current_issue > .read_more .fa,
.pkp_page_index .current_issue > .read_more [class*="icon"],
.pkp_page_index .current_issue > .read_more svg {
    display: none !important;
}

/* Keep hover clean */
.pkp_page_index .current_issue > .read_more:hover,
.pkp_page_index .current_issue > .read_more:focus {
    background: #0E2A47 !important;
    color: #C8A349 !important;
}


/* =========================================================
   70. VIEW ALL ISSUES — TIGHTER SPACING (v82)
   Match the vertical gap used between article cards.
   ========================================================= */

/* Remove extra space after the article list */
.pkp_page_index .current_issue .obj_issue_toc {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.pkp_page_index .current_issue .sections,
.pkp_page_index .current_issue .section,
.pkp_page_index .current_issue .cmp_article_list {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* Place button close to the final article card */
.pkp_page_index .current_issue > .read_more {
    display: inline-flex !important;
    position: static !important;
    clear: none !important;

    margin: 9px 0 0 !important;
    padding: 9px 16px !important;
}

/* Make sure no inherited wrapper spacing pushes it down */
.pkp_page_index .current_issue {
    padding-bottom: 0 !important;
}


/* =========================================================
   71. CURRENT ISSUE HERO — CLEAN SURFACE (v83)
   Remove faint gradient/banding and decorative lines.
   Keep a soft warm off-white surface.
   ========================================================= */

/* One flat background across the full current-issue hero */
.pkp_page_index .current_issue_title,
.pkp_page_index .current_issue .obj_issue_toc > .heading {
    background: #FCFBF8 !important;
    background-image: none !important;
}

/* Remove decorative overlays/pseudo-elements */
.pkp_page_index .current_issue_title::after,
.pkp_page_index .current_issue .obj_issue_toc > .heading::before,
.pkp_page_index .current_issue .obj_issue_toc > .heading::after {
    content: none !important;
    display: none !important;
}

/* Join title and body visually as one clean card */
.pkp_page_index .current_issue_title {
    border-color: #D9DEE8 !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
}

.pkp_page_index .current_issue .obj_issue_toc > .heading {
    margin-top: 0 !important;
    border-color: #D9DEE8 !important;
    border-top: 0 !important;
    box-shadow: 0 4px 14px rgba(14, 42, 71, 0.035) !important;
}

/* Prevent subtle seams from inherited backgrounds */
.pkp_page_index .current_issue .obj_issue_toc > .heading,
.pkp_page_index .current_issue_title {
    background-clip: padding-box !important;
}

/* Mobile */
@media (max-width: 767px) {
    .pkp_page_index .current_issue_title,
    .pkp_page_index .current_issue .obj_issue_toc > .heading {
        background: #FCFBF8 !important;
        background-image: none !important;
    }
}


/* =========================================================
   72. CURRENT ISSUE HERO — SOFT GRAY MATCH (v84)
   Match the soft gray-white used in the Journal Summary focus row.
   ========================================================= */

.pkp_page_index .current_issue_title,
.pkp_page_index .current_issue .obj_issue_toc > .heading {
    background: #F7F8FA !important;
    background-image: none !important;
}

/* Keep the joined card clean and flat */
.pkp_page_index .current_issue_title {
    border-color: #D9DEE8 !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
}

.pkp_page_index .current_issue .obj_issue_toc > .heading {
    border-color: #D9DEE8 !important;
    border-top: 0 !important;
    box-shadow: 0 4px 14px rgba(14, 42, 71, 0.03) !important;
}

/* No decorative overlays */
.pkp_page_index .current_issue_title::after,
.pkp_page_index .current_issue .obj_issue_toc > .heading::before,
.pkp_page_index .current_issue .obj_issue_toc > .heading::after {
    content: none !important;
    display: none !important;
}

@media (max-width: 767px) {
    .pkp_page_index .current_issue_title,
    .pkp_page_index .current_issue .obj_issue_toc > .heading {
        background: #F7F8FA !important;
    }
}


/* =========================================================
   73. ISSUE VIEW PAGE — COVER CARD (v85)
   Match the Current Issue hero styling used on the homepage.
   ========================================================= */

/* Issue page title */
.pkp_page_issue .page_title,
.pkp_page_issue h1.page_title {
    margin-bottom: 14px !important;
    font-family: var(--albuchuts-font-main, "Lora", Georgia, serif) !important;
    color: #0E2A47 !important;
}

/* Soft-gray issue cover panel */
.pkp_page_issue .obj_issue_toc > .heading {
    display: grid !important;
    grid-template-columns: 230px minmax(0, 1fr) !important;
    column-gap: 34px !important;
    align-items: start !important;

    margin: 0 0 28px !important;
    padding: 28px 34px !important;

    background: #F7F8FA !important;
    background-image: none !important;

    border: 1px solid #D9DEE8 !important;
    border-radius: 14px !important;
    box-shadow: 0 4px 14px rgba(14, 42, 71, 0.03) !important;
    box-sizing: border-box !important;
}

/* Remove decorative inherited pseudo-elements */
.pkp_page_issue .obj_issue_toc > .heading::before,
.pkp_page_issue .obj_issue_toc > .heading::after {
    content: none !important;
    display: none !important;
}

/* Cover image */
.pkp_page_issue .obj_issue_toc > .heading .cover {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    width: 230px !important;
    margin: 0 !important;
}

.pkp_page_issue .obj_issue_toc > .heading .cover img {
    display: block !important;
    width: 100% !important;
    max-width: 230px !important;
    height: auto !important;
    margin: 0 !important;

    border: 1px solid #D9DEE8 !important;
    border-radius: 3px !important;
    box-shadow: 0 8px 20px rgba(14, 42, 71, 0.10) !important;
}

/* Publication date */
.pkp_page_issue .obj_issue_toc > .heading .published {
    grid-column: 2 !important;
    grid-row: 1 !important;

    display: flex !important;
    align-items: baseline !important;
    gap: 8px !important;

    margin: 0 !important;
    padding: 4px 0 0 !important;

    font-family: var(--albuchuts-font-main, "Lora", Georgia, serif) !important;
}

.pkp_page_issue .obj_issue_toc > .heading .published .label {
    font-size: 0.86rem !important;
    font-weight: 600 !important;
    color: #66717E !important;
}

.pkp_page_issue .obj_issue_toc > .heading .published .value {
    font-size: 1rem !important;
    font-weight: 600 !important;
    color: #163A5F !important;
}

/* Issue article section spacing */
.pkp_page_issue .obj_issue_toc > .sections {
    margin-top: 0 !important;
}

/* Mobile */
@media (max-width: 767px) {
    .pkp_page_issue .obj_issue_toc > .heading {
        display: block !important;
        padding: 18px !important;
        border-radius: 10px !important;
    }

    .pkp_page_issue .obj_issue_toc > .heading .cover {
        width: 150px !important;
        margin: 0 auto 16px !important;
    }

    .pkp_page_issue .obj_issue_toc > .heading .cover img {
        max-width: 150px !important;
    }

    .pkp_page_issue .obj_issue_toc > .heading .published {
        justify-content: center !important;
        text-align: center !important;
    }
}


/* =========================================================
   74. INDIVIDUAL ARTICLE PAGE — EDITORIAL REDESIGN (v86)
   Scoped only to article pages.
   ========================================================= */

/* ---------- Breadcrumb ---------- */
.pkp_page_article .cmp_breadcrumbs {
    margin: 6px 0 18px !important;
    padding: 0 !important;
    font-family: var(--albuchuts-font-main, "Lora", Georgia, serif) !important;
    font-size: 0.78rem !important;
    color: #7A8490 !important;
}

.pkp_page_article .cmp_breadcrumbs a {
    color: #66717E !important;
    text-decoration: none !important;
}

.pkp_page_article .cmp_breadcrumbs a:hover {
    color: #163A5F !important;
}

.pkp_page_article .cmp_breadcrumbs .separator {
    color: #C8A349 !important;
    margin: 0 6px !important;
}

/* ---------- Article title ---------- */
.pkp_page_article .obj_article_details > .page_title {
    margin: 0 0 22px !important;
    padding: 0 0 16px !important;

    border-bottom: 2px solid #C8A349 !important;

    font-family: var(--albuchuts-font-main, "Lora", Georgia, serif) !important;
    font-size: 2rem !important;
    line-height: 1.28 !important;
    font-weight: 600 !important;
    letter-spacing: -0.01em !important;
    color: #0E2A47 !important;
}

/* ---------- Main two-column layout ---------- */
.pkp_page_article .obj_article_details > .row {
    align-items: flex-start !important;
}

/* ---------- Authors ---------- */
.pkp_page_article .main_entry > .item.authors {
    margin: 0 0 20px !important;
}

.pkp_page_article .main_entry > .item.authors ul.authors {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;

    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.pkp_page_article .main_entry > .item.authors ul.authors > li {
    display: grid !important;
    grid-template-columns: minmax(180px, .9fr) minmax(220px, 1.4fr) auto !important;
    align-items: center !important;
    gap: 12px !important;

    margin: 0 !important;
    padding: 11px 14px !important;

    background: #F7F8FA !important;
    border: 1px solid #E1E5EB !important;
    border-radius: 8px !important;
}

.pkp_page_article .item.authors .name {
    display: block !important;
    font-family: var(--albuchuts-font-main, "Lora", Georgia, serif) !important;
    font-size: 0.94rem !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
    color: #163A5F !important;
}

.pkp_page_article .item.authors .affiliation {
    display: block !important;
    font-family: var(--albuchuts-font-main, "Lora", Georgia, serif) !important;
    font-size: 0.82rem !important;
    line-height: 1.4 !important;
    color: #5F6B78 !important;
}

.pkp_page_article .item.authors .userGroup {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 4px 8px !important;
    border-radius: 999px !important;
    background: #EEF1F4 !important;

    font-family: var(--albuchuts-font-main, "Lora", Georgia, serif) !important;
    font-size: 0.68rem !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    color: #66717E !important;
}

/* ---------- DOI + Keywords compact metadata ---------- */
.pkp_page_article .main_entry > .item.doi,
.pkp_page_article .main_entry > .item.keywords {
    display: grid !important;
    grid-template-columns: 92px minmax(0, 1fr) !important;
    align-items: start !important;
    gap: 14px !important;

    margin: 0 0 10px !important;
    padding: 11px 14px !important;

    background: #FFFFFF !important;
    border: 1px solid #E1E5EB !important;
    border-radius: 8px !important;
}

.pkp_page_article .main_entry > .item.doi .label,
.pkp_page_article .main_entry > .item.keywords .label {
    margin: 0 !important;
    padding: 0 !important;

    font-family: var(--albuchuts-font-main, "Lora", Georgia, serif) !important;
    font-size: 0.78rem !important;
    line-height: 1.4 !important;
    font-weight: 700 !important;
    color: #163A5F !important;
}

.pkp_page_article .main_entry > .item.doi .value,
.pkp_page_article .main_entry > .item.keywords .value {
    font-family: var(--albuchuts-font-main, "Lora", Georgia, serif) !important;
    font-size: 0.82rem !important;
    line-height: 1.5 !important;
    color: #4F6072 !important;
}

.pkp_page_article .main_entry > .item.doi .value a {
    color: #163A5F !important;
    text-decoration: none !important;
    border-bottom: 1px solid rgba(200, 163, 73, .65) !important;
}

.pkp_page_article .main_entry > .item.doi .value a:hover {
    color: #0E2A47 !important;
    border-bottom-color: #C8A349 !important;
}

/* ---------- Abstract ---------- */
.pkp_page_article .main_entry > .item.abstract {
    margin: 22px 0 0 !important;
    padding: 20px 22px !important;

    background: #F7F8FA !important;
    border: 1px solid #D9DEE8 !important;
    border-radius: 10px !important;
}

.pkp_page_article .main_entry > .item.abstract > .label {
    position: relative !important;
    margin: 0 0 14px !important;
    padding: 0 0 9px !important;

    border-bottom: 1px solid #D9DEE8 !important;

    font-family: var(--albuchuts-font-main, "Lora", Georgia, serif) !important;
    font-size: 1.2rem !important;
    line-height: 1.3 !important;
    font-weight: 600 !important;
    color: #163A5F !important;
}

.pkp_page_article .main_entry > .item.abstract > .label::after {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    bottom: -1px !important;
    width: 48px !important;
    height: 2px !important;
    background: #C8A349 !important;
}

.pkp_page_article .main_entry > .item.abstract p,
.pkp_page_article .main_entry > .item.abstract em {
    font-family: var(--albuchuts-font-main, "Lora", Georgia, serif) !important;
    font-size: 0.96rem !important;
    line-height: 1.78 !important;
    color: #2F3A46 !important;
}

.pkp_page_article .main_entry > .item.abstract em {
    font-style: normal !important;
}

/* ---------- Right details column ---------- */
.pkp_page_article .entry_details {
    padding-left: 24px !important;
}

/* Cover card */
.pkp_page_article .entry_details > .item.cover_image {
    margin: 0 0 14px !important;
    padding: 18px !important;

    background: #F7F8FA !important;
    border: 1px solid #D9DEE8 !important;
    border-radius: 10px !important;
    text-align: center !important;
}

.pkp_page_article .entry_details > .item.cover_image img {
    width: 100% !important;
    max-width: 210px !important;
    height: auto !important;

    border: 1px solid #D9DEE8 !important;
    box-shadow: 0 8px 20px rgba(14, 42, 71, .08) !important;
}

/* PDF button */
.pkp_page_article .entry_details > .item.galleys {
    margin: 0 0 14px !important;
}

.pkp_page_article .entry_details .galleys_links {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.pkp_page_article .entry_details .obj_galley_link {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;

    width: 100% !important;
    min-height: 42px !important;
    box-sizing: border-box !important;

    padding: 8px 12px !important;

    background: #163A5F !important;
    border: 1px solid #163A5F !important;
    border-radius: 8px !important;

    font-family: var(--albuchuts-font-main, "Lora", Georgia, serif) !important;
    font-size: 0.84rem !important;
    font-weight: 600 !important;
    color: #FFFFFF !important;
    text-transform: none !important;
    text-decoration: none !important;
}

.pkp_page_article .entry_details .obj_galley_link::before {
    content: "\f019" !important;
    font-family: FontAwesome !important;
    font-size: 0.88rem !important;
    color: #C8A349 !important;
}

.pkp_page_article .entry_details .obj_galley_link:hover {
    background: #0E2A47 !important;
}

/* Metadata blocks */
.pkp_page_article .entry_details > .item.published,
.pkp_page_article .entry_details > .item.issue {
    margin: 0 0 12px !important;
    padding: 13px 15px !important;

    background: #FFFFFF !important;
    border: 1px solid #E1E5EB !important;
    border-radius: 8px !important;
}

.pkp_page_article .entry_details .item.published .label,
.pkp_page_article .entry_details .item.issue .label {
    margin: 0 0 4px !important;
    font-family: var(--albuchuts-font-main, "Lora", Georgia, serif) !important;
    font-size: 0.72rem !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    letter-spacing: .04em !important;
    text-transform: uppercase !important;
    color: #163A5F !important;
}

.pkp_page_article .entry_details .item.published .value,
.pkp_page_article .entry_details .item.issue .value,
.pkp_page_article .entry_details .item.issue .value a {
    font-family: var(--albuchuts-font-main, "Lora", Georgia, serif) !important;
    font-size: 0.80rem !important;
    line-height: 1.45 !important;
    color: #4F6072 !important;
}

/* Citation card */
.pkp_page_article .entry_details > .item.citation {
    margin: 14px 0 0 !important;
    padding: 15px !important;

    background: #F7F8FA !important;
    border: 1px solid #D9DEE8 !important;
    border-radius: 9px !important;
}

.pkp_page_article .entry_details .item.citation .label {
    margin-bottom: 8px !important;
    font-family: var(--albuchuts-font-main, "Lora", Georgia, serif) !important;
    font-size: 0.78rem !important;
    font-weight: 700 !important;
    color: #163A5F !important;
}

.pkp_page_article #citationOutput {
    font-family: var(--albuchuts-font-main, "Lora", Georgia, serif) !important;
    font-size: 0.76rem !important;
    line-height: 1.55 !important;
    color: #4F6072 !important;
}

/* More citation formats button */
.pkp_page_article .citation_formats_button {
    margin-top: 10px !important;
    padding: 7px 10px !important;

    background: #FFFFFF !important;
    border: 1px solid #D9DEE8 !important;
    border-radius: 7px !important;

    font-family: var(--albuchuts-font-main, "Lora", Georgia, serif) !important;
    font-size: 0.72rem !important;
    font-weight: 600 !important;
    color: #163A5F !important;
}

/* ---------- Responsive ---------- */
@media (max-width: 991px) {
    .pkp_page_article .main_entry > .item.authors ul.authors > li {
        grid-template-columns: 1fr !important;
        gap: 3px !important;
    }

    .pkp_page_article .entry_details {
        padding-left: 0 !important;
        margin-top: 24px !important;
    }
}

@media (max-width: 767px) {
    .pkp_page_article .obj_article_details > .page_title {
        font-size: 1.45rem !important;
        line-height: 1.32 !important;
    }

    .pkp_page_article .main_entry > .item.doi,
    .pkp_page_article .main_entry > .item.keywords {
        grid-template-columns: 1fr !important;
        gap: 4px !important;
    }

    .pkp_page_article .main_entry > .item.abstract {
        padding: 16px !important;
    }
}


/* =========================================================
   75. ARTICLE AUTHORS — CLEAN STACKED STYLE (v87)
   - no author cards
   - name + affiliation on two lines
   - hide "Author" role
   - align left edges with DOI, Keywords, Abstract
   ========================================================= */

/* Keep all main-entry blocks on the same left edge */
.pkp_page_article .main_entry {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.pkp_page_article .main_entry > .item.authors,
.pkp_page_article .main_entry > .item.doi,
.pkp_page_article .main_entry > .item.keywords,
.pkp_page_article .main_entry > .item.abstract {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Authors section: plain, no outer card */
.pkp_page_article .main_entry > .item.authors {
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* One author per row */
.pkp_page_article .main_entry > .item.authors ul.authors {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

/* Remove individual author cards */
.pkp_page_article .main_entry > .item.authors ul.authors > li {
    display: block !important;
    margin: 0 0 12px !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* Author name */
.pkp_page_article .item.authors .name {
    display: block !important;
    margin: 0 0 2px !important;
    padding: 0 !important;

    font-family: var(--albuchuts-font-main, "Lora", Georgia, serif) !important;
    font-size: 0.98rem !important;
    line-height: 1.35 !important;
    font-weight: 600 !important;
    color: #163A5F !important;
}

/* Affiliation on second line */
.pkp_page_article .item.authors .affiliation {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;

    font-family: var(--albuchuts-font-main, "Lora", Georgia, serif) !important;
    font-size: 0.84rem !important;
    line-height: 1.45 !important;
    font-weight: 400 !important;
    color: #5F6B78 !important;
}

/* Hide role label such as "Author" */
.pkp_page_article .item.authors .userGroup {
    display: none !important;
}

/* DOI + Keywords keep their existing cards, but align perfectly */
.pkp_page_article .main_entry > .item.doi,
.pkp_page_article .main_entry > .item.keywords {
    margin-top: 0 !important;
    margin-bottom: 10px !important;
}

/* Abstract aligns to the same left edge */
.pkp_page_article .main_entry > .item.abstract {
    margin-top: 22px !important;
}

/* Ensure no inherited indent on inner author list */
.pkp_page_article .main_entry > .item.authors ul,
.pkp_page_article .main_entry > .item.authors li {
    margin-left: 0 !important;
    padding-left: 0 !important;
}

/* Mobile keeps the same simple hierarchy */
@media (max-width: 767px) {
    .pkp_page_article .main_entry > .item.authors ul.authors > li {
        margin-bottom: 10px !important;
    }

    .pkp_page_article .item.authors .name {
        font-size: 0.94rem !important;
    }

    .pkp_page_article .item.authors .affiliation {
        font-size: 0.80rem !important;
    }
}


/* =========================================================
   76. ARTICLE MAIN CONTENT LEFT ALIGNMENT (v88)
   Align Authors, DOI, Keywords, and Abstract with article title.
   ========================================================= */

/* The article title has a larger left inset than the main-entry column.
   Add the same visual inset to all main content blocks. */
.pkp_page_article .obj_article_details .main_entry {
    padding-left: 46px !important;
    padding-right: 10px !important;
    box-sizing: border-box !important;
}

/* Keep all major content blocks on exactly the same left edge */
.pkp_page_article .main_entry > .item.authors,
.pkp_page_article .main_entry > .item.doi,
.pkp_page_article .main_entry > .item.keywords,
.pkp_page_article .main_entry > .item.abstract {
    margin-left: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Author names and affiliations */
.pkp_page_article .main_entry > .item.authors ul.authors,
.pkp_page_article .main_entry > .item.authors ul.authors > li,
.pkp_page_article .main_entry > .item.authors .name,
.pkp_page_article .main_entry > .item.authors .affiliation {
    margin-left: 0 !important;
    padding-left: 0 !important;
}

/* DOI and Keywords inner labels remain aligned within their cards */
.pkp_page_article .main_entry > .item.doi,
.pkp_page_article .main_entry > .item.keywords {
    padding-left: 22px !important;
}

/* Abstract heading/content follows the same outer edge */
.pkp_page_article .main_entry > .item.abstract {
    padding-left: 22px !important;
}

/* Tablet */
@media (max-width: 991px) {
    .pkp_page_article .obj_article_details .main_entry {
        padding-left: 34px !important;
        padding-right: 0 !important;
    }
}

/* Mobile: remove the desktop alignment offset */
@media (max-width: 767px) {
    .pkp_page_article .obj_article_details .main_entry {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}


/* =========================================================
   77. ARTICLE PAGE SEPARATOR CLEANUP (v89)
   - remove horizontal divider below article title
   - remove vertical divider between main content and sidebar
   ========================================================= */

/* Remove horizontal rule separating title from author block */
.pkp_page_article .obj_article_details > .page_title {
    border-bottom: 0 !important;
    padding-bottom: 8px !important;
    margin-bottom: 20px !important;
}

/* Remove any generated/adjacent separator below title */
.pkp_page_article .obj_article_details > .page_title::after,
.pkp_page_article .obj_article_details > .page_title::before {
    content: none !important;
    display: none !important;
}

/* Remove vertical divider between left article content and right sidebar */
.pkp_page_article .obj_article_details > .row,
.pkp_page_article .obj_article_details .main_entry,
.pkp_page_article .obj_article_details .entry_details {
    border-left: 0 !important;
    border-right: 0 !important;
}

/* Specifically neutralize inherited divider on the sidebar column */
.pkp_page_article .entry_details {
    border-left: 0 !important;
    box-shadow: none !important;
}

/* Remove pseudo-element dividers if the theme adds them */
.pkp_page_article .obj_article_details > .row::before,
.pkp_page_article .obj_article_details > .row::after,
.pkp_page_article .main_entry::after,
.pkp_page_article .entry_details::before {
    content: none !important;
    display: none !important;
}

/* Keep spacing between columns through whitespace only */
.pkp_page_article .entry_details {
    padding-left: 30px !important;
}

/* Mobile/tablet */
@media (max-width: 991px) {
    .pkp_page_article .entry_details {
        padding-left: 0 !important;
    }
}


/* =========================================================
   78. ARTICLE TOP DIVIDER — DEFINITIVE FIX (v90)
   The remaining horizontal line is the top border on the
   article detail row, not the page title itself.
   ========================================================= */

/* Remove the horizontal divider above authors/sidebar */
.pkp_page_article .obj_article_details > .row {
    border-top: 0 !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
}

/* Neutralize borders on both columns at their top edge */
.pkp_page_article .obj_article_details > .row > .main_entry,
.pkp_page_article .obj_article_details > .row > .entry_details {
    border-top: 0 !important;
    box-shadow: none !important;
}

/* Remove any theme-generated horizontal rules */
.pkp_page_article .obj_article_details > .row::before,
.pkp_page_article .obj_article_details > .row::after,
.pkp_page_article .obj_article_details > .row > .main_entry::before,
.pkp_page_article .obj_article_details > .row > .entry_details::before {
    content: none !important;
    display: none !important;
    border: 0 !important;
}

/* Also suppress HR elements if the theme inserts one here */
.pkp_page_article .obj_article_details > hr,
.pkp_page_article .obj_article_details > .page_title + hr,
.pkp_page_article .obj_article_details > hr + .row {
    border: 0 !important;
    display: none !important;
}

/* Keep spacing without using a visual rule */
.pkp_page_article .obj_article_details > .row {
    margin-top: 0 !important;
    padding-top: 0 !important;
}


/* =========================================================
   79. ARTICLE ALIGNMENT + TYPOGRAPHY (v91)
   - align author/affiliation/DOI/keywords with title
   - enlarge author, affiliation, DOI, keywords typography
   ========================================================= */

/* Use the same horizontal inset as the article title */
.pkp_page_article .obj_article_details {
    --albuchuts-article-inset: 38px;
}

/* Title reference edge */
.pkp_page_article .obj_article_details > .page_title {
    padding-left: var(--albuchuts-article-inset) !important;
    padding-right: var(--albuchuts-article-inset) !important;
    box-sizing: border-box !important;
}

/* Main content uses the exact same left edge */
.pkp_page_article .obj_article_details .main_entry {
    padding-left: var(--albuchuts-article-inset) !important;
    padding-right: 10px !important;
    box-sizing: border-box !important;
}

/* Authors */
.pkp_page_article .main_entry > .item.authors {
    margin-left: 0 !important;
    padding-left: 0 !important;
}

.pkp_page_article .item.authors .name {
    font-size: 1.08rem !important;
    line-height: 1.4 !important;
    font-weight: 600 !important;
}

.pkp_page_article .item.authors .affiliation {
    font-size: 0.96rem !important;
    line-height: 1.5 !important;
}

/* DOI + Keywords cards:
   remove extra left offset so the card border aligns with title */
.pkp_page_article .main_entry > .item.doi,
.pkp_page_article .main_entry > .item.keywords {
    margin-left: 0 !important;
    padding: 14px 18px !important;
}

/* Larger DOI/Keywords labels */
.pkp_page_article .main_entry > .item.doi .label,
.pkp_page_article .main_entry > .item.keywords .label {
    font-size: 0.92rem !important;
    line-height: 1.45 !important;
}

/* Larger DOI/Keywords values */
.pkp_page_article .main_entry > .item.doi .value,
.pkp_page_article .main_entry > .item.keywords .value {
    font-size: 0.96rem !important;
    line-height: 1.55 !important;
}

.pkp_page_article .main_entry > .item.doi .value a {
    font-size: 0.96rem !important;
}

/* Abstract card starts on the same title edge */
.pkp_page_article .main_entry > .item.abstract {
    margin-left: 0 !important;
    padding-left: 22px !important;
}

/* Ensure author list itself has no hidden offset */
.pkp_page_article .main_entry > .item.authors ul.authors,
.pkp_page_article .main_entry > .item.authors ul.authors > li {
    margin-left: 0 !important;
    padding-left: 0 !important;
}

/* Tablet */
@media (max-width: 991px) {
    .pkp_page_article .obj_article_details {
        --albuchuts-article-inset: 28px;
    }
}

/* Mobile */
@media (max-width: 767px) {
    .pkp_page_article .obj_article_details {
        --albuchuts-article-inset: 0px;
    }

    .pkp_page_article .item.authors .name {
        font-size: 1rem !important;
    }

    .pkp_page_article .item.authors .affiliation,
    .pkp_page_article .main_entry > .item.doi .value,
    .pkp_page_article .main_entry > .item.keywords .value,
    .pkp_page_article .main_entry > .item.doi .value a {
        font-size: 0.90rem !important;
    }

    .pkp_page_article .main_entry > .item.doi .label,
    .pkp_page_article .main_entry > .item.keywords .label {
        font-size: 0.88rem !important;
    }
}


/* =========================================================
   80. ARTICLE TITLE LEFT ALIGNMENT (v92)
   Move only the article title left so it aligns with
   breadcrumbs, author names, affiliation, DOI, keywords,
   and abstract.
   ========================================================= */

/* Undo the extra title inset introduced in v91 */
.pkp_page_article .obj_article_details > .page_title {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Keep main content alignment from v91 unchanged */
.pkp_page_article .obj_article_details .main_entry {
    padding-left: var(--albuchuts-article-inset) !important;
}

/* Desktop: visually align title to the same content start */
@media (min-width: 992px) {
    .pkp_page_article .obj_article_details > .page_title {
        transform: translateX(-38px) !important;
        width: calc(100% + 38px) !important;
    }
}

/* Tablet */
@media (max-width: 991px) and (min-width: 768px) {
    .pkp_page_article .obj_article_details > .page_title {
        transform: translateX(-28px) !important;
        width: calc(100% + 28px) !important;
    }
}

/* Mobile: no shift */
@media (max-width: 767px) {
    .pkp_page_article .obj_article_details > .page_title {
        transform: none !important;
        width: 100% !important;
    }
}


/* =========================================================
   81. ARTICLE TITLE EXACT ALIGNMENT (v93)
   Fix v92 over-shift: align title to the same content inset
   used by authors, affiliation, DOI, keywords, and abstract.
   ========================================================= */

/* Completely cancel the transform-based correction from v92 */
.pkp_page_article .obj_article_details > .page_title {
    transform: none !important;

    /* Use the same left inset as the main content */
    margin-left: var(--albuchuts-article-inset) !important;
    margin-right: 0 !important;

    padding-left: 0 !important;
    padding-right: 0 !important;

    width: calc(100% - var(--albuchuts-article-inset)) !important;
    box-sizing: border-box !important;
}

/* Desktop */
@media (min-width: 992px) {
    .pkp_page_article .obj_article_details > .page_title {
        transform: none !important;
        margin-left: var(--albuchuts-article-inset) !important;
        width: calc(100% - var(--albuchuts-article-inset)) !important;
    }
}

/* Tablet */
@media (max-width: 991px) and (min-width: 768px) {
    .pkp_page_article .obj_article_details > .page_title {
        transform: none !important;
        margin-left: var(--albuchuts-article-inset) !important;
        width: calc(100% - var(--albuchuts-article-inset)) !important;
    }
}

/* Mobile */
@media (max-width: 767px) {
    .pkp_page_article .obj_article_details > .page_title {
        transform: none !important;
        margin-left: 0 !important;
        width: 100% !important;
    }
}


/* =========================================================
   82. ARTICLE TITLE — FINAL LEFT EDGE CORRECTION (v94)
   Reset the v93 inset and compensate for the theme's own
   title wrapper offset so the title aligns with the author,
   affiliation, DOI, keywords, abstract, and breadcrumbs.
   ========================================================= */

/* Desktop */
@media (min-width: 992px) {
    .pkp_page_article .obj_article_details > .page_title {
        transform: none !important;
        position: relative !important;
        left: -18px !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        padding-left: 0 !important;
        padding-right: 0 !important;

        width: calc(100% + 18px) !important;
        box-sizing: border-box !important;
    }
}

/* Tablet */
@media (max-width: 991px) and (min-width: 768px) {
    .pkp_page_article .obj_article_details > .page_title {
        transform: none !important;
        position: relative !important;
        left: -10px !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        padding-left: 0 !important;
        padding-right: 0 !important;

        width: calc(100% + 10px) !important;
    }
}

/* Mobile */
@media (max-width: 767px) {
    .pkp_page_article .obj_article_details > .page_title {
        position: static !important;
        left: auto !important;
        transform: none !important;
        margin-left: 0 !important;
        width: 100% !important;
    }
}


/* =========================================================
   83. ARTICLE TITLE — MEASURED ALIGNMENT (v95)
   Based on the supplied screenshot:
   - current title visual start ≈ 24 px
   - author/card content start ≈ 68–75 px
   - correction required ≈ +48 px
   ========================================================= */

@media (min-width: 992px) {
    .pkp_page_article .obj_article_details > .page_title {
        position: relative !important;
        left: 30px !important; /* replaces v94 left:-18px; net shift ≈ +48px */

        transform: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;

        padding-left: 0 !important;
        padding-right: 0 !important;

        width: calc(100% - 30px) !important;
        box-sizing: border-box !important;
    }
}

/* Tablet: smaller correction */
@media (max-width: 991px) and (min-width: 768px) {
    .pkp_page_article .obj_article_details > .page_title {
        position: relative !important;
        left: 18px !important;
        width: calc(100% - 18px) !important;
    }
}

/* Mobile: no artificial horizontal correction */
@media (max-width: 767px) {
    .pkp_page_article .obj_article_details > .page_title {
        position: static !important;
        left: auto !important;
        width: 100% !important;
    }
}


/* =========================================================
   84. ARTICLE TITLE — EDITORIAL BLOCK (v96)
   Intentional hierarchy instead of fragile pixel alignment.
   Resets all previous title shifts and gives the title its own
   editorial block, while keeping authors/metadata aligned.
   ========================================================= */

/* Reset all previous title positioning tricks */
.pkp_page_article .obj_article_details > .page_title {
    position: static !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;

    width: auto !important;
    max-width: none !important;

    margin: 0 0 28px !important;
    padding: 22px 28px 22px 30px !important;

    background: #F7F8FA !important;
    border: 1px solid #D9DEE8 !important;
    border-left: 5px solid #C8A349 !important;
    border-radius: 10px !important;
    box-shadow: none !important;

    font-family: var(--albuchuts-font-main, "Lora", Georgia, serif) !important;
    font-size: 2rem !important;
    line-height: 1.28 !important;
    font-weight: 600 !important;
    letter-spacing: -0.01em !important;
    color: #0E2A47 !important;
    box-sizing: border-box !important;
}

/* Keep author/metadata column clean and consistently aligned */
.pkp_page_article .obj_article_details .main_entry {
    padding-left: var(--albuchuts-article-inset) !important;
    padding-right: 10px !important;
}

/* Slightly tighten space after breadcrumb so title block feels connected */
.pkp_page_article .cmp_breadcrumbs {
    margin-bottom: 18px !important;
}

/* Tablet */
@media (max-width: 991px) and (min-width: 768px) {
    .pkp_page_article .obj_article_details > .page_title {
        padding: 19px 22px 19px 24px !important;
        font-size: 1.72rem !important;
    }
}

/* Mobile */
@media (max-width: 767px) {
    .pkp_page_article .obj_article_details > .page_title {
        margin-bottom: 20px !important;
        padding: 16px 16px 16px 18px !important;
        border-left-width: 4px !important;
        border-radius: 8px !important;
        font-size: 1.42rem !important;
        line-height: 1.32 !important;
    }
}


/* =========================================================
   85. ARTICLE TITLE — GOLD LINE ONLY (v97)
   Remove title card/background and keep a refined gold accent line.
   ========================================================= */

.pkp_page_article .obj_article_details > .page_title {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;

    width: auto !important;
    max-width: none !important;

    margin: 0 0 30px !important;
    padding: 0 0 18px !important;

    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;

    font-family: var(--albuchuts-font-main, "Lora", Georgia, serif) !important;
    font-size: 2rem !important;
    line-height: 1.28 !important;
    font-weight: 600 !important;
    letter-spacing: -0.01em !important;
    color: #0E2A47 !important;
}

/* Short elegant gold line under the title */
.pkp_page_article .obj_article_details > .page_title::after {
    content: "" !important;
    display: block !important;
    width: 82px !important;
    height: 3px !important;
    margin-top: 16px !important;
    background: #C8A349 !important;
    border-radius: 999px !important;
}

/* Ensure no inherited card pseudo-elements remain */
.pkp_page_article .obj_article_details > .page_title::before {
    content: none !important;
    display: none !important;
}

/* Tablet */
@media (max-width: 991px) and (min-width: 768px) {
    .pkp_page_article .obj_article_details > .page_title {
        font-size: 1.72rem !important;
        padding-bottom: 15px !important;
    }

    .pkp_page_article .obj_article_details > .page_title::after {
        width: 72px !important;
        height: 3px !important;
        margin-top: 14px !important;
    }
}

/* Mobile */
@media (max-width: 767px) {
    .pkp_page_article .obj_article_details > .page_title {
        margin-bottom: 22px !important;
        padding-bottom: 12px !important;
        font-size: 1.42rem !important;
        line-height: 1.32 !important;
    }

    .pkp_page_article .obj_article_details > .page_title::after {
        width: 58px !important;
        height: 2px !important;
        margin-top: 12px !important;
    }
}


/* =========================================================
   86. ARTICLE SIDEBAR — GOLD SEPARATOR STYLE (v98)
   Remove card boxes from sidebar metadata.
   Use clean whitespace + gold separators instead.
   ========================================================= */

/* Sidebar overall */
.pkp_page_article .entry_details {
    background: transparent !important;
}

/* Cover: remove outer card, keep only the image itself */
.pkp_page_article .entry_details > .item.cover_image {
    margin: 0 0 22px !important;
    padding: 0 0 22px !important;

    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;

    border-bottom: 1px solid #C8A349 !important;
    text-align: center !important;
}

.pkp_page_article .entry_details > .item.cover_image img {
    max-width: 230px !important;
    border: 1px solid #D9DEE8 !important;
    border-radius: 2px !important;
    box-shadow: 0 6px 16px rgba(14, 42, 71, .06) !important;
}

/* PDF block: keep button, but remove surrounding rule/card */
.pkp_page_article .entry_details > .item.galleys {
    margin: 0 0 20px !important;
    padding: 0 0 22px !important;

    border: 0 !important;
    border-bottom: 1px solid #C8A349 !important;
    background: transparent !important;
}

/* Published / Issue / Section / Citation:
   flat layout separated by gold rules */
.pkp_page_article .entry_details > .item.published,
.pkp_page_article .entry_details > .item.issue,
.pkp_page_article .entry_details > .item.citation {
    margin: 0 !important;
    padding: 17px 4px 18px !important;

    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;

    border-bottom: 1px solid #C8A349 !important;
}

/* Slightly stronger typographic hierarchy */
.pkp_page_article .entry_details .item.published .label,
.pkp_page_article .entry_details .item.issue .label,
.pkp_page_article .entry_details .item.citation .label {
    margin: 0 0 6px !important;

    font-family: var(--albuchuts-font-main, "Lora", Georgia, serif) !important;
    font-size: 0.78rem !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    letter-spacing: .04em !important;
    text-transform: uppercase !important;
    color: #163A5F !important;
}

.pkp_page_article .entry_details .item.published .value,
.pkp_page_article .entry_details .item.issue .value,
.pkp_page_article .entry_details .item.issue .value a,
.pkp_page_article .entry_details #citationOutput {
    font-family: var(--albuchuts-font-main, "Lora", Georgia, serif) !important;
    font-size: 0.84rem !important;
    line-height: 1.5 !important;
    color: #4F6072 !important;
}

/* Separate Issue and Section internally with whitespace only */
.pkp_page_article .entry_details .item.issue .sub_item + .sub_item {
    margin-top: 16px !important;
}

/* Citation formats button stays subtle */
.pkp_page_article .citation_formats_button {
    margin-top: 10px !important;
    background: #F7F8FA !important;
    border: 1px solid #D9DEE8 !important;
}

/* If the theme ever exposes article pages in the sidebar,
   style them consistently with the same flat pattern. */
.pkp_page_article .entry_details > .item.pages,
.pkp_page_article .entry_details .sub_item.pages {
    margin: 0 !important;
    padding: 17px 4px 18px !important;

    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid #C8A349 !important;

    font-family: var(--albuchuts-font-main, "Lora", Georgia, serif) !important;
    font-size: 0.84rem !important;
    color: #4F6072 !important;
}

/* Mobile */
@media (max-width: 991px) {
    .pkp_page_article .entry_details > .item.cover_image {
        text-align: left !important;
    }

    .pkp_page_article .entry_details > .item.cover_image img {
        max-width: 190px !important;
    }
}


/* =========================================================
   87. SIDEBAR GOLD SEPARATORS — RIGHT INSET (v99)
   Keep gold rules from touching the sidebar boundary.
   ========================================================= */

/* Remove full-width bottom borders */
.pkp_page_article .entry_details > .item.cover_image,
.pkp_page_article .entry_details > .item.galleys,
.pkp_page_article .entry_details > .item.published,
.pkp_page_article .entry_details > .item.issue,
.pkp_page_article .entry_details > .item.citation {
    position: relative !important;
    border-bottom: 0 !important;
}

/* Add a shorter gold separator with breathing room on the right */
.pkp_page_article .entry_details > .item.cover_image::after,
.pkp_page_article .entry_details > .item.galleys::after,
.pkp_page_article .entry_details > .item.published::after,
.pkp_page_article .entry_details > .item.issue::after,
.pkp_page_article .entry_details > .item.citation::after {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    right: 20px !important;
    bottom: 0 !important;

    height: 1px !important;
    background: #C8A349 !important;
    border: 0 !important;
    pointer-events: none !important;
}

/* Slightly more breathing room on large screens */
@media (min-width: 1200px) {
    .pkp_page_article .entry_details > .item.cover_image::after,
    .pkp_page_article .entry_details > .item.galleys::after,
    .pkp_page_article .entry_details > .item.published::after,
    .pkp_page_article .entry_details > .item.issue::after,
    .pkp_page_article .entry_details > .item.citation::after {
        right: 28px !important;
    }
}

/* Mobile/tablet: keep a modest inset */
@media (max-width: 991px) {
    .pkp_page_article .entry_details > .item.cover_image::after,
    .pkp_page_article .entry_details > .item.galleys::after,
    .pkp_page_article .entry_details > .item.published::after,
    .pkp_page_article .entry_details > .item.issue::after,
    .pkp_page_article .entry_details > .item.citation::after {
        right: 14px !important;
    }
}


/* =========================================================
   88. SIDEBAR CONTENT — MATCH GOLD SEPARATOR WIDTH (v100)
   Keep content's right edge aligned with the shorter separator.
   ========================================================= */

.pkp_page_article .entry_details {
    --albuchuts-sidebar-right-inset: 28px;
}

/* Constrain the actual content width so Issue / Citation / etc.
   end at the same visual right edge as the gold separator. */
.pkp_page_article .entry_details > .item.published,
.pkp_page_article .entry_details > .item.issue,
.pkp_page_article .entry_details > .item.citation,
.pkp_page_article .entry_details > .item.galleys,
.pkp_page_article .entry_details > .item.cover_image {
    padding-right: var(--albuchuts-sidebar-right-inset) !important;
    box-sizing: border-box !important;
}

/* Make links/text wrap inside the same width rather than extending right */
.pkp_page_article .entry_details .item.issue .value,
.pkp_page_article .entry_details .item.issue .value a,
.pkp_page_article .entry_details #citationOutput,
.pkp_page_article .entry_details #citationOutput .csl-entry,
.pkp_page_article .entry_details .citation_formats,
.pkp_page_article .entry_details .citation_formats_button {
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
}

/* Ensure citation dropdown/button does not extend beyond separator edge */
.pkp_page_article .entry_details .citation_formats_button {
    display: block !important;
}

/* Avoid long issue/citation URLs creating overflow */
.pkp_page_article .entry_details a {
    overflow-wrap: anywhere !important;
}

/* Tablet */
@media (max-width: 1199px) and (min-width: 992px) {
    .pkp_page_article .entry_details {
        --albuchuts-sidebar-right-inset: 20px;
    }
}

/* Mobile/tablet stacked sidebar */
@media (max-width: 991px) {
    .pkp_page_article .entry_details {
        --albuchuts-sidebar-right-inset: 14px;
    }
}


/* =========================================================
   89. ARTICLE PAGE — TOP SPACING COMPACTION (v101)
   Reduce the large blank area below the main navigation
   on individual article pages only.
   ========================================================= */

/* Main article column */
.pkp_structure_main:has(> .page_article) {
    padding-top: 28px !important;
}

/* Breadcrumb should begin close to the navigation */
.pkp_structure_main > .page_article {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

.pkp_structure_main > .page_article > .cmp_breadcrumbs {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Sidebar on the same article page:
   bring Make a Submission and the sidebar menu upward too */
.pkp_structure_content:has(.page_article) > .pkp_structure_sidebar {
    padding-top: 28px !important;
    margin-top: 0 !important;
}

/* Remove extra top margins from the first sidebar block/button */
.pkp_structure_content:has(.page_article) > .pkp_structure_sidebar > *:first-child,
.pkp_structure_content:has(.page_article) .pkp_structure_sidebar .block_make_submission,
.pkp_structure_content:has(.page_article) .pkp_structure_sidebar .make_submission {
    margin-top: 0 !important;
}

/* Keep both columns visually level */
.pkp_structure_content:has(.page_article) {
    align-items: flex-start !important;
}

/* Tablet */
@media (max-width: 991px) {
    .pkp_structure_main:has(> .page_article),
    .pkp_structure_content:has(.page_article) > .pkp_structure_sidebar {
        padding-top: 20px !important;
    }
}

/* Mobile */
@media (max-width: 767px) {
    .pkp_structure_main:has(> .page_article) {
        padding-top: 16px !important;
    }

    .pkp_structure_content:has(.page_article) > .pkp_structure_sidebar {
        padding-top: 18px !important;
    }
}


/* =========================================================
   90. ARTICLE PAGE — TIGHTER TOP SPACING (v102)
   Reduce remaining blank space below the navigation.
   ========================================================= */

/* Main article area */
.pkp_structure_main:has(> .page_article) {
    padding-top: 10px !important;
}

/* Article page itself */
.pkp_structure_main > .page_article {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Breadcrumb sits closer to navigation */
.pkp_structure_main > .page_article > .cmp_breadcrumbs {
    margin-top: 0 !important;
    margin-bottom: 14px !important;
    padding-top: 0 !important;
}

/* Sidebar follows the same vertical rhythm */
.pkp_structure_content:has(.page_article) > .pkp_structure_sidebar {
    padding-top: 10px !important;
    margin-top: 0 !important;
}

/* First sidebar item/button */
.pkp_structure_content:has(.page_article) > .pkp_structure_sidebar > *:first-child,
.pkp_structure_content:has(.page_article) .pkp_structure_sidebar .block_make_submission,
.pkp_structure_content:has(.page_article) .pkp_structure_sidebar .make_submission {
    margin-top: 0 !important;
}

/* Remove inherited top spacing from content wrapper if present */
.pkp_structure_content:has(.page_article) {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* Tablet */
@media (max-width: 991px) {
    .pkp_structure_main:has(> .page_article),
    .pkp_structure_content:has(.page_article) > .pkp_structure_sidebar {
        padding-top: 8px !important;
    }
}

/* Mobile */
@media (max-width: 767px) {
    .pkp_structure_main:has(> .page_article),
    .pkp_structure_content:has(.page_article) > .pkp_structure_sidebar {
        padding-top: 6px !important;
    }
}


/* =========================================================
   91. ARTICLE PAGE — BALANCED TOP SPACING (v103)
   Slightly increase the gap from v102 for a more balanced look.
   ========================================================= */

/* Desktop */
.pkp_structure_main:has(> .page_article) {
    padding-top: 16px !important;
}

.pkp_structure_content:has(.page_article) > .pkp_structure_sidebar {
    padding-top: 16px !important;
}

/* Keep breadcrumb compact but not too close to the nav */
.pkp_structure_main > .page_article > .cmp_breadcrumbs {
    margin-top: 0 !important;
    margin-bottom: 16px !important;
}

/* Tablet */
@media (max-width: 991px) {
    .pkp_structure_main:has(> .page_article),
    .pkp_structure_content:has(.page_article) > .pkp_structure_sidebar {
        padding-top: 12px !important;
    }
}

/* Mobile */
@media (max-width: 767px) {
    .pkp_structure_main:has(> .page_article),
    .pkp_structure_content:has(.page_article) > .pkp_structure_sidebar {
        padding-top: 10px !important;
    }
}


/* =========================================================
   92. ARTICLE PAGE — HEADER GAP FIX (v104)
   Move BOTH breadcrumb and sidebar down from the navigation,
   while preserving the breadcrumb-to-article spacing from v102.
   ========================================================= */

/* The reliable control point is the shared content wrapper.
   This shifts main content + sidebar together. */
body.pkp_page_article .pkp_structure_content {
    padding-top: 24px !important;
}

/* Prevent child columns from adding a second top offset */
body.pkp_page_article .pkp_structure_main,
body.pkp_page_article .pkp_structure_sidebar {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* Preserve the tighter breadcrumb-to-title spacing from v102 */
body.pkp_page_article .page_article > .cmp_breadcrumbs {
    margin-top: 0 !important;
    margin-bottom: 14px !important;
    padding-top: 0 !important;
}

/* Keep the first sidebar block aligned with breadcrumb */
body.pkp_page_article .pkp_structure_sidebar > *:first-child,
body.pkp_page_article .pkp_structure_sidebar .block_make_submission,
body.pkp_page_article .pkp_structure_sidebar .make_submission {
    margin-top: 0 !important;
}

/* Tablet */
@media (max-width: 991px) {
    body.pkp_page_article .pkp_structure_content {
        padding-top: 18px !important;
    }
}

/* Mobile */
@media (max-width: 767px) {
    body.pkp_page_article .pkp_structure_content {
        padding-top: 14px !important;
    }
}


/* =========================================================
   93. ORCID + AUTHOR BIOGRAPHY + CLEAN LINK BEHAVIOR (v105)
   - show ORCID with recognizable icon
   - style author biography without card boxes
   - remove default underlines; underline appears on hover only
   ========================================================= */

/* ---------- ORCID beside author information ---------- */

/* Common OJS ORCID selectors */
.pkp_page_article .item.authors .orcid,
.pkp_page_article .item.authors .orcid a,
.pkp_page_article .item.authors a[href*="orcid.org"] {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;

    margin-top: 4px !important;

    font-family: var(--albuchuts-font-main, "Lora", Georgia, serif) !important;
    font-size: 0.82rem !important;
    line-height: 1.3 !important;
    font-weight: 500 !important;

    color: #163A5F !important;
    text-decoration: none !important;
    border: 0 !important;
}

/* ORCID icon: green circular badge */
.pkp_page_article .item.authors .orcid a::before,
.pkp_page_article .item.authors a[href*="orcid.org"]::before {
    content: "iD" !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;

    border-radius: 50% !important;
    background: #A6CE39 !important;

    font-family: Arial, sans-serif !important;
    font-size: 9px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    color: #FFFFFF !important;
    letter-spacing: -0.3px !important;
}

/* Prevent duplicate icon if theme already supplies one */
.pkp_page_article .item.authors .orcid img,
.pkp_page_article .item.authors .orcid svg,
.pkp_page_article .item.authors a[href*="orcid.org"] img,
.pkp_page_article .item.authors a[href*="orcid.org"] svg {
    display: none !important;
}

/* Hover */
.pkp_page_article .item.authors .orcid a:hover,
.pkp_page_article .item.authors a[href*="orcid.org"]:hover {
    color: #0E2A47 !important;
    text-decoration: underline !important;
    text-decoration-color: #C8A349 !important;
    text-underline-offset: 3px !important;
}


/* ---------- Author biography: editorial, no card ---------- */

/* Cover likely OJS variants */
.pkp_page_article .main_entry > .item.author_bios,
.pkp_page_article .main_entry > .item.biographies,
.pkp_page_article .main_entry > .item.author_biography,
.pkp_page_article .main_entry > .item.biography,
.pkp_page_article .main_entry .author_bios,
.pkp_page_article .main_entry .author_bio,
.pkp_page_article .main_entry .biography {
    margin: 26px 0 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* Section heading */
.pkp_page_article .main_entry > .item.author_bios > .label,
.pkp_page_article .main_entry > .item.biographies > .label,
.pkp_page_article .main_entry > .item.author_biography > .label,
.pkp_page_article .main_entry > .item.biography > .label,
.pkp_page_article .main_entry .author_bios > h2,
.pkp_page_article .main_entry .author_bio > h2,
.pkp_page_article .main_entry .biography > h2 {
    position: relative !important;

    margin: 0 0 14px !important;
    padding: 0 0 9px !important;

    font-family: var(--albuchuts-font-main, "Lora", Georgia, serif) !important;
    font-size: 1.12rem !important;
    line-height: 1.3 !important;
    font-weight: 600 !important;
    color: #163A5F !important;

    border-bottom: 1px solid #D9DEE8 !important;
}

/* Gold accent under biography heading */
.pkp_page_article .main_entry > .item.author_bios > .label::after,
.pkp_page_article .main_entry > .item.biographies > .label::after,
.pkp_page_article .main_entry > .item.author_biography > .label::after,
.pkp_page_article .main_entry > .item.biography > .label::after,
.pkp_page_article .main_entry .author_bios > h2::after,
.pkp_page_article .main_entry .author_bio > h2::after,
.pkp_page_article .main_entry .biography > h2::after {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    bottom: -1px !important;

    width: 52px !important;
    height: 2px !important;

    background: #C8A349 !important;
}

/* Individual biography entries */
.pkp_page_article .main_entry .author_bios li,
.pkp_page_article .main_entry .author_bio,
.pkp_page_article .main_entry .biography .author,
.pkp_page_article .main_entry .biographies .author {
    margin: 0 0 18px !important;
    padding: 0 0 0 16px !important;

    background: transparent !important;
    border: 0 !important;
    border-left: 2px solid #E2E6EC !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* Biography author name */
.pkp_page_article .main_entry .author_bios .name,
.pkp_page_article .main_entry .author_bio .name,
.pkp_page_article .main_entry .biography .name,
.pkp_page_article .main_entry .biographies .name {
    display: block !important;

    margin: 0 0 5px !important;

    font-family: var(--albuchuts-font-main, "Lora", Georgia, serif) !important;
    font-size: 0.94rem !important;
    line-height: 1.4 !important;
    font-weight: 600 !important;
    color: #163A5F !important;
}

/* Biography text */
.pkp_page_article .main_entry .author_bios p,
.pkp_page_article .main_entry .author_bio p,
.pkp_page_article .main_entry .biography p,
.pkp_page_article .main_entry .biographies p {
    margin: 0 !important;

    font-family: var(--albuchuts-font-main, "Lora", Georgia, serif) !important;
    font-size: 0.88rem !important;
    line-height: 1.65 !important;
    color: #4F6072 !important;
}


/* ---------- LINKS: no underline by default ---------- */

/* Article page */
body.pkp_page_article a,

/* Archive page */
body.pkp_page_issue_archive a,
body.pkp_page_issue a,

/* Homepage */
body.pkp_page_index a {
    text-decoration: none !important;
}

/* Neutralize border-bottom link treatments added by older CSS */
body.pkp_page_article a,
body.pkp_page_issue_archive a,
body.pkp_page_issue a,
body.pkp_page_index a {
    border-bottom: 0 !important;
}

/* Hover/focus: underline only when user interacts */
body.pkp_page_article a:hover,
body.pkp_page_article a:focus-visible,
body.pkp_page_issue_archive a:hover,
body.pkp_page_issue_archive a:focus-visible,
body.pkp_page_issue a:hover,
body.pkp_page_issue a:focus-visible,
body.pkp_page_index a:hover,
body.pkp_page_index a:focus-visible {
    text-decoration: underline !important;
    text-decoration-color: #C8A349 !important;
    text-underline-offset: 3px !important;
}

/* Exclude button-like/navigation links from underline-on-hover */
body.pkp_page_article .obj_galley_link:hover,
body.pkp_page_article .obj_galley_link:focus-visible,
body.pkp_page_article .citation_formats_button:hover,
body.pkp_page_article .citation_formats_button:focus-visible,
body.pkp_page_article .pkp_structure_sidebar a:hover,
body.pkp_page_article .pkp_structure_sidebar a:focus-visible,
body.pkp_page_issue_archive .pkp_structure_sidebar a:hover,
body.pkp_page_issue_archive .pkp_structure_sidebar a:focus-visible,
body.pkp_page_issue .pkp_structure_sidebar a:hover,
body.pkp_page_issue .pkp_structure_sidebar a:focus-visible,
body.pkp_page_index .pkp_structure_sidebar a:hover,
body.pkp_page_index .pkp_structure_sidebar a:focus-visible,
body.pkp_page_article .pkp_navigation_primary a:hover,
body.pkp_page_issue_archive .pkp_navigation_primary a:hover,
body.pkp_page_issue .pkp_navigation_primary a:hover,
body.pkp_page_index .pkp_navigation_primary a:hover {
    text-decoration: none !important;
}

/* Keep breadcrumb clean; color shift is enough */
.pkp_page_article .cmp_breadcrumbs a:hover,
.pkp_page_issue_archive .cmp_breadcrumbs a:hover,
.pkp_page_issue .cmp_breadcrumbs a:hover {
    text-decoration: none !important;
    color: #163A5F !important;
}


/* ---------- Responsive ---------- */
@media (max-width: 767px) {
    .pkp_page_article .item.authors .orcid,
    .pkp_page_article .item.authors .orcid a,
    .pkp_page_article .item.authors a[href*="orcid.org"] {
        font-size: 0.78rem !important;
    }

    .pkp_page_article .main_entry .author_bios p,
    .pkp_page_article .main_entry .author_bio p,
    .pkp_page_article .main_entry .biography p,
    .pkp_page_article .main_entry .biographies p {
        font-size: 0.84rem !important;
    }
}


/* =========================================================
   94. AUTHOR BIOGRAPHIES — CLEANUP (v106)
   - short gold line only under heading
   - bold author names
   - remove vertical lines beside biography entries
   ========================================================= */

/* Remove long gray divider under Author Biographies heading */
.pkp_page_article .main_entry > .item.author_bios > .label,
.pkp_page_article .main_entry > .item.biographies > .label,
.pkp_page_article .main_entry > .item.author_biography > .label,
.pkp_page_article .main_entry > .item.biography > .label,
.pkp_page_article .main_entry .author_bios > h2,
.pkp_page_article .main_entry .author_bio > h2,
.pkp_page_article .main_entry .biography > h2 {
    border-bottom: 0 !important;
    padding-bottom: 12px !important;
}

/* Keep only a short gold accent line */
.pkp_page_article .main_entry > .item.author_bios > .label::after,
.pkp_page_article .main_entry > .item.biographies > .label::after,
.pkp_page_article .main_entry > .item.author_biography > .label::after,
.pkp_page_article .main_entry > .item.biography > .label::after,
.pkp_page_article .main_entry .author_bios > h2::after,
.pkp_page_article .main_entry .author_bio > h2::after,
.pkp_page_article .main_entry .biography > h2::after {
    content: "" !important;
    position: static !important;
    display: block !important;

    width: 54px !important;
    height: 3px !important;
    margin-top: 10px !important;

    background: #C8A349 !important;
    border-radius: 999px !important;
}

/* Remove vertical line beside each biography */
.pkp_page_article .main_entry .author_bios li,
.pkp_page_article .main_entry .author_bio,
.pkp_page_article .main_entry .biography .author,
.pkp_page_article .main_entry .biographies .author {
    padding-left: 0 !important;
    border-left: 0 !important;
}

/* Make author names clearly bold */
.pkp_page_article .main_entry .author_bios .name,
.pkp_page_article .main_entry .author_bio .name,
.pkp_page_article .main_entry .biography .name,
.pkp_page_article .main_entry .biographies .name,
.pkp_page_article .main_entry .author_bios strong,
.pkp_page_article .main_entry .biographies strong {
    font-weight: 700 !important;
    color: #163A5F !important;
}

/* If the author's name is plain text at the start of a paragraph,
   preserve stronger first-line hierarchy where supported */
.pkp_page_article .main_entry .author_bios li > p:first-child,
.pkp_page_article .main_entry .biographies .author > p:first-child {
    margin-top: 0 !important;
}


/* =========================================================
   95. AUTHOR BIOGRAPHY NAME EMPHASIS (v107)
   Exact OJS markup:
   .item.author_bios .sub_item > .label
   ========================================================= */

.pkp_page_article .main_entry .item.author_bios .authors > li.sub_item > .label {
    display: block !important;
    margin: 0 0 5px !important;
    padding: 0 !important;

    font-family: var(--albuchuts-font-main, "Lora", Georgia, serif) !important;
    font-size: 0.98rem !important;
    line-height: 1.4 !important;
    font-weight: 700 !important;
    color: #163A5F !important;
}

/* Biography narrative remains visually secondary */
.pkp_page_article .main_entry .item.author_bios .authors > li.sub_item > .value,
.pkp_page_article .main_entry .item.author_bios .authors > li.sub_item > .value p {
    font-weight: 400 !important;
    color: #4F6072 !important;
}

/* Keep author entries clean and unboxed */
.pkp_page_article .main_entry .item.author_bios .authors > li.sub_item {
    border-left: 0 !important;
    padding-left: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}


/* =========================================================
   96. ISSUE PAGE — TOP SPACING COMPACTION (v108)
   Make breadcrumb and sidebar start closer to the main nav,
   matching the visual rhythm of the homepage/article page.
   Applies only to individual issue pages.
   ========================================================= */

/* Shift the entire issue content area upward as one unit */
body.pkp_page_issue.pkp_op_view .pkp_structure_content {
    padding-top: 24px !important;
    margin-top: 0 !important;
    align-items: flex-start !important;
}

/* Do not let child columns add their own large top gap */
body.pkp_page_issue.pkp_op_view .pkp_structure_main,
body.pkp_page_issue.pkp_op_view .pkp_structure_sidebar {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* Breadcrumb sits neatly under the navigation */
body.pkp_page_issue.pkp_op_view .page_issue {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

body.pkp_page_issue.pkp_op_view .page_issue > .cmp_breadcrumbs {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Keep the first sidebar block / Make a Submission level
   with the breadcrumb area */
body.pkp_page_issue.pkp_op_view .pkp_structure_sidebar > *:first-child,
body.pkp_page_issue.pkp_op_view .pkp_structure_sidebar .block_make_submission,
body.pkp_page_issue.pkp_op_view .pkp_structure_sidebar .make_submission {
    margin-top: 0 !important;
}

/* Tablet */
@media (max-width: 991px) {
    body.pkp_page_issue.pkp_op_view .pkp_structure_content {
        padding-top: 18px !important;
    }
}

/* Mobile */
@media (max-width: 767px) {
    body.pkp_page_issue.pkp_op_view .pkp_structure_content {
        padding-top: 14px !important;
    }
}


/* =========================================================
   97. ISSUE PAGE ARTICLE PDF BUTTONS (v109)
   Blue button, white text on hover.
   ========================================================= */

body.pkp_page_issue.pkp_op_view .obj_article_summary .obj_galley_link.pdf {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;

    padding: 8px 14px !important;
    min-height: 36px !important;

    background: #163A5F !important;
    border: 1px solid #163A5F !important;
    border-radius: 7px !important;

    color: #FFFFFF !important;
    text-decoration: none !important;
    box-shadow: none !important;
}

/* PDF icon */
body.pkp_page_issue.pkp_op_view .obj_article_summary .obj_galley_link.pdf::before {
    color: #C8A349 !important;
}

/* Hover/focus */
body.pkp_page_issue.pkp_op_view .obj_article_summary .obj_galley_link.pdf:hover,
body.pkp_page_issue.pkp_op_view .obj_article_summary .obj_galley_link.pdf:focus-visible {
    background: #0E2A47 !important;
    border-color: #0E2A47 !important;
    color: #FFFFFF !important;
    text-decoration: none !important;
}

/* Keep icon gold on hover */
body.pkp_page_issue.pkp_op_view .obj_article_summary .obj_galley_link.pdf:hover::before,
body.pkp_page_issue.pkp_op_view .obj_article_summary .obj_galley_link.pdf:focus-visible::before {
    color: #C8A349 !important;
}


/* =========================================================
   98. HOMEPAGE SIDEBAR LOGO CARDS — BOTTOM BORDER FIX (v110)
   Ensure all Academic Visibility / Suggested Tools cards
   keep a visible bottom border.
   ========================================================= */

/* Generic custom sidebar cards */
body.pkp_page_index .pkp_structure_sidebar .academic-visibility-item,
body.pkp_page_index .pkp_structure_sidebar .visibility-item,
body.pkp_page_index .pkp_structure_sidebar .tool-item,
body.pkp_page_index .pkp_structure_sidebar .suggested-tool-item,
body.pkp_page_index .pkp_structure_sidebar .albuchuts-tool-card,
body.pkp_page_index .pkp_structure_sidebar .albuchuts-visibility-card,

/* Common link/card wrappers used in the custom blocks */
body.pkp_page_index .pkp_structure_sidebar .pkp_block a[style*="border"],
body.pkp_page_index .pkp_structure_sidebar .pkp_block div[style*="border"] {
    border-bottom: 1px solid #D9DEE8 !important;
}

/* More robust fallback for the actual white logo panels */
body.pkp_page_index .pkp_structure_sidebar .pkp_block a {
    box-sizing: border-box !important;
}

/* If a card already has top/left/right borders but the bottom was
   removed by older global link rules, restore the full outline. */
body.pkp_page_index .pkp_structure_sidebar .pkp_block a[style*="border-radius"],
body.pkp_page_index .pkp_structure_sidebar .pkp_block div[style*="border-radius"] {
    border-bottom-color: #D9DEE8 !important;
    border-bottom-style: solid !important;
    border-bottom-width: 1px !important;
}

/* Prevent the global "links have no underline/border" rule from
   stripping structural card borders in these blocks. */
body.pkp_page_index .pkp_structure_sidebar .pkp_block a:hover,
body.pkp_page_index .pkp_structure_sidebar .pkp_block a:focus-visible {
    border-bottom-color: #D9DEE8 !important;
}


/* =========================================================
   99. SIDEBAR LOGO CARDS — EXACT FULL BORDER FIX (v111)
   Exact selectors confirmed from live homepage HTML.
   ========================================================= */

/* Academic Visibility: Google Scholar card */
body.pkp_page_index #customblock-academic-visibility .albuchuts-scholar__link {
    box-sizing: border-box !important;

    border-top: 1px solid #D9DEE8 !important;
    border-right: 1px solid #D9DEE8 !important;
    border-bottom: 1px solid #D9DEE8 !important;
    border-left: 5px solid #163A5F !important;

    border-radius: 10px !important;
}

/* Suggested Tools cards */
body.pkp_page_index #customblock-suggested-tools .tool-card {
    box-sizing: border-box !important;

    border-top: 1px solid #D9DEE8 !important;
    border-right: 1px solid #D9DEE8 !important;
    border-bottom: 1px solid #D9DEE8 !important;
    border-left: 1px solid #D9DEE8 !important;

    border-radius: 10px !important;
}

/* Preserve structural borders on hover/focus.
   v105's global link rule must not remove them. */
body.pkp_page_index #customblock-academic-visibility .albuchuts-scholar__link:hover,
body.pkp_page_index #customblock-academic-visibility .albuchuts-scholar__link:focus-visible {
    border-top: 1px solid #D9DEE8 !important;
    border-right: 1px solid #D9DEE8 !important;
    border-bottom: 1px solid #D9DEE8 !important;
    border-left: 5px solid #163A5F !important;
    text-decoration: none !important;
}

body.pkp_page_index #customblock-suggested-tools .tool-card:hover,
body.pkp_page_index #customblock-suggested-tools .tool-card:focus-visible {
    border: 1px solid #C8D0DB !important;
    text-decoration: none !important;
}

/* Make sure images cannot cover the bottom border */
body.pkp_page_index #customblock-academic-visibility .albuchuts-scholar__image,
body.pkp_page_index #customblock-suggested-tools .tool-card img {
    display: block !important;
}

/* Keep a tiny internal breathing space above the border */
body.pkp_page_index #customblock-suggested-tools .tool-card {
    overflow: hidden !important;
}

/* =========================================================
   100. MAIN HEADER NAVIGATION — DARK NAVY (v112)
   Change the main navigation bar to #0E2A47.
   ========================================================= */

.pkp_navigation_primary_row,
.pkp_navigation_primary_wrapper,
.pkp_site_nav_menu,
#navigationPrimary,
.pkp_navigation_search_wrapper {
    background: #0E2A47 !important;
}

/* Keep all primary navigation text/icons white */
#navigationPrimary > li > a,
.pkp_navigation_search_wrapper .pkp_search,
.pkp_navigation_search_wrapper .pkp_search .fa,
.pkp_navigation_primary_row a {
    color: #FFFFFF !important;
}

/* Locale links / language area */
#navigationPrimary a[href*="/user/setLocale/"] {
    color: #FFFFFF !important;
}

/* Hover and keyboard focus: subtle gold accent */
#navigationPrimary > li > a:hover,
#navigationPrimary > li > a:focus-visible,
.pkp_navigation_search_wrapper .pkp_search:hover,
.pkp_navigation_search_wrapper .pkp_search:focus-visible {
    color: #E3B23C !important;
    background: transparent !important;
    text-decoration: none !important;
}

/* Keep active/current item elegant */
#navigationPrimary > li.current > a,
#navigationPrimary > li.active > a {
    color: #E3B23C !important;
    background: #0E2A47 !important;
}


/* =========================================================
   101. HEADER LANGUAGE SWITCHER — VERTICAL ALIGNMENT (v113)
   Center EN / ID flags and labels vertically in the navy bar.
   ========================================================= */

/* Locale menu items */
#navigationPrimary > li:has(> a[href*="/user/setLocale/"]) {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 100% !important;
    vertical-align: middle !important;
}

/* Locale links themselves */
#navigationPrimary > li > a[href*="/user/setLocale/"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    height: 100% !important;
    margin: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;

    line-height: 1 !important;
    vertical-align: middle !important;

    /* Small optical correction: the flags/text were sitting too low */
    transform: translateY(-3px) !important;
}

/* Keep any flag image/pseudo icon centered with the language label */
#navigationPrimary > li > a[href*="/user/setLocale/"] img,
#navigationPrimary > li > a[href*="/user/setLocale/"]::before,
#navigationPrimary > li > a[href*="/user/setLocale/"]::after {
    vertical-align: middle !important;
    align-self: center !important;
}

/* Mobile/tablet: smaller optical correction */
@media (max-width: 991px) {
    #navigationPrimary > li > a[href*="/user/setLocale/"] {
        transform: translateY(-1px) !important;
    }
}


/* =========================================================
   102. ISSUE PAGE — REMOVE "ARTICLES" UNDERLINE (v114)
   ========================================================= */

body.pkp_page_issue.pkp_op_view .obj_issue_toc .section > h2 {
    border-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* Remove any pseudo-element used as the short underline */
body.pkp_page_issue.pkp_op_view .obj_issue_toc .section > h2::before,
body.pkp_page_issue.pkp_op_view .obj_issue_toc .section > h2::after {
    content: none !important;
    display: none !important;
    border: 0 !important;
    background: transparent !important;
}

/* Remove an adjacent decorative rule if the theme creates one */
body.pkp_page_issue.pkp_op_view .obj_issue_toc .section > h2 + hr {
    display: none !important;
}


/* =========================================================
   103. ISSUE PAGE — REMOVE ALL DECORATIVE LINES AROUND "ARTICLES" (v115)
   The remaining long line comes from the section container,
   not from the h2 itself.
   ========================================================= */

/* Remove the long horizontal rule running through/behind Articles */
body.pkp_page_issue.pkp_op_view .obj_issue_toc .sections .section {
    border-top: 0 !important;
    border-bottom: 0 !important;
    background-image: none !important;
}

/* Remove any section-generated pseudo rules */
body.pkp_page_issue.pkp_op_view .obj_issue_toc .sections .section::before,
body.pkp_page_issue.pkp_op_view .obj_issue_toc .sections .section::after {
    content: none !important;
    display: none !important;
    border: 0 !important;
    background: none !important;
}

/* Remove the short decorative underline under Articles */
body.pkp_page_issue.pkp_op_view .obj_issue_toc .sections .section > h2 {
    border: 0 !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    padding-bottom: 0 !important;
}

/* Kill any pseudo underline attached to the heading */
body.pkp_page_issue.pkp_op_view .obj_issue_toc .sections .section > h2::before,
body.pkp_page_issue.pkp_op_view .obj_issue_toc .sections .section > h2::after {
    content: none !important;
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    border: 0 !important;
    background: none !important;
}

/* Keep comfortable spacing after heading once the lines are gone */
body.pkp_page_issue.pkp_op_view .obj_issue_toc .sections .section > h2 {
    margin-bottom: 18px !important;
}


/* =========================================================
   104. ISSUE PAGE — DEFINITIVE "ARTICLES" RULE CLEANUP (v116)
   Remaining lines may come from .sections wrapper / theme decoration.
   ========================================================= */

/* Remove any rule from the entire sections wrapper */
body.pkp_page_issue.pkp_op_view
.obj_issue_toc > .sections {
    border: 0 !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    background-image: none !important;
}

/* Kill wrapper pseudo-elements too */
body.pkp_page_issue.pkp_op_view
.obj_issue_toc > .sections::before,
body.pkp_page_issue.pkp_op_view
.obj_issue_toc > .sections::after {
    content: none !important;
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    border: 0 !important;
    background: none !important;
    box-shadow: none !important;
}

/* Section itself: no decorative rule at all */
body.pkp_page_issue.pkp_op_view
.obj_issue_toc > .sections > .section {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    background-image: none !important;
}

/* Articles heading: text only */
body.pkp_page_issue.pkp_op_view
.obj_issue_toc > .sections > .section > h2 {
    position: static !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    background-image: none !important;
    text-decoration: none !important;

    margin-top: 0 !important;
    margin-bottom: 18px !important;
    padding: 0 !important;
}

/* Absolutely suppress heading decoration */
body.pkp_page_issue.pkp_op_view
.obj_issue_toc > .sections > .section > h2::before,
body.pkp_page_issue.pkp_op_view
.obj_issue_toc > .sections > .section > h2::after {
    content: none !important;
    display: none !important;
    position: static !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: none !important;
    box-shadow: none !important;
}

/* Remove any HR accidentally inserted around heading */
body.pkp_page_issue.pkp_op_view
.obj_issue_toc > .sections > .section > hr,
body.pkp_page_issue.pkp_op_view
.obj_issue_toc > .sections > hr {
    display: none !important;
    border: 0 !important;
    height: 0 !important;
    margin: 0 !important;
}


/* =========================================================
   105. ISSUE PAGE — ARTICLES HEADING CLEAN MASK (v117)
   Fallback approach:
   visually covers any inherited theme rule behind the heading,
   then redraws the heading cleanly with no separator lines.
   ========================================================= */

body.pkp_page_issue.pkp_op_view
.obj_issue_toc > .sections > .section > h2 {
    position: relative !important;
    z-index: 20 !important;

    display: block !important;
    width: 100% !important;

    margin: 0 0 22px !important;
    padding: 8px 0 10px !important;

    background: #FFFFFF !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;

    color: #0E2A47 !important;
    text-decoration: none !important;
}

/* White mask spanning the full row to cover any stubborn
   inherited border/background line from the theme. */
body.pkp_page_issue.pkp_op_view
.obj_issue_toc > .sections > .section > h2::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;

    left: -100vw !important;
    right: -100vw !important;
    top: -8px !important;
    bottom: -12px !important;

    background: #FFFFFF !important;
    border: 0 !important;
    box-shadow: none !important;

    z-index: -1 !important;
    pointer-events: none !important;
}

/* No underline/decorative pseudo-element */
body.pkp_page_issue.pkp_op_view
.obj_issue_toc > .sections > .section > h2::after {
    content: none !important;
    display: none !important;
}

/* Make sure the article list starts cleanly below the heading */
body.pkp_page_issue.pkp_op_view
.obj_issue_toc > .sections > .section > .cmp_article_list {
    margin-top: 0 !important;
    border-top: 0 !important;
}


/* =========================================================
   106. FOOTER — COMPACT THREE-COLUMN LAYOUT (v118)
   Journal | Journal Information | Publication & License
   ========================================================= */

.pkp_structure_footer_wrapper {
    background: #0E2A47 !important;
    border-top: 3px solid #C8A349 !important;
    margin-top: 0 !important;
    padding: 0 !important;
}

.pkp_structure_footer {
    max-width: 1160px !important;
    width: calc(100% - 48px) !important;
    margin: 0 auto !important;
    padding: 0 !important;
}

.albuchuts-footer-v2 {
    color: #F3F5F7 !important;
    padding: 28px 0 16px !important;
    font-family: var(--albuchuts-font-main, "Lora", Georgia, serif) !important;
}

.albuchuts-footer-v2 * {
    box-sizing: border-box !important;
}

.albuchuts-footer-v2__grid {
    display: grid !important;
    grid-template-columns: 1.25fr 0.85fr 0.9fr !important;
    gap: 48px !important;
    align-items: start !important;
}

.albuchuts-footer-v2__brand {
    min-width: 0 !important;
}

.albuchuts-footer-v2__logo {
    display: block !important;
    width: 215px !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 0 8px !important;
}

.albuchuts-footer-v2__tagline {
    margin: 0 0 13px !important;
    font-size: 0.86rem !important;
    line-height: 1.45 !important;
    font-weight: 600 !important;
    color: #FFFFFF !important;
}

.albuchuts-footer-v2__address,
.albuchuts-footer-v2__contact,
.albuchuts-footer-v2__meta {
    margin: 0 !important;
    font-size: 0.79rem !important;
    line-height: 1.58 !important;
    color: #E6EBF0 !important;
}

.albuchuts-footer-v2__contact {
    margin-top: 8px !important;
}

.albuchuts-footer-v2__heading {
    margin: 2px 0 10px !important;
    padding: 0 !important;
    font-size: 0.76rem !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
    letter-spacing: 0.055em !important;
    text-transform: uppercase !important;
    color: #E3B23C !important;
}

.albuchuts-footer-v2__links {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.albuchuts-footer-v2__links li {
    margin: 0 0 6px !important;
    padding: 0 !important;
}

.albuchuts-footer-v2 a {
    color: #F3F5F7 !important;
    text-decoration: none !important;
    border-bottom: 0 !important;
    transition: color .18s ease !important;
}

.albuchuts-footer-v2 a:hover,
.albuchuts-footer-v2 a:focus-visible {
    color: #E3B23C !important;
    text-decoration: none !important;
}

.albuchuts-footer-v2__links a {
    font-size: 0.79rem !important;
    line-height: 1.45 !important;
}

.albuchuts-footer-v2__pubrow {
    display: grid !important;
    grid-template-columns: auto 1fr !important;
    gap: 3px 10px !important;
    align-items: baseline !important;
    margin-bottom: 5px !important;
}

.albuchuts-footer-v2__label {
    font-size: 0.72rem !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;
    letter-spacing: .035em !important;
    text-transform: uppercase !important;
    color: #C8A349 !important;
}

.albuchuts-footer-v2__value {
    font-size: 0.79rem !important;
    line-height: 1.45 !important;
    color: #F3F5F7 !important;
}

.albuchuts-footer-v2__license {
    margin-top: 10px !important;
    padding-top: 9px !important;
    border-top: 1px solid rgba(255,255,255,.18) !important;
}

.albuchuts-footer-v2__license strong {
    display: block !important;
    margin-bottom: 4px !important;
    font-size: 0.74rem !important;
    color: #E3B23C !important;
}

.albuchuts-footer-v2__license p {
    margin: 0 !important;
    font-size: 0.76rem !important;
    line-height: 1.5 !important;
    color: #E6EBF0 !important;
}

.albuchuts-footer-v2__bottom {
    margin-top: 20px !important;
    padding-top: 11px !important;
    border-top: 1px solid rgba(255,255,255,.22) !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    text-align: center !important;
    font-size: 0.72rem !important;
    line-height: 1.4 !important;
    color: #DCE3EA !important;
}

/* Hide native PKP/OJS branding if it appears under custom footer */
.pkp_structure_footer .pkp_brand_footer,
.pkp_structure_footer_wrapper .pkp_brand_footer {
    display: none !important;
}

/* Tablet */
@media (max-width: 991px) {
    .pkp_structure_footer {
        width: calc(100% - 32px) !important;
    }

    .albuchuts-footer-v2__grid {
        grid-template-columns: 1.25fr 1fr !important;
        gap: 28px 36px !important;
    }

    .albuchuts-footer-v2__publication {
        grid-column: 1 / -1 !important;
    }
}

/* Mobile */
@media (max-width: 640px) {
    .pkp_structure_footer {
        width: calc(100% - 28px) !important;
    }

    .albuchuts-footer-v2 {
        padding: 22px 0 14px !important;
    }

    .albuchuts-footer-v2__grid {
        grid-template-columns: 1fr !important;
        gap: 22px !important;
    }

    .albuchuts-footer-v2__publication {
        grid-column: auto !important;
    }

    .albuchuts-footer-v2__logo {
        width: 190px !important;
    }

    .albuchuts-footer-v2__bottom {
        margin-top: 16px !important;
        padding-top: 10px !important;
    }
}


/* =========================================================
   107. FOOTER — COMPACTER + LARGER TYPOGRAPHY (v119)
   Reduce empty space while improving readability.
   Adds official CC BY-NC-SA 4.0 badge styling.
   ========================================================= */

.albuchuts-footer-v2 {
    padding: 22px 0 12px !important;
}

.albuchuts-footer-v2__grid {
    grid-template-columns: 1.15fr 0.9fr 1fr !important;
    gap: 34px !important;
}

.albuchuts-footer-v2__logo {
    width: 245px !important;
    margin-bottom: 6px !important;
}

.albuchuts-footer-v2__tagline {
    margin-bottom: 10px !important;
    font-size: 1rem !important;
    line-height: 1.35 !important;
}

.albuchuts-footer-v2__address,
.albuchuts-footer-v2__contact,
.albuchuts-footer-v2__meta {
    font-size: 0.9rem !important;
    line-height: 1.48 !important;
}

.albuchuts-footer-v2__contact {
    margin-top: 6px !important;
}

.albuchuts-footer-v2__heading {
    margin: 1px 0 9px !important;
    font-size: 0.9rem !important;
    line-height: 1.25 !important;
    letter-spacing: 0.045em !important;
}

.albuchuts-footer-v2__links li {
    margin-bottom: 4px !important;
}

.albuchuts-footer-v2__links a {
    font-size: 0.9rem !important;
    line-height: 1.4 !important;
}

.albuchuts-footer-v2__pubrow {
    gap: 2px 10px !important;
    margin-bottom: 4px !important;
}

.albuchuts-footer-v2__label {
    font-size: 0.8rem !important;
}

.albuchuts-footer-v2__value {
    font-size: 0.9rem !important;
    line-height: 1.4 !important;
}

.albuchuts-footer-v2__license {
    margin-top: 8px !important;
    padding-top: 8px !important;
}

.albuchuts-footer-v2__license-layout {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}

.albuchuts-footer-v2__cc-link {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
}

.albuchuts-footer-v2__cc-badge {
    display: block !important;
    width: 88px !important;
    height: 31px !important;
    max-width: none !important;
    border: 0 !important;
    box-shadow: none !important;
}

.albuchuts-footer-v2__license-copy {
    min-width: 0 !important;
}

.albuchuts-footer-v2__license strong {
    margin: 0 0 2px !important;
    font-size: 0.82rem !important;
}

.albuchuts-footer-v2__license p {
    font-size: 0.82rem !important;
    line-height: 1.42 !important;
}

.albuchuts-footer-v2__bottom {
    margin-top: 14px !important;
    padding-top: 9px !important;
    font-size: 0.8rem !important;
}

/* Reduce inherited footer whitespace from older styles */
.pkp_structure_footer_wrapper,
.pkp_structure_footer {
    min-height: 0 !important;
    height: auto !important;
}

.pkp_structure_footer {
    padding-bottom: 0 !important;
}

/* Tablet */
@media (max-width: 991px) {
    .albuchuts-footer-v2__grid {
        gap: 24px 30px !important;
    }

    .albuchuts-footer-v2__logo {
        width: 220px !important;
    }
}

/* Mobile */
@media (max-width: 640px) {
    .albuchuts-footer-v2 {
        padding: 18px 0 10px !important;
    }

    .albuchuts-footer-v2__grid {
        gap: 18px !important;
    }

    .albuchuts-footer-v2__license-layout {
        align-items: flex-start !important;
    }

    .albuchuts-footer-v2__bottom {
        margin-top: 12px !important;
        font-size: 0.76rem !important;
    }
}


/* =========================================================
   108. FOOTER — REDUCE SPACE BELOW COPYRIGHT (v120)
   ========================================================= */

.albuchuts-footer-v2 {
    padding-bottom: 4px !important;
}

.albuchuts-footer-v2__bottom {
    margin-top: 12px !important;
    padding-top: 8px !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

/* Remove any inherited bottom space from footer wrappers */
.pkp_structure_footer_wrapper,
.pkp_structure_footer {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
    min-height: 0 !important;
}

.pkp_structure_footer > *:last-child,
.pkp_structure_footer_wrapper > *:last-child {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}


/* =========================================================
   109. FOOTER — REMOVE PERSISTENT BOTTOM EMPTY SPACE (v121)
   The remaining gap comes from OJS .pkp_footer_content.
   ========================================================= */

/* Remove OJS default padding/margin around custom footer content */
.pkp_structure_footer .pkp_footer_content,
.pkp_structure_footer_wrapper .pkp_footer_content {
    margin: 0 !important;
    padding: 0 !important;
    min-height: 0 !important;
    height: auto !important;
}

/* Keep footer shell fully content-driven */
.pkp_structure_footer_wrapper,
.pkp_structure_footer {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    min-height: 0 !important;
    height: auto !important;
}

/* Make custom footer end immediately after copyright,
   leaving only a small deliberate breathing space */
.albuchuts-footer-v2 {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.albuchuts-footer-v2__bottom {
    margin-bottom: 0 !important;
    padding-bottom: 8px !important;
}

/* Hidden native branding must consume absolutely no space */
.pkp_brand_footer,
.pkp_structure_footer > .pkp_brand_footer {
    display: none !important;
    visibility: hidden !important;
    position: absolute !important;
    width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}


/* =========================================================
   110. ABOUT DROPDOWN SUBMENU — GOLD TEXT (v122)
   ========================================================= */

/* Dropdown items under About */
.pkp_navigation_primary .dropdown-menu a,
#navigationPrimary .dropdown-menu a,
.pkp_navigation_primary ul ul a {
    color: #E3B23C !important;
    text-decoration: none !important;
}

/* Hover/focus */
.pkp_navigation_primary .dropdown-menu a:hover,
.pkp_navigation_primary .dropdown-menu a:focus-visible,
#navigationPrimary .dropdown-menu a:hover,
#navigationPrimary .dropdown-menu a:focus-visible,
.pkp_navigation_primary ul ul a:hover,
.pkp_navigation_primary ul ul a:focus-visible {
    color: #C8A349 !important;
    background: rgba(14, 42, 71, 0.06) !important;
    text-decoration: none !important;
}

/* If current/active submenu item gets white from another rule */
.pkp_navigation_primary .dropdown-menu .current > a,
.pkp_navigation_primary .dropdown-menu .active > a,
#navigationPrimary .dropdown-menu .current > a,
#navigationPrimary .dropdown-menu .active > a {
    color: #E3B23C !important;
}