```
/* =========================================================
   HISTOGRAM: Jurnal Pendidikan Matematika
   Custom style for the default OJS "Make a Submission" block
   Theme identity: Cambria + HISTOGRAM green + gold accent
========================================================= */

.pkp_block.block_make_submission {
    margin-bottom: 18px !important;
    font-family: Cambria, Georgia, "Times New Roman", serif !important;
}

.pkp_block.block_make_submission .content {
    padding: 0 !important;
}

.pkp_block.block_make_submission .block_make_submission_link {
    display: block !important;
    position: relative !important;
    box-sizing: border-box !important;
    width: 100% !important;

    padding: 14px 42px 14px 46px !important;

    background: #266338 !important;
    color: #ffffff !important;

    border: 1px solid #1f542f !important;
    border-top: 5px solid #d3a62e !important;
    border-radius: 8px !important;

    box-shadow: 0 3px 8px rgba(0,0,0,.12) !important;

    font-family: Cambria, Georgia, "Times New Roman", serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;

    text-align: left !important;
    text-decoration: none !important;
    text-transform: none !important;

    transition: background .2s ease, box-shadow .2s ease, transform .2s ease !important;
}

.pkp_block.block_make_submission .block_make_submission_link::before {
    content: "\270E";
    position: absolute !important;
    left: 16px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;

    font-family: Cambria, Georgia, "Times New Roman", serif !important;
    font-size: 20px !important;
    font-weight: 400 !important;
    line-height: 1 !important;

    color: #f4d264 !important;
}

.pkp_block.block_make_submission .block_make_submission_link::after {
    content: "\25B8";
    position: absolute !important;
    right: 15px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;

    font-family: Cambria, Georgia, "Times New Roman", serif !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1 !important;

    color: #f4d264 !important;
}

.pkp_block.block_make_submission .block_make_submission_link:hover,
.pkp_block.block_make_submission .block_make_submission_link:focus {
    background: #1f542f !important;
    color: #ffffff !important;
    text-decoration: none !important;

    box-shadow: 0 4px 10px rgba(0,0,0,.16) !important;
    transform: translateY(-1px) !important;
}

.pkp_block.block_make_submission .block_make_submission_link:focus {
    outline: 2px solid #d3a62e !important;
    outline-offset: 2px !important;
}

/* Keep the block visually compact on smaller screens */
@media (max-width: 767px) {
    .pkp_block.block_make_submission .block_make_submission_link {
        padding: 13px 40px 13px 44px !important;
        font-size: 15px !important;
    }
}


/* =========================================================
   HISTOGRAM - HEADER FINAL SAFE
   ORIGINAL BANNER ONLY — NO CROP, NO STRETCH, NO EXTRA GRAPHICS
   IMPORTANT: .pkp_head_wrapper is intentionally NOT resized.
========================================================= */

.pkp_structure_head {
    background: #266338 !important;
    border-bottom: 0 !important;
}

/* Banner container: stay inside the native OJS header grid */
.pkp_site_name {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 14px 0 10px 0 !important;
    background: transparent !important;
    overflow: visible !important;
    text-align: left !important;
}

/* Link that wraps the uploaded banner */
.pkp_site_name .is_img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Preserve the complete original banner and its aspect ratio */
.pkp_site_name .is_img img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;

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

    object-fit: contain !important;
    object-position: center center !important;

    border-radius: 5px !important;
    box-shadow: 0 2px 7px rgba(0,0,0,.08) !important;
}

/* Absolutely no artificial banner decoration */
.pkp_site_name::before,
.pkp_site_name::after {
    content: none !important;
    display: none !important;
}

/* =========================================================
   TOP NAVIGATION
   Visual refinement only — no width/position/layout overrides.
========================================================= */

.pkp_navigation_primary_wrapper {
    border-top: 1px solid rgba(255,255,255,.10) !important;
}

/* Main navigation */
.pkp_navigation_primary > li > a {
    font-family: Cambria, Georgia, "Times New Roman", serif !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #ffffff !important;
    text-decoration: none !important;
}

/* Search */
.pkp_navigation_search_wrapper a {
    font-family: Cambria, Georgia, "Times New Roman", serif !important;
    font-size: 16px !important;
    color: #ffffff !important;
    text-decoration: none !important;
}

/* User menu in the upper-right corner */
.pkp_navigation_user > li > a {
    font-family: Cambria, Georgia, "Times New Roman", serif !important;
    color: #ffffff !important;
}

/* Gold hover accent only */
.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus,
.pkp_navigation_search_wrapper a:hover,
.pkp_navigation_search_wrapper a:focus,
.pkp_navigation_user > li > a:hover,
.pkp_navigation_user > li > a:focus {
    color: #d3a62e !important;
}

/* Mobile: preserve the complete original image */
@media (max-width: 767px) {
    .pkp_site_name {
        width: 100% !important;
        max-width: 100% !important;
        padding: 8px 0 !important;
    }

    .pkp_site_name .is_img,
    .pkp_site_name .is_img img {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
    }

    .pkp_site_name .is_img img {
        object-fit: contain !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }
}

/* =========================================================
   HISTOGRAM — ABOUT THE JOURNAL / CARD GRID VERSION
   Kognitif-inspired structure, HISTOGRAM identity.
   Requires 10 separate NORMAL paragraphs in Journal Summary.
========================================================= */

.homepage_about {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 245px repeat(3, minmax(0,1fr)) !important;
    gap: 10px !important;

    margin: 0 0 30px 0 !important;
    padding: 0 22px 22px !important;

    background: #fff !important;
    border: 1px solid #d9e4dc !important;
    border-top: 5px solid #266338 !important;
    border-radius: 9px !important;
    overflow: hidden !important;
    box-shadow: 0 4px 14px rgba(0,0,0,.065) !important;

    font-family: Cambria, Georgia, "Times New Roman", serif !important;
}

.homepage_about > #homepageAbout {
    position: absolute !important;
    top: -10px !important;
}

/* Heading */
.homepage_about > h2 {
    grid-column: 1 / -1 !important;
    margin: 0 -22px 0 !important;
    padding: 14px 18px !important;

    background: #f1f7f3 !important;
    border-bottom: 1px solid #dce7df !important;

    color: transparent !important;
    font-size: 0 !important;
}
.homepage_about > h2::before {
    content: "\24D8" !important;
    margin-right: 9px !important;
    color: #d3a62e !important;
    font-size: 17px !important;
}
.homepage_about > h2::after {
    content: "ABOUT THE JOURNAL" !important;
    color: #266338 !important;
    font: 700 17px/1.2 Cambria, Georgia, "Times New Roman", serif !important;
    letter-spacing: .35px !important;
}

/* Cover card */
.homepage_about::before {
    content: "CURRENT ISSUE\A Vol. 10 No. 2 (2026)" !important;
    white-space: pre !important;

    grid-column: 1 !important;
    grid-row: 2 / span 7 !important;

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

    width: 225px !important;
    min-height: 430px !important;
    padding: 15px 10px !important;

    background: #fff url("https://journal.matappa.ac.id/public/journals/1/cover_issue_150_id.jpg") no-repeat center 18px / 190px auto !important;
    border: 1px solid #d7e2da !important;
    border-radius: 8px !important;
    box-shadow: 0 7px 16px rgba(0,0,0,.08) !important;

    color: #627268 !important;
    font: 700 11px/1.5 Cambria, Georgia, "Times New Roman", serif !important;
    letter-spacing: .7px !important;
    text-align: center !important;
}

/* Reset */
.homepage_about > p,
.homepage_about > p * {
    box-sizing: border-box !important;
    font-family: Cambria, Georgia, "Times New Roman", serif !important;
}

/* TOP SMALL CARDS — 1 to 6 */
.homepage_about > p:nth-of-type(-n+6) {
    position: relative !important;
    display: flex !important;
    align-items: center !important;

    min-height: 48px !important;
    margin: 0 !important;
    padding: 10px 12px 10px 38px !important;

    border: 1px solid #d5e2d8 !important;
    border-radius: 7px !important;
    background: #f7fbf8 !important;

    color: #2e4435 !important;
    font-size: 12.5px !important;
    line-height: 1.25 !important;
    font-weight: 600 !important;
    box-shadow: 0 2px 5px rgba(0,0,0,.035) !important;
}
.homepage_about > p:nth-of-type(-n+6)::before {
    position: absolute !important;
    left: 12px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;

    color: #d3a62e !important;
    font-size: 15px !important;
    font-weight: 700 !important;
}

.homepage_about > p:nth-of-type(1) { grid-column: 2 !important; grid-row: 2 !important; }
.homepage_about > p:nth-of-type(2) { grid-column: 3 !important; grid-row: 2 !important; }
.homepage_about > p:nth-of-type(3) { grid-column: 4 !important; grid-row: 2 !important; }
.homepage_about > p:nth-of-type(4) { grid-column: 2 !important; grid-row: 3 !important; }
.homepage_about > p:nth-of-type(5) { grid-column: 3 !important; grid-row: 3 !important; }
.homepage_about > p:nth-of-type(6) { grid-column: 4 !important; grid-row: 3 !important; }

.homepage_about > p:nth-of-type(1)::before { content: "\2691" !important; }
.homepage_about > p:nth-of-type(2)::before { content: "\25A5" !important; }
.homepage_about > p:nth-of-type(3)::before { content: "\25A5" !important; }
.homepage_about > p:nth-of-type(4)::before { content: "\2605" !important; }
.homepage_about > p:nth-of-type(5)::before { content: "\25F7" !important; }
.homepage_about > p:nth-of-type(6)::before { content: "\2713" !important; }

.homepage_about > p:nth-of-type(2),
.homepage_about > p:nth-of-type(3) {
    background: #eef8fb !important;
    border-color: #c3dfeb !important;
    color: #2f6785 !important;
}
.homepage_about > p:nth-of-type(4) {
    background: #fff8e4 !important;
    border-color: #ead27b !important;
    color: #85671d !important;
}
.homepage_about > p:nth-of-type(5) {
    background: #f6f2f8 !important;
    border-color: #decfea !important;
    color: #705590 !important;
}
.homepage_about > p:nth-of-type(6) {
    background: #eef8f5 !important;
    border-color: #c6e0d8 !important;
    color: #316e65 !important;
}

/* LOWER HIGHLIGHT CARDS — 7 to 9 */
.homepage_about > p:nth-of-type(7),
.homepage_about > p:nth-of-type(8),
.homepage_about > p:nth-of-type(9) {
    position: relative !important;
    display: block !important;

    min-height: 100px !important;
    margin: 0 !important;
    padding: 42px 14px 14px !important;

    background: #fff !important;
    border: 1px solid #dce5df !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 7px rgba(0,0,0,.04) !important;

    color: #465149 !important;
    font-size: 12.5px !important;
    line-height: 1.4 !important;
    text-align: center !important;
}

.homepage_about > p:nth-of-type(7) { grid-column: 2 !important; grid-row: 4 !important; }
.homepage_about > p:nth-of-type(8) { grid-column: 3 !important; grid-row: 4 !important; }
.homepage_about > p:nth-of-type(9) { grid-column: 4 !important; grid-row: 4 !important; }

.homepage_about > p:nth-of-type(7)::before,
.homepage_about > p:nth-of-type(8)::before,
.homepage_about > p:nth-of-type(9)::before {
    position: absolute !important;
    top: 12px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;

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

    width: 28px !important;
    height: 28px !important;
    border-radius: 7px !important;

    background: #eef6f0 !important;
    border: 1px solid #cfe0d3 !important;

    color: #266338 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
}

.homepage_about > p:nth-of-type(7)::before { content: "\25C9" !important; } /* Access */
.homepage_about > p:nth-of-type(8)::before { content: "\25A3" !important; } /* Publisher */
.homepage_about > p:nth-of-type(9)::before { content: "\2694" !important; } /* Collaboration */

/* Focus and scope = full-width card */
.homepage_about > p:nth-of-type(10) {
    grid-column: 2 / 5 !important;
    grid-row: 5 !important;

    position: relative !important;
    display: block !important;

    margin: 0 !important;
    padding: 14px 16px 14px 46px !important;

    background: #fbfcfb !important;
    border: 1px solid #dce5df !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 6px rgba(0,0,0,.03) !important;

    color: #404b43 !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
}
.homepage_about > p:nth-of-type(10)::before {
    content: "\2630" !important;
    position: absolute !important;
    left: 14px !important;
    top: 14px !important;
    color: #d3a62e !important;
    font-size: 16px !important;
    font-weight: 700 !important;
}

/* Bottom metric strip */
.homepage_about::after {
    content: "2 ISSUES / YEAR   •   DOUBLE-BLIND PEER REVIEW   •   OPEN ACCESS   •   SINTA 4" !important;

    grid-column: 2 / 5 !important;
    grid-row: 6 !important;

    padding: 12px 14px !important;

    background: #f7faf8 !important;
    border: 1px dashed #cfdcd3 !important;
    border-radius: 7px !important;

    color: #526159 !important;
    font: 700 10.5px/1.4 Cambria, Georgia, "Times New Roman", serif !important;
    letter-spacing: .55px !important;
    text-align: center !important;
}

/* Links */
.homepage_about a:not(#homepageAbout) {
    color: #266338 !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}
.homepage_about a:not(#homepageAbout):hover,
.homepage_about a:not(#homepageAbout):focus {
    color: #9d7615 !important;
    text-decoration: underline !important;
}

/* Tablet */
@media (max-width: 950px) {
    .homepage_about {
        grid-template-columns: 190px repeat(2, minmax(0,1fr)) !important;
    }

    .homepage_about::before {
        width: 175px !important;
        min-height: 350px !important;
        background-size: 150px auto !important;
    }

    .homepage_about > p:nth-of-type(1),
    .homepage_about > p:nth-of-type(3),
    .homepage_about > p:nth-of-type(5) { grid-column: 2 !important; }
    .homepage_about > p:nth-of-type(2),
    .homepage_about > p:nth-of-type(4),
    .homepage_about > p:nth-of-type(6) { grid-column: 3 !important; }

    .homepage_about > p:nth-of-type(1),
    .homepage_about > p:nth-of-type(2) { grid-row: 2 !important; }
    .homepage_about > p:nth-of-type(3),
    .homepage_about > p:nth-of-type(4) { grid-row: 3 !important; }
    .homepage_about > p:nth-of-type(5),
    .homepage_about > p:nth-of-type(6) { grid-row: 4 !important; }

    .homepage_about > p:nth-of-type(7) { grid-column: 2 !important; grid-row: 5 !important; }
    .homepage_about > p:nth-of-type(8) { grid-column: 3 !important; grid-row: 5 !important; }
    .homepage_about > p:nth-of-type(9) { grid-column: 2 / 4 !important; grid-row: 6 !important; }
    .homepage_about > p:nth-of-type(10) { grid-column: 2 / 4 !important; grid-row: 7 !important; }
    .homepage_about::after { grid-column: 2 / 4 !important; grid-row: 8 !important; }
}

/* Mobile */
@media (max-width: 640px) {
    .homepage_about {
        display: block !important;
        padding: 0 15px 16px !important;
    }

    .homepage_about > h2 {
        margin: 0 -15px 16px !important;
    }

    .homepage_about::before {
        display: flex !important;
        width: 220px !important;
        min-height: 380px !important;
        margin: 0 auto 18px !important;
        background-size: 185px auto !important;
    }

    .homepage_about > p {
        width: 100% !important;
        margin: 0 0 9px !important;
    }

    .homepage_about::after {
        display: block !important;
        margin-top: 8px !important;
        line-height: 1.65 !important;
    }
}

/* =========================================================
   CLICKABLE ABOUT CARDS
   Add hyperlinks in Journal Summary using the normal link button.
========================================================= */

.homepage_about > p {
    transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease !important;
}

/* Keep linked text visually integrated with the card */
.homepage_about > p a {
    color: inherit !important;
    font-family: Cambria, Georgia, "Times New Roman", serif !important;
    font-weight: inherit !important;
    text-decoration: none !important;
}

/* If the whole line is linked, make the link fill the card content */
.homepage_about > p > a:only-child {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    min-height: inherit !important;
    color: inherit !important;
    text-decoration: none !important;
}

/* Clear visual feedback that the card is clickable */
.homepage_about > p:has(a) {
    cursor: pointer !important;
}

.homepage_about > p:has(a):hover {
    transform: translateY(-2px) !important;
    border-color: #d3a62e !important;
    box-shadow: 0 5px 12px rgba(0,0,0,.09) !important;
}

.homepage_about > p:has(a):hover a {
    color: #266338 !important;
    text-decoration: none !important;
}

/* Multiple links inside Collaboration or other cards */
.homepage_about > p a + a {
    margin-left: 6px !important;
}

.homepage_about > p a:not(:only-child) {
    border-bottom: 1px dotted currentColor !important;
}

.homepage_about > p a:not(:only-child):hover {
    color: #9b7415 !important;
    border-bottom-style: solid !important;
}

/* Keyboard focus */
.homepage_about > p a:focus {
    outline: 2px solid #d3a62e !important;
    outline-offset: 2px !important;
    border-radius: 3px !important;
}


/* =========================================================
   COVER CARD REFINEMENT
   Make the current-issue cover look more natural and less stretched
========================================================= */

.homepage_about::before {
    width: 250px !important;
    min-height: 465px !important;
    padding: 18px 14px 22px !important;

    background-color: #ffffff !important;
    background-repeat: no-repeat !important;
    background-position: center 22px !important;
    background-size: 170px auto !important;

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

    border-radius: 10px !important;
    box-shadow: 0 8px 18px rgba(0,0,0,.07) !important;
}

/* Slightly softer label under the cover */
.homepage_about::before {
    color: #6d786f !important;
    letter-spacing: .6px !important;
}

/* Mobile / narrower screens */
@media (max-width: 920px) {
    .homepage_about::before {
        width: 240px !important;
        min-height: 425px !important;
        background-position: center 20px !important;
        background-size: 160px auto !important;
        margin: 0 auto 18px !important;
    }
}

/* =========================================================
   COVER CARD — COMPACT FIX
   Fixes the long white empty container behind the journal cover.
   The journal cover image itself is NOT stretched.
========================================================= */

.homepage_about::before {
    /* Stop the pseudo-element from stretching to the full height
       of all grid rows on the right. */
    align-self: start !important;
    justify-self: start !important;
    box-sizing: border-box !important;

    /* Compact card dimensions */
    width: 245px !important;
    min-height: 0 !important;
    height: 395px !important;
    padding: 14px 12px 16px !important;

    /* Cover placement */
    background-color: #ffffff !important;
    background-position: center 14px !important;
    background-size: 205px auto !important;

    /* Keep issue label close to the cover */
    display: flex !important;
    align-items: flex-end !important;
    justify-content: center !important;

    border-radius: 8px !important;
    box-shadow: 0 5px 12px rgba(0,0,0,.065) !important;
}

/* Do not let the card become tall again on medium screens */
@media (max-width: 950px) {
    .homepage_about::before {
        width: 190px !important;
        height: 330px !important;
        min-height: 0 !important;
        background-size: 160px auto !important;
        background-position: center 12px !important;
    }
}

/* Mobile: compact but readable */
@media (max-width: 640px) {
    .homepage_about::before {
        width: 220px !important;
        height: 365px !important;
        min-height: 0 !important;
        margin: 0 auto 18px !important;
        background-size: 185px auto !important;
        background-position: center 12px !important;
    }
}

/* =========================================================
   HISTOGRAM — CURRENT ISSUE V2
   Safer layout based on the actual OJS Current Issue structure.
   Keeps the approved About section, sidebar, SINTA, header,
   navigation, and Make a Submission block unchanged.
========================================================= */

.current_issue,
.current_issue * {
    box-sizing: border-box !important;
    font-family: Cambria, Georgia, "Times New Roman", serif !important;
}

.current_issue {
    margin: 0 0 30px 0 !important;
    padding: 0 !important;
    background: #ffffff !important;
    border: 1px solid #d9e4dc !important;
    border-top: 5px solid #266338 !important;
    border-radius: 9px !important;
    overflow: hidden !important;
    box-shadow: 0 4px 14px rgba(0,0,0,.06) !important;
}

/* CURRENT ISSUE section header */
.current_issue > h2 {
    margin: 0 !important;
    padding: 14px 18px !important;
    background: #f1f7f3 !important;
    border-bottom: 1px solid #dce7df !important;
    color: transparent !important;
    font-size: 0 !important;
    line-height: 1.2 !important;
}

.current_issue > h2::before {
    content: "\25A3" !important;
    display: inline-block !important;
    margin-right: 9px !important;
    color: #d3a62e !important;
    font-size: 17px !important;
    vertical-align: middle !important;
}

.current_issue > h2::after {
    content: "CURRENT ISSUE" !important;
    color: #266338 !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    letter-spacing: .35px !important;
    vertical-align: middle !important;
}

/* Issue title */
.current_issue .current_issue_title {
    margin: 18px 20px 0 !important;
    padding: 12px 15px !important;
    background: #fbfcfb !important;
    border: 1px solid #dce5df !important;
    border-left: 4px solid #d3a62e !important;
    border-radius: 7px !important;
    color: #266338 !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
}

/* Remove default TOC borders/margins */
.current_issue .obj_issue_toc {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

/* =========================================================
   ISSUE INFORMATION
========================================================= */

.current_issue .obj_issue_toc > .heading {
    display: grid !important;
    grid-template-columns: 185px minmax(0,1fr) !important;
    grid-auto-rows: auto !important;
    gap: 10px 18px !important;
    align-items: start !important;

    margin: 18px 20px 24px !important;
    padding: 16px !important;

    min-height: 0 !important;
    height: auto !important;

    background: #ffffff !important;
    border: 1px solid #dce5df !important;
    border-radius: 8px !important;
}

/* Make the issue cover clearly visible, not miniature */
.current_issue .obj_issue_toc > .heading > .cover {
    grid-column: 1 !important;
    grid-row: 1 / span 4 !important;
    align-self: start !important;

    float: none !important;
    width: 170px !important;
    max-width: 170px !important;
    min-width: 170px !important;
    height: auto !important;

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

    background: #f8faf8 !important;
    border: 1px solid #dfe7e1 !important;
    border-radius: 7px !important;
    text-align: center !important;
}

.current_issue .obj_issue_toc > .heading > .cover img {
    display: block !important;
    float: none !important;

    width: 148px !important;
    max-width: 148px !important;
    min-width: 148px !important;
    height: auto !important;
    max-height: none !important;

    margin: 0 auto !important;

    object-fit: contain !important;
    border-radius: 2px !important;
    box-shadow: 0 4px 10px rgba(0,0,0,.08) !important;
}

/* All metadata goes in the second column */
.current_issue .obj_issue_toc > .heading > *:not(.cover) {
    grid-column: 2 !important;
    min-width: 0 !important;
    float: none !important;
    width: auto !important;
}

/* DOI and publication date cards */
.current_issue .obj_issue_toc .pub_id,
.current_issue .obj_issue_toc .published {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 6px 8px !important;

    margin: 0 !important;
    padding: 11px 13px !important;

    min-height: 46px !important;

    background: #f7faf8 !important;
    border: 1px solid #dce5df !important;
    border-radius: 6px !important;

    color: #455148 !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
}

.current_issue .obj_issue_toc .pub_id .type,
.current_issue .obj_issue_toc .published .label {
    color: #266338 !important;
    font-weight: 700 !important;
}

.current_issue .obj_issue_toc .pub_id a {
    color: #2e718f !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    overflow-wrap: anywhere !important;
}

.current_issue .obj_issue_toc .pub_id a:hover {
    color: #9b7415 !important;
    text-decoration: underline !important;
}

.current_issue .obj_issue_toc .description {
    margin: 0 !important;
    padding: 10px 0 0 !important;
    color: #4f5b53 !important;
    font-size: 13.5px !important;
    line-height: 1.6 !important;
}

/* =========================================================
   ARTICLES HEADING
========================================================= */

.current_issue .obj_issue_toc .section {
    margin: 0 !important;
    padding: 0 20px 20px !important;
}

/* Catch OJS variations: h2, h3, or direct title */
.current_issue .obj_issue_toc .section > h2:first-child,
.current_issue .obj_issue_toc .section > h3:first-child,
.current_issue .obj_issue_toc .section > .title:first-child {
    display: block !important;
    margin: 0 0 14px !important;
    padding: 11px 14px !important;

    background: #266338 !important;
    border-left: 5px solid #d3a62e !important;
    border-radius: 6px !important;

    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    letter-spacing: .2px !important;
}

/* =========================================================
   ARTICLE CARDS
========================================================= */

.current_issue .articles,
.current_issue .cmp_article_list {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.current_issue .articles > li,
.current_issue .cmp_article_list > li {
    margin: 0 0 12px !important;
    padding: 0 !important;
    list-style: none !important;
}

/* Stable two-column article card:
   thumbnail | article information */
.current_issue .obj_article_summary {
    display: grid !important;
    grid-template-columns: 185px minmax(0,1fr) !important;
    grid-template-rows: auto auto auto !important;
    gap: 8px 18px !important;
    align-items: start !important;

    position: relative !important;

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

    min-height: 0 !important;
    height: auto !important;

    background: #ffffff !important;
    border: 1px solid #dce5df !important;
    border-left: 4px solid #d3a62e !important;
    border-radius: 8px !important;

    box-shadow: 0 2px 6px rgba(0,0,0,.035) !important;
    transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease !important;
}

.current_issue .obj_article_summary:hover {
    transform: translateY(-2px) !important;
    border-left-color: #266338 !important;
    box-shadow: 0 6px 14px rgba(0,0,0,.07) !important;
}

/* Article thumbnail */
.current_issue .obj_article_summary > .cover {
    grid-column: 1 !important;
    grid-row: 1 / span 3 !important;
    align-self: start !important;

    float: none !important;
    width: 175px !important;
    max-width: 175px !important;
    height: 125px !important;

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

    background: #f8faf8 !important;
    border: 1px solid #dfe7e1 !important;
    border-radius: 6px !important;
    text-align: center !important;
    overflow: hidden !important;
}

.current_issue .obj_article_summary > .cover img {
    display: block !important;
    width: 100% !important;
    max-width: 157px !important;
    height: 107px !important;
    max-height: 107px !important;
    margin: 0 auto !important;

    object-fit: contain !important;
}

/* Article title */
.current_issue .obj_article_summary > .title,
.current_issue .obj_article_summary .title {
    grid-column: 2 !important;
    grid-row: 1 !important;

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

    color: #266338 !important;
    font-size: 15.5px !important;
    font-weight: 700 !important;
    line-height: 1.42 !important;
}

.current_issue .obj_article_summary .title a {
    color: #266338 !important;
    text-decoration: none !important;
}

.current_issue .obj_article_summary .title a:hover,
.current_issue .obj_article_summary .title a:focus {
    color: #9b7415 !important;
    text-decoration: none !important;
}

/* Authors / page metadata */
.current_issue .obj_article_summary > .meta,
.current_issue .obj_article_summary .meta {
    grid-column: 2 !important;
    grid-row: 2 !important;

    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 8px 12px !important;

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

    color: #68736b !important;
    font-size: 12.5px !important;
    line-height: 1.45 !important;
}

.current_issue .obj_article_summary .authors {
    color: #68736b !important;
    font-size: 12.5px !important;
    line-height: 1.45 !important;
}

.current_issue .obj_article_summary .pages {
    display: inline-block !important;

    margin: 0 !important;
    padding: 4px 8px !important;

    background: #f3f7f4 !important;
    border: 1px solid #d9e4dc !important;
    border-radius: 5px !important;

    color: #536158 !important;
    font-size: 11.5px !important;
    font-weight: 700 !important;
}

/* PDF buttons: normal flow, so they never overlap page numbers */
.current_issue .obj_article_summary > .galleys_links,
.current_issue .obj_article_summary > .galleys,
.current_issue .obj_article_summary .galleys_links,
.current_issue .obj_article_summary .galleys {
    grid-column: 2 !important;
    grid-row: 3 !important;
    justify-self: end !important;

    position: static !important;
    top: auto !important;
    right: auto !important;
    transform: none !important;

    margin: 2px 0 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.current_issue .obj_article_summary .galleys_links li,
.current_issue .obj_article_summary .galleys li {
    display: inline-block !important;
    margin: 0 0 0 6px !important;
    padding: 0 !important;
    list-style: none !important;
}

.current_issue .obj_article_summary .obj_galley_link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-width: 92px !important;
    padding: 8px 12px !important;

    background: #266338 !important;
    border: 1px solid #1f542f !important;
    border-top: 3px solid #d3a62e !important;
    border-radius: 6px !important;

    color: #ffffff !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;

    box-shadow: 0 2px 5px rgba(0,0,0,.08) !important;
}

.current_issue .obj_article_summary .obj_galley_link:hover,
.current_issue .obj_article_summary .obj_galley_link:focus {
    background: #1f542f !important;
    color: #ffffff !important;
    text-decoration: none !important;
}

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

@media (max-width: 900px) {
    .current_issue .obj_issue_toc > .heading {
        grid-template-columns: 155px minmax(0,1fr) !important;
    }

    .current_issue .obj_issue_toc > .heading > .cover {
        width: 145px !important;
        min-width: 145px !important;
        max-width: 145px !important;
    }

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

    .current_issue .obj_article_summary {
        grid-template-columns: 150px minmax(0,1fr) !important;
    }

    .current_issue .obj_article_summary > .cover {
        width: 140px !important;
        max-width: 140px !important;
    }
}

@media (max-width: 640px) {
    .current_issue .current_issue_title {
        margin: 14px 14px 0 !important;
        font-size: 15px !important;
    }

    .current_issue .obj_issue_toc > .heading {
        display: block !important;
        margin: 14px !important;
        padding: 14px !important;
    }

    .current_issue .obj_issue_toc > .heading > .cover {
        width: 170px !important;
        min-width: 170px !important;
        max-width: 170px !important;
        margin: 0 auto 14px !important;
    }

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

    .current_issue .obj_issue_toc .pub_id,
    .current_issue .obj_issue_toc .published {
        margin-bottom: 8px !important;
    }

    .current_issue .obj_issue_toc .section {
        padding: 0 14px 14px !important;
    }

    .current_issue .obj_article_summary {
        display: block !important;
        padding: 14px !important;
    }

    .current_issue .obj_article_summary > .cover {
        width: 100% !important;
        max-width: 230px !important;
        height: auto !important;
        margin: 0 auto 13px !important;
    }

    .current_issue .obj_article_summary > .cover img {
        width: 100% !important;
        max-width: 210px !important;
        height: auto !important;
        max-height: 150px !important;
    }

    .current_issue .obj_article_summary .title,
    .current_issue .obj_article_summary .meta,
    .current_issue .obj_article_summary .galleys_links,
    .current_issue .obj_article_summary .galleys {
        margin-top: 10px !important;
    }

    .current_issue .obj_article_summary .galleys_links,
    .current_issue .obj_article_summary .galleys {
        text-align: right !important;
    }
}

/* =========================================================
   HISTOGRAM — FUTURE-PROOF ABOUT CARD
   IMPORTANT:
   - No issue-specific cover image
   - No hardcoded volume/issue number
   - Current Issue section below remains fully dynamic from OJS
========================================================= */

.homepage_about::before {
    content:
        "HISTOGRAM\A"
        "Jurnal Pendidikan Matematika\A\A"
        "MATHEMATICS EDUCATION\A\A"
        "p-ISSN 2549-6700\A"
        "e-ISSN 2549-6719" !important;

    white-space: pre-line !important;

    align-self: start !important;
    justify-self: start !important;
    box-sizing: border-box !important;

    width: 245px !important;
    min-height: 0 !important;
    height: 305px !important;

    margin: 0 !important;
    padding: 34px 20px 24px !important;

    background-color: #f7faf8 !important;
    background-image: none !important;

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

    border: 1px solid #d9e4dc !important;
    border-top: 5px solid #d3a62e !important;
    border-radius: 9px !important;

    box-shadow: 0 5px 12px rgba(0,0,0,.055) !important;

    color: #266338 !important;
    font-family: Cambria, Georgia, "Times New Roman", serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.55 !important;
    letter-spacing: .35px !important;
    text-align: center !important;
}

/* Small neutral footer band inside the identity card feel */
.homepage_about::before {
    text-shadow: none !important;
}

/* Current Issue is always sourced from OJS itself.
   Do not inject issue-specific text or images through CSS. */
.current_issue .current_issue_title,
.current_issue .obj_issue_toc > .heading > .cover,
.current_issue .obj_issue_toc > .heading > .cover img,
.current_issue .obj_issue_toc .pub_id,
.current_issue .obj_issue_toc .published {
    /* intentionally no content overrides */
}

/* Responsive About identity card */
@media (max-width: 950px) {
    .homepage_about::before {
        width: 190px !important;
        height: 270px !important;
        padding: 26px 15px 20px !important;
        font-size: 12.5px !important;
    }
}

@media (max-width: 640px) {
    .homepage_about::before {
        width: 220px !important;
        height: 285px !important;
        margin: 0 auto 18px !important;
        padding: 28px 18px 22px !important;
        font-size: 13px !important;
    }
}

/* =========================================================
   HISTOGRAM — ARTICLE CARD ENRICHMENT HOOKS
   These rules activate automatically AFTER IT adds the matching
   HTML classes to the OJS article summary template.
========================================================= */

.current_issue .obj_article_summary .histogram-affiliation {
    grid-column: 2 !important;
    margin-top: 2px !important;
    color: #7a847d !important;
    font-size: 11.5px !important;
    line-height: 1.45 !important;
}

.current_issue .obj_article_summary .histogram-metrics {
    grid-column: 2 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin-top: 6px !important;
}

.current_issue .obj_article_summary .histogram-metric {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    padding: 6px 9px !important;
    background: #f4f8f5 !important;
    border: 1px solid #d8e4db !important;
    border-radius: 6px !important;
    color: #526158 !important;
    font-size: 11.5px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
}

.current_issue .obj_article_summary .histogram-metric strong {
    color: #266338 !important;
    font-weight: 700 !important;
}

.current_issue .obj_article_summary .histogram-doi {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 6px 10px !important;
    background: #eef9f2 !important;
    border: 1px solid #bfe0c9 !important;
    border-radius: 6px !important;
    color: #266338 !important;
    font-size: 11.5px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    overflow-wrap: anywhere !important;
}

.current_issue .obj_article_summary .histogram-doi:hover,
.current_issue .obj_article_summary .histogram-doi:focus {
    background: #e7f4eb !important;
    border-color: #d3a62e !important;
    color: #1f542f !important;
    text-decoration: none !important;
}

.current_issue .obj_article_summary .histogram-extra-row {
    grid-column: 2 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    margin-top: 6px !important;
    padding-top: 10px !important;
    border-top: 1px solid #e3e9e5 !important;
}

@media (max-width: 640px) {
    .current_issue .obj_article_summary .histogram-affiliation,
    .current_issue .obj_article_summary .histogram-metrics,
    .current_issue .obj_article_summary .histogram-extra-row {
        width: 100% !important;
        margin-top: 8px !important;
    }
}

/* =========================================================
   ABOUT THE JOURNAL — RESTORE CURRENT ISSUE COVER
   Keep a real journal cover visible in the left card.
   Caption stays generic so volume text is not hardcoded.
========================================================= */

.homepage_about::before {
    content: "CURRENT ISSUE" !important;
    white-space: normal !important;

    align-self: start !important;
    justify-self: start !important;
    box-sizing: border-box !important;

    width: 245px !important;
    min-height: 0 !important;
    height: 395px !important;

    margin: 0 !important;
    padding: 14px 12px 16px !important;

    background-color: #ffffff !important;
    background-image: url("https://journal.matappa.ac.id/public/journals/1/cover_issue_150_id.jpg") !important;
    background-repeat: no-repeat !important;
    background-position: center 14px !important;
    background-size: 205px auto !important;

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

    border: 1px solid #d9e4dc !important;
    border-top: 5px solid #d3a62e !important;
    border-radius: 9px !important;

    box-shadow: 0 5px 12px rgba(0,0,0,.06) !important;

    color: #627268 !important;
    font-family: Cambria, Georgia, "Times New Roman", serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    letter-spacing: .7px !important;
    text-align: center !important;
    text-shadow: none !important;
}

/* Medium screens */
@media (max-width: 950px) {
    .homepage_about::before {
        width: 190px !important;
        height: 330px !important;
        background-size: 160px auto !important;
        background-position: center 12px !important;
        padding: 12px 10px 14px !important;
    }
}

/* Mobile */
@media (max-width: 640px) {
    .homepage_about::before {
        width: 220px !important;
        height: 365px !important;
        margin: 0 auto 18px !important;
        background-size: 185px auto !important;
        background-position: center 12px !important;
        padding: 12px 10px 14px !important;
    }
}

/* =========================================================
   HISTOGRAM — ANNOUNCEMENTS / INFORMASI
   Safe styling: only targets the homepage announcements block.
========================================================= */

.cmp_announcements.highlight_first {
    box-sizing: border-box !important;
    margin: 28px 0 30px !important;
    padding: 0 !important;
    font-family: Cambria, Georgia, "Times New Roman", serif !important;
}

/* Section heading */
.cmp_announcements.highlight_first > h2 {
    position: relative !important;
    margin: 0 0 16px !important;
    padding: 13px 18px 13px 46px !important;
    background: #266338 !important;
    color: #ffffff !important;
    border-top: 4px solid #d3a62e !important;
    border-radius: 8px !important;
    box-shadow: 0 3px 8px rgba(0,0,0,.08) !important;
    font-family: Cambria, Georgia, "Times New Roman", serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    text-transform: uppercase !important;
    letter-spacing: .4px !important;
}

.cmp_announcements.highlight_first > h2::before {
    content: "\2709" !important;
    position: absolute !important;
    left: 17px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: #f4d264 !important;
    font-size: 20px !important;
    line-height: 1 !important;
}

/* Announcement card */
.cmp_announcements.highlight_first .obj_announcement_summary {
    position: relative !important;
    box-sizing: border-box !important;
    margin: 0 0 14px !important;
    padding: 17px 18px 16px 22px !important;
    background: #ffffff !important;
    border: 1px solid #dfe8e1 !important;
    border-left: 5px solid #266338 !important;
    border-radius: 8px !important;
    box-shadow: 0 3px 10px rgba(0,0,0,.055) !important;
    overflow: hidden !important;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease !important;
}

.cmp_announcements.highlight_first .obj_announcement_summary:hover {
    transform: translateY(-1px) !important;
    box-shadow: 0 5px 13px rgba(0,0,0,.08) !important;
    border-color: #cbdacf !important;
}

/* First/latest announcement gets a soft highlight */
.cmp_announcements.highlight_first .obj_announcement_summary:first-of-type {
    background: #f8fbf9 !important;
    border-left-color: #d3a62e !important;
}

.cmp_announcements.highlight_first .obj_announcement_summary:first-of-type::before {
    content: "LATEST" !important;
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    padding: 5px 10px !important;
    background: #d3a62e !important;
    color: #ffffff !important;
    border-radius: 0 7px 0 7px !important;
    font-family: Cambria, Georgia, "Times New Roman", serif !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: .6px !important;
}

/* Title */
.cmp_announcements.highlight_first .obj_announcement_summary h3 {
    margin: 0 0 7px !important;
    padding-right: 58px !important;
    font-family: Cambria, Georgia, "Times New Roman", serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.38 !important;
}

.cmp_announcements.highlight_first .obj_announcement_summary h3 a {
    color: #266338 !important;
    text-decoration: none !important;
}

.cmp_announcements.highlight_first .obj_announcement_summary h3 a:hover,
.cmp_announcements.highlight_first .obj_announcement_summary h3 a:focus {
    color: #1f542f !important;
    text-decoration: underline !important;
    text-decoration-color: #d3a62e !important;
    text-underline-offset: 3px !important;
}

/* Date */
.cmp_announcements.highlight_first .obj_announcement_summary .date {
    display: inline-block !important;
    margin: 0 0 9px !important;
    padding: 4px 8px !important;
    background: #eef5f0 !important;
    color: #617068 !important;
    border-radius: 5px !important;
    font-family: Cambria, Georgia, "Times New Roman", serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
}

/* Description */
.cmp_announcements.highlight_first .obj_announcement_summary .description,
.cmp_announcements.highlight_first .obj_announcement_summary p {
    margin-top: 7px !important;
    color: #555f58 !important;
    font-family: Cambria, Georgia, "Times New Roman", serif !important;
    font-size: 13px !important;
    line-height: 1.58 !important;
}

/* Read more link */
.cmp_announcements.highlight_first .obj_announcement_summary > p:last-child a,
.cmp_announcements.highlight_first .obj_announcement_summary .read_more a {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    margin-top: 3px !important;
    padding: 6px 10px !important;
    background: #f2f7f3 !important;
    color: #266338 !important;
    border: 1px solid #d5e2d8 !important;
    border-radius: 6px !important;
    font-family: Cambria, Georgia, "Times New Roman", serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

.cmp_announcements.highlight_first .obj_announcement_summary > p:last-child a::after,
.cmp_announcements.highlight_first .obj_announcement_summary .read_more a::after {
    content: "\25B8" !important;
    color: #d3a62e !important;
}

.cmp_announcements.highlight_first .obj_announcement_summary > p:last-child a:hover,
.cmp_announcements.highlight_first .obj_announcement_summary .read_more a:hover {
    background: #266338 !important;
    color: #ffffff !important;
    border-color: #266338 !important;
}

/* Mobile */
@media (max-width: 640px) {
    .cmp_announcements.highlight_first > h2 {
        font-size: 16px !important;
        padding: 12px 14px 12px 42px !important;
    }

    .cmp_announcements.highlight_first .obj_announcement_summary {
        padding: 15px 14px 14px 17px !important;
    }

    .cmp_announcements.highlight_first .obj_announcement_summary h3 {
        font-size: 15px !important;
        padding-right: 0 !important;
        margin-top: 17px !important;
    }
}

/* =========================================================
   ANNOUNCEMENTS V2 — FIX OJS highlight_first STRUCTURE
   Featured latest announcement full width + older notices below.
========================================================= */

/* Reset the OJS two-column/floating announcement layout */
.cmp_announcements.highlight_first {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    clear: both !important;
    overflow: visible !important;
}

.cmp_announcements.highlight_first > .obj_announcement_summary {
    float: none !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    margin: 0 0 12px !important;
    box-sizing: border-box !important;
}

/* OJS puts announcements after the first one inside .more */
.cmp_announcements.highlight_first > .more {
    display: block !important;
    float: none !important;
    position: static !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    clear: both !important;
    box-sizing: border-box !important;
}

.cmp_announcements.highlight_first > .more::before,
.cmp_announcements.highlight_first > .more::after {
    content: none !important;
    display: none !important;
}

.cmp_announcements.highlight_first > .more > .obj_announcement_summary {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-areas:
        "title date" !important;
    align-items: center !important;
    gap: 12px !important;

    float: none !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;

    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    margin: 0 0 10px !important;
    padding: 13px 15px 13px 18px !important;

    background: #ffffff !important;
    border: 1px solid #dfe8e1 !important;
    border-left: 4px solid #8fb89a !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 7px rgba(0,0,0,.045) !important;
    box-sizing: border-box !important;
}

/* Only the real first/latest announcement gets the LATEST tag */
.cmp_announcements.highlight_first > .obj_announcement_summary:first-of-type::before {
    content: "LATEST" !important;
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    padding: 5px 11px !important;
    background: #d3a62e !important;
    color: #ffffff !important;
    border-radius: 0 7px 0 7px !important;
    font-family: Cambria, Georgia, "Times New Roman", serif !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: .65px !important;
    line-height: 1.3 !important;
}

/* Remove accidental duplicate LATEST badges from nested announcements */
.cmp_announcements.highlight_first > .more > .obj_announcement_summary::before {
    content: none !important;
    display: none !important;
}

/* Featured/latest card: cleaner and more balanced */
.cmp_announcements.highlight_first > .obj_announcement_summary:first-of-type {
    padding: 20px 22px 18px 24px !important;
    background: linear-gradient(90deg, #fbfdfb 0%, #f7fbf8 100%) !important;
    border: 1px solid #dbe6de !important;
    border-left: 5px solid #d3a62e !important;
    border-radius: 9px !important;
    box-shadow: 0 3px 10px rgba(0,0,0,.05) !important;
}

/* Give the featured title enough room for the tag */
.cmp_announcements.highlight_first > .obj_announcement_summary:first-of-type h3 {
    margin: 0 80px 8px 0 !important;
    padding: 0 !important;
    color: #266338 !important;
    font-size: 17px !important;
    line-height: 1.38 !important;
}

/* Compact older-announcement typography */
.cmp_announcements.highlight_first > .more > .obj_announcement_summary h4 {
    grid-area: title !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: Cambria, Georgia, "Times New Roman", serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
}

.cmp_announcements.highlight_first > .more > .obj_announcement_summary h4 a {
    color: #266338 !important;
    text-decoration: none !important;
}

.cmp_announcements.highlight_first > .more > .obj_announcement_summary h4 a:hover,
.cmp_announcements.highlight_first > .more > .obj_announcement_summary h4 a:focus {
    color: #1f542f !important;
    text-decoration: underline !important;
    text-decoration-color: #d3a62e !important;
    text-underline-offset: 3px !important;
}

.cmp_announcements.highlight_first > .more > .obj_announcement_summary .date {
    grid-area: date !important;
    margin: 0 !important;
    padding: 5px 8px !important;
    white-space: nowrap !important;
    background: #f2f6f3 !important;
    color: #647168 !important;
    border-radius: 5px !important;
    font-family: Cambria, Georgia, "Times New Roman", serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
}

/* Make sure old OJS widths cannot reappear */
.cmp_announcements.highlight_first .obj_announcement_summary_details,
.cmp_announcements.highlight_first .obj_announcement_summary .description {
    width: auto !important;
    max-width: none !important;
    float: none !important;
}

/* Responsive */
@media (max-width: 700px) {
    .cmp_announcements.highlight_first > .obj_announcement_summary:first-of-type {
        padding: 18px 16px 16px 18px !important;
    }

    .cmp_announcements.highlight_first > .obj_announcement_summary:first-of-type h3 {
        margin-right: 0 !important;
        padding-top: 18px !important;
        font-size: 16px !important;
    }

    .cmp_announcements.highlight_first > .more > .obj_announcement_summary {
        grid-template-columns: 1fr !important;
        grid-template-areas:
            "title"
            "date" !important;
        gap: 7px !important;
    }

    .cmp_announcements.highlight_first > .more > .obj_announcement_summary .date {
        justify-self: start !important;
    }
}

/* =========================================================
   HISTOGRAM — DYNAMIC CURRENT ISSUE CARD + LATEST BADGE FIX
   JS in Custom Header Plugin supplies:
   --histogram-current-cover
   data-current-issue
========================================================= */

/* About card: cover + issue label can now update automatically */
.homepage_about::before {
    content: attr(data-current-issue) !important;

    background-image:
        var(
            --histogram-current-cover,
            url("https://journal.matappa.ac.id/public/journals/1/cover_issue_150_id.jpg")
        ) !important;
    background-repeat: no-repeat !important;
    background-position: center 14px !important;
    background-size: 205px auto !important;

    color: #526158 !important;
    font-family: Cambria, Georgia, "Times New Roman", serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    letter-spacing: .15px !important;
    text-transform: none !important;
    text-align: center !important;
}

/* If JS has not loaded yet, do not show a blank caption forever */
.homepage_about:not([data-current-issue])::before {
    content: "CURRENT ISSUE" !important;
}

/* Reset every possible inherited dimension on the LATEST badge */
.cmp_announcements.highlight_first >
.obj_announcement_summary:first-of-type::before {
    content: "LATEST" !important;

    position: absolute !important;
    inset: 14px 14px auto auto !important;
    top: 14px !important;
    right: 14px !important;
    bottom: auto !important;
    left: auto !important;

    display: inline-block !important;
    box-sizing: border-box !important;

    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;

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

    background: #d3a62e !important;
    color: #ffffff !important;

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

    font-family: Cambria, Georgia, "Times New Roman", serif !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    line-height: 1.15 !important;
    letter-spacing: .6px !important;

    white-space: nowrap !important;
    writing-mode: horizontal-tb !important;
    text-orientation: mixed !important;

    transform: none !important;
    overflow: visible !important;
    z-index: 5 !important;
}

/* Make room for the floating badge without stretching the card */
.cmp_announcements.highlight_first >
.obj_announcement_summary:first-of-type h3 {
    margin-right: 92px !important;
}

/* Ensure the featured card never clips its badge */
.cmp_announcements.highlight_first >
.obj_announcement_summary:first-of-type {
    overflow: visible !important;
}

/* Older announcements must never inherit a LATEST tag */
.cmp_announcements.highlight_first >
.more .obj_announcement_summary::before {
    content: none !important;
    display: none !important;
}

/* Responsive current-issue cover */
@media (max-width: 950px) {
    .homepage_about::before {
        background-size: 160px auto !important;
        background-position: center 12px !important;
        font-size: 12px !important;
    }
}

@media (max-width: 640px) {
    .homepage_about::before {
        background-size: 185px auto !important;
        background-position: center 12px !important;
        font-size: 12.5px !important;
    }

    .cmp_announcements.highlight_first >
    .obj_announcement_summary:first-of-type::before {
        top: 10px !important;
        right: 10px !important;
    }

    .cmp_announcements.highlight_first >
    .obj_announcement_summary:first-of-type h3 {
        margin-right: 0 !important;
        padding-top: 22px !important;
    }
}

/* =========================================================
   ABOUT CURRENT ISSUE LABEL — V4
   Shows CURRENT ISSUE + dynamic volume/number/year from JS
========================================================= */

.homepage_about::before {
    content: "CURRENT ISSUE\A" attr(data-current-issue) !important;
    white-space: pre-line !important;
    color: #526158 !important;
    font-family: Cambria, Georgia, "Times New Roman", serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.45 !important;
    letter-spacing: .15px !important;
    text-align: center !important;
    text-transform: none !important;
}

/* Fallback while JS has not populated the issue label */
.homepage_about:not([data-current-issue])::before {
    content: "CURRENT ISSUE" !important;
}

/* =========================================================
   HISTOGRAM — FOOTER
   Styles only the existing OJS footer structure.
========================================================= */

.pkp_structure_footer {
    box-sizing: border-box !important;
    margin-top: 34px !important;
    padding: 0 !important;
    background: #266338 !important;
    border-top: 5px solid #d3a62e !important;
    font-family: Cambria, Georgia, "Times New Roman", serif !important;
    color: #ffffff !important;
    box-shadow: 0 -2px 10px rgba(0,0,0,.06) !important;
}

/* Main footer content */
.pkp_structure_footer .pkp_footer_content {
    position: relative !important;
    box-sizing: border-box !important;
    max-width: 1160px !important;
    margin: 0 auto !important;
    padding: 26px 210px 24px 26px !important;
    min-height: 126px !important;
    color: #ffffff !important;
    background: transparent !important;
}

/* Journal identity added visually without changing OJS content */
.pkp_structure_footer .pkp_footer_content::before {
    content:
        "HISTOGRAM: Jurnal Pendidikan Matematika\A"
        "Mathematics Education Study Program, STKIP Andi Matappa Pangkep\A"
        "p-ISSN 2549-6700  •  e-ISSN 2549-6719";
    white-space: pre-line !important;
    display: block !important;
    margin: 0 0 14px !important;
    color: #ffffff !important;
    font-family: Cambria, Georgia, "Times New Roman", serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.65 !important;
}

/* Emphasize journal title */
.pkp_structure_footer .pkp_footer_content::after {
    content: "Open Access • Double-Blind Peer Review • SINTA 4" !important;
    display: inline-block !important;
    margin-top: 2px !important;
    padding: 6px 10px !important;
    background: rgba(255,255,255,.10) !important;
    border: 1px solid rgba(255,255,255,.20) !important;
    border-radius: 6px !important;
    color: #f7e9b1 !important;
    font-family: Cambria, Georgia, "Times New Roman", serif !important;
    font-size: 11.5px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
}

/* Existing Histats paragraph */
.pkp_structure_footer .pkp_footer_content p {
    display: inline-block !important;
    margin: 0 8px 8px 0 !important;
    padding: 0 !important;
    color: #ffffff !important;
    font-family: Cambria, Georgia, "Times New Roman", serif !important;
    font-size: 12px !important;
    line-height: 1.3 !important;
}

.pkp_structure_footer .pkp_footer_content p a {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 6px 10px !important;
    background: #ffffff !important;
    color: #266338 !important;
    border: 1px solid #e4ebE6 !important;
    border-radius: 6px !important;
    font-family: Cambria, Georgia, "Times New Roman", serif !important;
    font-size: 11.5px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

.pkp_structure_footer .pkp_footer_content p a::before {
    content: "\25C9" !important;
    color: #d3a62e !important;
    font-size: 11px !important;
}

.pkp_structure_footer .pkp_footer_content p a:hover,
.pkp_structure_footer .pkp_footer_content p a:focus {
    background: #f7f2df !important;
    color: #1f542f !important;
    border-color: #d3a62e !important;
    text-decoration: none !important;
}

/* OJS brand on right */
.pkp_structure_footer .pkp_brand_footer {
    position: absolute !important;
    top: 50% !important;
    right: max(24px, calc((100% - 1160px) / 2 + 24px)) !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
    padding: 10px 12px !important;
    background: #ffffff !important;
    border: 1px solid rgba(255,255,255,.22) !important;
    border-radius: 8px !important;
    box-shadow: 0 3px 9px rgba(0,0,0,.10) !important;
}

.pkp_structure_footer .pkp_brand_footer a {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
}

.pkp_structure_footer .pkp_brand_footer img {
    display: block !important;
    width: auto !important;
    max-width: 150px !important;
    height: auto !important;
    max-height: 52px !important;
    margin: 0 auto !important;
}

/* Mobile */
@media (max-width: 760px) {
    .pkp_structure_footer .pkp_footer_content {
        padding: 22px 18px 20px !important;
        min-height: 0 !important;
        text-align: center !important;
    }

    .pkp_structure_footer .pkp_footer_content::before {
        font-size: 13px !important;
    }

    .pkp_structure_footer .pkp_footer_content::after {
        font-size: 11px !important;
    }

    .pkp_structure_footer .pkp_brand_footer {
        position: static !important;
        transform: none !important;
        width: fit-content !important;
        margin: 0 auto 18px !important;
    }
}

/* =========================================================
   HISTOGRAM — FOOTER FINAL WITH REAL CONTACT DATA
   Expected footer content: 4 paragraphs
   1 Journal Identity
   2 Editor-in-Chief
   3 Journal Administrator
   4 Histats
========================================================= */

/* Remove pseudo-generated footer text from previous version */
.pkp_structure_footer .pkp_footer_content::before,
.pkp_structure_footer .pkp_footer_content::after {
    content: none !important;
    display: none !important;
}

/* Three-column layout for actual footer content */
.pkp_structure_footer .pkp_footer_content {
    display: grid !important;
    grid-template-columns: 1.25fr 1fr 1fr !important;
    gap: 14px !important;
    align-items: stretch !important;

    max-width: 1160px !important;
    margin: 0 auto !important;
    padding: 24px 205px 20px 24px !important;
    min-height: 0 !important;
    box-sizing: border-box !important;
}

/* Reset all footer paragraphs first */
.pkp_structure_footer .pkp_footer_content > p {
    display: block !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    font-family: Cambria, Georgia, "Times New Roman", serif !important;
}

/* Main three cards */
.pkp_structure_footer .pkp_footer_content > p:nth-of-type(1),
.pkp_structure_footer .pkp_footer_content > p:nth-of-type(2),
.pkp_structure_footer .pkp_footer_content > p:nth-of-type(3) {
    padding: 16px 16px 15px !important;
    background: rgba(255,255,255,.075) !important;
    border: 1px solid rgba(255,255,255,.15) !important;
    border-radius: 8px !important;
    color: #ffffff !important;
    font-size: 12.5px !important;
    line-height: 1.62 !important;
    box-shadow: none !important;
}

/* Gold top accent on each information card */
.pkp_structure_footer .pkp_footer_content > p:nth-of-type(1),
.pkp_structure_footer .pkp_footer_content > p:nth-of-type(2),
.pkp_structure_footer .pkp_footer_content > p:nth-of-type(3) {
    border-top: 3px solid #d3a62e !important;
}

/* Headings inside cards */
.pkp_structure_footer .pkp_footer_content > p:nth-of-type(1) strong,
.pkp_structure_footer .pkp_footer_content > p:nth-of-type(2) strong,
.pkp_structure_footer .pkp_footer_content > p:nth-of-type(3) strong {
    display: inline-block !important;
    margin-bottom: 6px !important;
    color: #f4d264 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
}

/* Journal title is slightly larger */
.pkp_structure_footer .pkp_footer_content > p:nth-of-type(1) strong {
    color: #ffffff !important;
    font-size: 15px !important;
}

/* Email + WhatsApp links */
.pkp_structure_footer .pkp_footer_content > p:nth-of-type(-n+3) a {
    color: #ffffff !important;
    text-decoration: none !important;
    border-bottom: 1px dotted rgba(244,210,100,.85) !important;
}

.pkp_structure_footer .pkp_footer_content > p:nth-of-type(-n+3) a:hover,
.pkp_structure_footer .pkp_footer_content > p:nth-of-type(-n+3) a:focus {
    color: #f4d264 !important;
    border-bottom-style: solid !important;
}

/* Histats becomes a compact utility button below all 3 cards */
.pkp_structure_footer .pkp_footer_content > p:nth-of-type(4) {
    grid-column: 1 / -1 !important;
    justify-self: start !important;
    margin-top: 0 !important;
    padding: 0 !important;
}

.pkp_structure_footer .pkp_footer_content > p:nth-of-type(4) a {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 6px 10px !important;
    background: #ffffff !important;
    color: #266338 !important;
    border: 1px solid rgba(255,255,255,.65) !important;
    border-radius: 6px !important;
    font-size: 11.5px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

.pkp_structure_footer .pkp_footer_content > p:nth-of-type(4) a::before {
    content: "\25C9" !important;
    color: #d3a62e !important;
    font-size: 10px !important;
}

/* Keep OJS logo on the right */
.pkp_structure_footer .pkp_brand_footer {
    position: absolute !important;
    top: 50% !important;
    right: max(22px, calc((100% - 1160px) / 2 + 22px)) !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
    padding: 10px 12px !important;
    background: #ffffff !important;
    border-radius: 8px !important;
}

/* Responsive */
@media (max-width: 980px) {
    .pkp_structure_footer .pkp_footer_content {
        grid-template-columns: 1fr 1fr !important;
        padding: 22px 18px 20px !important;
    }

    .pkp_structure_footer .pkp_footer_content > p:nth-of-type(1) {
        grid-column: 1 / -1 !important;
    }

    .pkp_structure_footer .pkp_brand_footer {
        position: static !important;
        transform: none !important;
        width: fit-content !important;
        margin: 0 auto 18px !important;
    }
}

@media (max-width: 640px) {
    .pkp_structure_footer .pkp_footer_content {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
        padding: 18px 14px 16px !important;
        text-align: left !important;
    }

    .pkp_structure_footer .pkp_footer_content > p:nth-of-type(1),
    .pkp_structure_footer .pkp_footer_content > p:nth-of-type(2),
    .pkp_structure_footer .pkp_footer_content > p:nth-of-type(3) {
        grid-column: 1 !important;
    }
}

/* =========================================================
   HISTOGRAM — FOOTER CONTACT POLISHED V2
   Modern academic footer, Cambria, green + gold.
========================================================= */

.pkp_structure_footer {
    position: relative !important;
    overflow: hidden !important;
    background:
        radial-gradient(circle at 12% 10%, rgba(255,255,255,.08), transparent 28%),
        linear-gradient(135deg, #1f542f 0%, #266338 48%, #2f7144 100%) !important;
    border-top: 5px solid #d3a62e !important;
    box-shadow: 0 -4px 14px rgba(0,0,0,.08) !important;
}

/* subtle decorative line */
.pkp_structure_footer::before {
    content: "" !important;
    position: absolute !important;
    top: 12px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: min(1120px, calc(100% - 32px)) !important;
    height: 1px !important;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(244,210,100,.55),
        transparent
    ) !important;
    pointer-events: none !important;
}

/* main 3-column content */
.pkp_structure_footer .pkp_footer_content {
    display: grid !important;
    grid-template-columns: 1.22fr 1fr 1fr !important;
    gap: 16px !important;
    align-items: stretch !important;
    max-width: 1160px !important;
    margin: 0 auto !important;
    padding: 30px 205px 22px 24px !important;
    box-sizing: border-box !important;
}

/* all three cards */
.pkp_structure_footer .pkp_footer_content > p:nth-of-type(1),
.pkp_structure_footer .pkp_footer_content > p:nth-of-type(2),
.pkp_structure_footer .pkp_footer_content > p:nth-of-type(3) {
    position: relative !important;
    margin: 0 !important;
    padding: 18px 16px 16px 48px !important;
    min-height: 148px !important;
    background: rgba(255,255,255,.095) !important;
    border: 1px solid rgba(255,255,255,.17) !important;
    border-top: 3px solid #d3a62e !important;
    border-radius: 10px !important;
    color: #ffffff !important;
    font-family: Cambria, Georgia, "Times New Roman", serif !important;
    font-size: 12.6px !important;
    line-height: 1.64 !important;
    box-shadow: 0 5px 13px rgba(0,0,0,.08) !important;
    backdrop-filter: blur(1px) !important;
    transition: transform .18s ease, background .18s ease, box-shadow .18s ease !important;
}

.pkp_structure_footer .pkp_footer_content > p:nth-of-type(1):hover,
.pkp_structure_footer .pkp_footer_content > p:nth-of-type(2):hover,
.pkp_structure_footer .pkp_footer_content > p:nth-of-type(3):hover {
    transform: translateY(-2px) !important;
    background: rgba(255,255,255,.125) !important;
    box-shadow: 0 7px 16px rgba(0,0,0,.11) !important;
}

/* icons */
.pkp_structure_footer .pkp_footer_content > p:nth-of-type(1)::before,
.pkp_structure_footer .pkp_footer_content > p:nth-of-type(2)::before,
.pkp_structure_footer .pkp_footer_content > p:nth-of-type(3)::before {
    position: absolute !important;
    left: 15px !important;
    top: 17px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 24px !important;
    height: 24px !important;
    border: 1px solid rgba(244,210,100,.55) !important;
    border-radius: 50% !important;
    background: rgba(211,166,46,.14) !important;
    color: #f4d264 !important;
    font-family: Cambria, Georgia, "Times New Roman", serif !important;
    font-size: 14px !important;
    line-height: 1 !important;
}

.pkp_structure_footer .pkp_footer_content > p:nth-of-type(1)::before {
    content: "\25C8" !important;
}

.pkp_structure_footer .pkp_footer_content > p:nth-of-type(2)::before {
    content: "\270E" !important;
}

.pkp_structure_footer .pkp_footer_content > p:nth-of-type(3)::before {
    content: "\260E" !important;
}

/* card headings */
.pkp_structure_footer .pkp_footer_content > p:nth-of-type(1) strong,
.pkp_structure_footer .pkp_footer_content > p:nth-of-type(2) strong,
.pkp_structure_footer .pkp_footer_content > p:nth-of-type(3) strong {
    display: inline-block !important;
    margin: 0 0 7px !important;
    color: #f4d264 !important;
    font-family: Cambria, Georgia, "Times New Roman", serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    letter-spacing: .25px !important;
    text-transform: uppercase !important;
}

/* journal name gets a distinct visual hierarchy */
.pkp_structure_footer .pkp_footer_content > p:nth-of-type(1) strong {
    color: #ffffff !important;
    font-size: 15px !important;
    line-height: 1.3 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
}

/* links */
.pkp_structure_footer .pkp_footer_content > p:nth-of-type(-n+3) a {
    color: #ffffff !important;
    text-decoration: none !important;
    border-bottom: 1px dotted rgba(244,210,100,.85) !important;
    transition: color .15s ease, border-color .15s ease !important;
}

.pkp_structure_footer .pkp_footer_content > p:nth-of-type(-n+3) a:hover,
.pkp_structure_footer .pkp_footer_content > p:nth-of-type(-n+3) a:focus {
    color: #f4d264 !important;
    border-bottom: 1px solid #f4d264 !important;
}

/* contact labels can look like tiny pills if wrapped in links */
.pkp_structure_footer .pkp_footer_content a[href^="https://wa.me/"],
.pkp_structure_footer .pkp_footer_content a[href^="mailto:"] {
    display: inline-block !important;
    margin-top: 2px !important;
    padding: 2px 0 !important;
}

/* Histats utility row */
.pkp_structure_footer .pkp_footer_content > p:nth-of-type(4) {
    grid-column: 1 / -1 !important;
    justify-self: start !important;
    margin: 0 !important;
    padding: 0 !important;
}

.pkp_structure_footer .pkp_footer_content > p:nth-of-type(4) a {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 7px 11px !important;
    background: rgba(255,255,255,.96) !important;
    color: #266338 !important;
    border: 1px solid rgba(255,255,255,.75) !important;
    border-radius: 7px !important;
    font-family: Cambria, Georgia, "Times New Roman", serif !important;
    font-size: 11.5px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    box-shadow: 0 2px 6px rgba(0,0,0,.06) !important;
}

.pkp_structure_footer .pkp_footer_content > p:nth-of-type(4) a::before {
    content: "\25C9" !important;
    color: #d3a62e !important;
    font-size: 10px !important;
}

/* OJS brand card */
.pkp_structure_footer .pkp_brand_footer {
    position: absolute !important;
    top: 50% !important;
    right: max(22px, calc((100% - 1160px) / 2 + 22px)) !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
    padding: 10px 12px !important;
    background: rgba(255,255,255,.98) !important;
    border: 1px solid rgba(244,210,100,.55) !important;
    border-radius: 9px !important;
    box-shadow: 0 5px 12px rgba(0,0,0,.10) !important;
}

.pkp_structure_footer .pkp_brand_footer img {
    display: block !important;
    max-width: 142px !important;
    max-height: 50px !important;
    width: auto !important;
    height: auto !important;
}

/* mobile/tablet */
@media (max-width: 980px) {
    .pkp_structure_footer .pkp_footer_content {
        grid-template-columns: 1fr 1fr !important;
        padding: 28px 18px 18px !important;
    }

    .pkp_structure_footer .pkp_footer_content > p:nth-of-type(1) {
        grid-column: 1 / -1 !important;
    }

    .pkp_structure_footer .pkp_brand_footer {
        position: static !important;
        transform: none !important;
        width: fit-content !important;
        margin: 0 auto 18px !important;
    }
}

@media (max-width: 640px) {
    .pkp_structure_footer .pkp_footer_content {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
        padding: 24px 14px 16px !important;
    }

    .pkp_structure_footer .pkp_footer_content > p:nth-of-type(1),
    .pkp_structure_footer .pkp_footer_content > p:nth-of-type(2),
    .pkp_structure_footer .pkp_footer_content > p:nth-of-type(3) {
        grid-column: 1 !important;
        min-height: 0 !important;
        padding: 16px 14px 15px 46px !important;
    }

    .pkp_structure_footer .pkp_footer_content > p:nth-of-type(1)::before,
    .pkp_structure_footer .pkp_footer_content > p:nth-of-type(2)::before,
    .pkp_structure_footer .pkp_footer_content > p:nth-of-type(3)::before {
        left: 13px !important;
        top: 15px !important;
    }
}

/* =========================================================
   HISTOGRAM — FOOTER POLISH V3
   Fix email/WhatsApp readability + elegant hover animation
========================================================= */

/* FIX: contact links must not inherit the white-button style */
.pkp_structure_footer .pkp_footer_content > p:nth-of-type(1) a,
.pkp_structure_footer .pkp_footer_content > p:nth-of-type(2) a,
.pkp_structure_footer .pkp_footer_content > p:nth-of-type(3) a {
    display: inline !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;

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

    background: transparent !important;
    color: #ffffff !important;

    border: 0 !important;
    border-bottom: 1px dotted rgba(244,210,100,.82) !important;
    border-radius: 0 !important;

    box-shadow: none !important;
    text-decoration: none !important;

    font-family: Cambria, Georgia, "Times New Roman", serif !important;
    font-size: inherit !important;
    font-weight: 400 !important;
    line-height: inherit !important;
}

/* Remove the small gold-dot icon inherited from generic link rules */
.pkp_structure_footer .pkp_footer_content > p:nth-of-type(1) a::before,
.pkp_structure_footer .pkp_footer_content > p:nth-of-type(2) a::before,
.pkp_structure_footer .pkp_footer_content > p:nth-of-type(3) a::before {
    content: none !important;
    display: none !important;
}

/* Contact link hover */
.pkp_structure_footer .pkp_footer_content > p:nth-of-type(1) a:hover,
.pkp_structure_footer .pkp_footer_content > p:nth-of-type(2) a:hover,
.pkp_structure_footer .pkp_footer_content > p:nth-of-type(3) a:hover,
.pkp_structure_footer .pkp_footer_content > p:nth-of-type(1) a:focus,
.pkp_structure_footer .pkp_footer_content > p:nth-of-type(2) a:focus,
.pkp_structure_footer .pkp_footer_content > p:nth-of-type(3) a:focus {
    background: transparent !important;
    color: #f4d264 !important;
    border-bottom: 1px solid #f4d264 !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

/* Slightly emphasize the actual email and WhatsApp addresses */
.pkp_structure_footer .pkp_footer_content a[href^="mailto:"],
.pkp_structure_footer .pkp_footer_content a[href^="https://wa.me/"] {
    font-weight: 700 !important;
}

/* ---------------------------------------------------------
   Card hover animation
--------------------------------------------------------- */
.pkp_structure_footer .pkp_footer_content > p:nth-of-type(1),
.pkp_structure_footer .pkp_footer_content > p:nth-of-type(2),
.pkp_structure_footer .pkp_footer_content > p:nth-of-type(3) {
    transform: translateY(0) scale(1) !important;
    transform-origin: center !important;
    transition:
        transform .24s ease,
        background .24s ease,
        border-color .24s ease,
        box-shadow .24s ease !important;
    will-change: transform !important;
}

/* elegant lift + glow */
.pkp_structure_footer .pkp_footer_content > p:nth-of-type(1):hover,
.pkp_structure_footer .pkp_footer_content > p:nth-of-type(2):hover,
.pkp_structure_footer .pkp_footer_content > p:nth-of-type(3):hover {
    transform: translateY(-5px) scale(1.012) !important;
    background: rgba(255,255,255,.135) !important;
    border-color: rgba(244,210,100,.48) !important;
    border-top-color: #f0c53b !important;
    box-shadow:
        0 12px 24px rgba(0,0,0,.16),
        0 0 0 1px rgba(244,210,100,.08) !important;
}

/* icon animation */
.pkp_structure_footer .pkp_footer_content > p:nth-of-type(1)::before,
.pkp_structure_footer .pkp_footer_content > p:nth-of-type(2)::before,
.pkp_structure_footer .pkp_footer_content > p:nth-of-type(3)::before {
    transition:
        transform .28s ease,
        background .28s ease,
        border-color .28s ease !important;
}

.pkp_structure_footer .pkp_footer_content > p:nth-of-type(1):hover::before,
.pkp_structure_footer .pkp_footer_content > p:nth-of-type(2):hover::before,
.pkp_structure_footer .pkp_footer_content > p:nth-of-type(3):hover::before {
    transform: rotate(8deg) scale(1.10) !important;
    background: rgba(211,166,46,.24) !important;
    border-color: #f4d264 !important;
}

/* Headings brighten slightly on hover */
.pkp_structure_footer .pkp_footer_content > p:nth-of-type(1) strong,
.pkp_structure_footer .pkp_footer_content > p:nth-of-type(2) strong,
.pkp_structure_footer .pkp_footer_content > p:nth-of-type(3) strong {
    transition: color .22s ease, letter-spacing .22s ease !important;
}

.pkp_structure_footer .pkp_footer_content > p:nth-of-type(2):hover strong,
.pkp_structure_footer .pkp_footer_content > p:nth-of-type(3):hover strong {
    color: #ffe18a !important;
    letter-spacing: .5px !important;
}

/* Keep motion modest for users who prefer reduced motion */
@media (prefers-reduced-motion: reduce) {
    .pkp_structure_footer .pkp_footer_content > p:nth-of-type(1),
    .pkp_structure_footer .pkp_footer_content > p:nth-of-type(2),
    .pkp_structure_footer .pkp_footer_content > p:nth-of-type(3),
    .pkp_structure_footer .pkp_footer_content > p:nth-of-type(1)::before,
    .pkp_structure_footer .pkp_footer_content > p:nth-of-type(2)::before,
    .pkp_structure_footer .pkp_footer_content > p:nth-of-type(3)::before {
        transition: none !important;
    }

    .pkp_structure_footer .pkp_footer_content > p:nth-of-type(1):hover,
    .pkp_structure_footer .pkp_footer_content > p:nth-of-type(2):hover,
    .pkp_structure_footer .pkp_footer_content > p:nth-of-type(3):hover {
        transform: none !important;
    }
}

/* =========================================================
   HISTOGRAM — BUILT-IN OJS SIDEBAR ONLY
   Journal Style Sheet handles:
   1. Make a Submission
   2. Language
   3. Information
   4. Keyword Cloud
   Custom blocks (menu, visitor, tools, etc.) are managed
   directly in Custom Block Manager.
========================================================= */

/* Shared width/alignment for built-in OJS sidebar cards */
.pkp_structure_sidebar .block_language,
.pkp_structure_sidebar .block_information,
.pkp_structure_sidebar .block_keyword_cloud {
    box-sizing: border-box !important;
    width: auto !important;
    max-width: none !important;
    margin-left: 45px !important;
    margin-right: 45px !important;
    font-family: Cambria, Georgia, "Times New Roman", serif !important;
}

/* =========================================================
   LANGUAGE
========================================================= */
.pkp_structure_sidebar .block_language {
    margin-bottom: 18px !important;
    padding: 0 !important;
    background: #ffffff !important;
    border: 1px solid #dce6ef !important;
    border-top: 5px solid #4778a8 !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 11px rgba(0,0,0,.055) !important;
    overflow: hidden !important;
}

.pkp_structure_sidebar .block_language > .title {
    position: relative !important;
    display: block !important;
    margin: 0 !important;
    padding: 13px 15px 12px 44px !important;
    background: #f1f6fb !important;
    color: #315f8c !important;
    border-bottom: 1px solid #dce7f0 !important;
    font-family: Cambria, Georgia, "Times New Roman", serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    text-transform: uppercase !important;
    letter-spacing: .35px !important;
}

.pkp_structure_sidebar .block_language > .title::before {
    content: "\25CE" !important;
    position: absolute !important;
    left: 16px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: #4778a8 !important;
    font-size: 17px !important;
}

.pkp_structure_sidebar .block_language .content {
    padding: 13px !important;
}

.pkp_structure_sidebar .block_language .content ul {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 9px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.pkp_structure_sidebar .block_language .content li {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.pkp_structure_sidebar .block_language .content li a {
    display: block !important;
    box-sizing: border-box !important;
    width: 100% !important;
    padding: 9px 8px !important;
    background: #ffffff !important;
    color: #4778a8 !important;
    border: 1px solid #cfdeea !important;
    border-radius: 7px !important;
    font-family: Cambria, Georgia, "Times New Roman", serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-align: center !important;
    text-decoration: none !important;
    transition: background .18s ease, color .18s ease, transform .18s ease !important;
}

.pkp_structure_sidebar .block_language .content li.current a {
    background: #4778a8 !important;
    color: #ffffff !important;
    border-color: #4778a8 !important;
}

.pkp_structure_sidebar .block_language .content li a:hover,
.pkp_structure_sidebar .block_language .content li a:focus {
    background: #315f8c !important;
    color: #ffffff !important;
    border-color: #315f8c !important;
    transform: translateY(-1px) !important;
}

/* =========================================================
   INFORMATION
========================================================= */
.pkp_structure_sidebar .block_information {
    margin-bottom: 18px !important;
    padding: 0 !important;
    background: #ffffff !important;
    border: 1px solid #eadfd9 !important;
    border-top: 5px solid #c66a46 !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 11px rgba(0,0,0,.055) !important;
    overflow: hidden !important;
}

.pkp_structure_sidebar .block_information > .title {
    position: relative !important;
    display: block !important;
    margin: 0 !important;
    padding: 13px 15px 12px 44px !important;
    background: #fff3ee !important;
    color: #a85031 !important;
    border-bottom: 1px solid #edd8cf !important;
    font-family: Cambria, Georgia, "Times New Roman", serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    text-transform: uppercase !important;
    letter-spacing: .35px !important;
}

.pkp_structure_sidebar .block_information > .title::before {
    content: "\24D8" !important;
    position: absolute !important;
    left: 16px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: #c66a46 !important;
    font-size: 18px !important;
}

.pkp_structure_sidebar .block_information .content {
    padding: 8px 0 !important;
}

.pkp_structure_sidebar .block_information .content ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.pkp_structure_sidebar .block_information .content li {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    border-bottom: 1px solid #f0e8e4 !important;
}

.pkp_structure_sidebar .block_information .content li:last-child {
    border-bottom: 0 !important;
}

.pkp_structure_sidebar .block_information .content li a {
    position: relative !important;
    display: block !important;
    padding: 11px 36px 11px 42px !important;
    background: #ffffff !important;
    color: #3f4d45 !important;
    font-family: Cambria, Georgia, "Times New Roman", serif !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: background .18s ease, color .18s ease, padding-left .18s ease !important;
}

.pkp_structure_sidebar .block_information .content li a::before {
    position: absolute !important;
    left: 16px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: #c66a46 !important;
    font-size: 13px !important;
}

.pkp_structure_sidebar .block_information .content li:nth-child(1) a::before { content: "\25C9" !important; }
.pkp_structure_sidebar .block_information .content li:nth-child(2) a::before { content: "\270E" !important; }
.pkp_structure_sidebar .block_information .content li:nth-child(3) a::before { content: "\25A3" !important; }

.pkp_structure_sidebar .block_information .content li a::after {
    content: "\25B8" !important;
    position: absolute !important;
    right: 15px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: #d3a62e !important;
    font-size: 13px !important;
}

.pkp_structure_sidebar .block_information .content li a:hover,
.pkp_structure_sidebar .block_information .content li a:focus {
    background: #fff8f5 !important;
    color: #a85031 !important;
    padding-left: 46px !important;
}

/* =========================================================
   KEYWORD CLOUD
========================================================= */
.pkp_structure_sidebar .block_keyword_cloud {
    margin-bottom: 18px !important;
    padding: 0 !important;
    background: #ffffff !important;
    border: 1px solid #e8deef !important;
    border-top: 5px solid #8a70aa !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 11px rgba(0,0,0,.055) !important;
    overflow: hidden !important;
}

.pkp_structure_sidebar .block_keyword_cloud > .title {
    position: relative !important;
    display: block !important;
    margin: 0 !important;
    padding: 13px 15px 12px 44px !important;
    background: #f6f2fa !important;
    color: #6d5689 !important;
    border-bottom: 1px solid #e8deef !important;
    font-family: Cambria, Georgia, "Times New Roman", serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    text-transform: uppercase !important;
    letter-spacing: .35px !important;
}

.pkp_structure_sidebar .block_keyword_cloud > .title::before {
    content: "\2630" !important;
    position: absolute !important;
    left: 16px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: #8a70aa !important;
    font-size: 17px !important;
}

.pkp_structure_sidebar .block_keyword_cloud .content {
    padding: 15px 13px 17px !important;
    text-align: center !important;
    line-height: 1.75 !important;
}

.pkp_structure_sidebar .block_keyword_cloud .content a {
    display: inline-block !important;
    margin: 2px 3px !important;
    text-decoration: none !important;
    transition: transform .16s ease, opacity .16s ease, text-shadow .16s ease !important;
}

.pkp_structure_sidebar .block_keyword_cloud .content a:hover,
.pkp_structure_sidebar .block_keyword_cloud .content a:focus {
    transform: translateY(-1px) scale(1.07) !important;
    opacity: .92 !important;
    text-shadow: 0 2px 6px rgba(0,0,0,.10) !important;
}

/* Small screens */
@media (max-width: 900px) {
    .pkp_structure_sidebar .block_language,
    .pkp_structure_sidebar .block_information,
    .pkp_structure_sidebar .block_keyword_cloud {
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important;
    }
}

/* =========================================================
   APPROVED — MAKE A SUBMISSION
   Do not resize/re-align this block.
========================================================= */
.pkp_block.block_make_submission {
    margin-bottom: 18px !important;
    font-family: Cambria, Georgia, "Times New Roman", serif !important;
}

.pkp_block.block_make_submission .content {
    padding: 0 !important;
}

.pkp_block.block_make_submission .block_make_submission_link {
    display: block !important;
    position: relative !important;
    box-sizing: border-box !important;
    width: 100% !important;
    padding: 14px 42px 14px 46px !important;
    background: #266338 !important;
    color: #ffffff !important;
    border: 1px solid #1f542f !important;
    border-top: 5px solid #d3a62e !important;
    border-radius: 8px !important;
    box-shadow: 0 3px 8px rgba(0,0,0,.12) !important;
    font-family: Cambria, Georgia, "Times New Roman", serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    text-align: left !important;
    text-decoration: none !important;
    text-transform: none !important;
    transition: background .2s ease, box-shadow .2s ease, transform .2s ease !important;
}

.pkp_block.block_make_submission .block_make_submission_link::before {
    content: "\270E";
    position: absolute !important;
    left: 16px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    font-family: Cambria, Georgia, "Times New Roman", serif !important;
    font-size: 20px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    color: #f4d264 !important;
}

.pkp_block.block_make_submission .block_make_submission_link::after {
    content: "\25B8";
    position: absolute !important;
    right: 15px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    font-family: Cambria, Georgia, "Times New Roman", serif !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    color: #f4d264 !important;
}

.pkp_block.block_make_submission .block_make_submission_link:hover,
.pkp_block.block_make_submission .block_make_submission_link:focus {
    background: #1f542f !important;
    color: #ffffff !important;
    text-decoration: none !important;
    box-shadow: 0 4px 10px rgba(0,0,0,.16) !important;
    transform: translateY(-1px) !important;
}

/* =========================================================
   BUILT-IN SIDEBAR WIDTH — MATCH MAKE A SUBMISSION
   Language, Information, and Keyword Cloud follow
   the exact outer width of Make a Submission.
========================================================= */

.pkp_structure_sidebar .block_language,
.pkp_structure_sidebar .block_information,
.pkp_structure_sidebar .block_keyword_cloud {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Keep their inner content/header flush with the full card width */
.pkp_structure_sidebar .block_language > .content,
.pkp_structure_sidebar .block_information > .content,
.pkp_structure_sidebar .block_keyword_cloud > .content,
.pkp_structure_sidebar .block_language > .title,
.pkp_structure_sidebar .block_information > .title,
.pkp_structure_sidebar .block_keyword_cloud > .title {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
}

/* =========================================================
   BUILT-IN SIDEBAR WIDTH — EXACT MATCH TO MAKE A SUBMISSION
   OJS Default Theme gives .pkp_block 30px horizontal padding
   on desktop. Make a Submission's green button sits inside
   that padding. These three cards are outer blocks, so they
   need the same 30px inset and zero outer padding.
========================================================= */

@media (min-width: 992px) {
    .pkp_structure_sidebar .block_language,
    .pkp_structure_sidebar .block_information,
    .pkp_structure_sidebar .block_keyword_cloud {
        box-sizing: border-box !important;
        width: auto !important;
        max-width: none !important;
        min-width: 0 !important;

        margin-left: 30px !important;
        margin-right: 30px !important;

        padding: 0 !important;
    }
}

/* OJS Default Theme uses 20px horizontal block padding below desktop */
@media (max-width: 991px) {
    .pkp_structure_sidebar .block_language,
    .pkp_structure_sidebar .block_information,
    .pkp_structure_sidebar .block_keyword_cloud {
        box-sizing: border-box !important;
        width: auto !important;
        max-width: none !important;
        min-width: 0 !important;

        margin-left: 20px !important;
        margin-right: 20px !important;

        padding: 0 !important;
    }
}

/* Inner headers/content remain flush to each card */
.pkp_structure_sidebar .block_language > .content,
.pkp_structure_sidebar .block_information > .content,
.pkp_structure_sidebar .block_keyword_cloud > .content,
.pkp_structure_sidebar .block_language > .title,
.pkp_structure_sidebar .block_information > .title,
.pkp_structure_sidebar .block_keyword_cloud > .title {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
}

/* =========================================================
   HISTOGRAM — UNIFORM SIDEBAR VERTICAL SPACING
   Target gap: 18px, matching ACCREDITATION → SUBMISSION.
   This changes spacing only; card designs remain untouched.
========================================================= */

/* One consistent gap between OJS sidebar blocks */
.pkp_structure_sidebar > .pkp_block {
    margin-top: 0 !important;
    margin-bottom: 18px !important;
}

/* Main menu already uses 18px between its internal cards.
   Remove any extra wrapper spacing around the whole menu. */
.pkp_structure_sidebar > #customblock-menu {
    margin-bottom: 0 !important;
}

.pkp_structure_sidebar > #customblock-menu > .content {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* Keep the final TOOLS & SUPPORT card exactly 18px from LANGUAGE */
.pkp_structure_sidebar > #customblock-menu > .content > div > div:last-child {
    margin-bottom: 18px !important;
}

/* Visitor and Research Tools are separate custom blocks.
   Their card HTML already supplies its own internal spacing,
   so remove wrapper whitespace and let the 18px block gap rule work. */
.pkp_structure_sidebar > #customblock-visitor > .content,
.pkp_structure_sidebar > #customblock-tools > .content {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* Prevent hidden/editor-generated paragraph spacing from creating
   extra whitespace outside the custom cards. */
.pkp_structure_sidebar > #customblock-visitor > .content > p:first-child,
.pkp_structure_sidebar > #customblock-tools > .content > p:first-child {
    margin-top: 0 !important;
}

.pkp_structure_sidebar > #customblock-visitor > .content > p:last-child,
.pkp_structure_sidebar > #customblock-tools > .content > p:last-child {
    margin-bottom: 0 !important;
}

/* =========================================================
   HISTOGRAM — PRIMARY NAVIGATION POLISHED V6
   Goal:
   - Keep all 8 main menu items on ONE LINE on desktop
   - Preserve Cambria + HISTOGRAM green/gold identity
   - Add restrained academic hover/focus treatment
   - Improve dropdown readability
   - Leave approved banner/content/sidebar/footer untouched
========================================================= */

@media (min-width: 992px) {

    .pkp_navigation_primary_row {
        background: #266338 !important;
        border-top: 1px solid rgba(255,255,255,.12) !important;
        border-bottom: 1px solid rgba(0,0,0,.08) !important;
        box-shadow: inset 0 1px 0 rgba(255,255,255,.035) !important;
    }

    .pkp_navigation_primary_wrapper {
        display: flex !important;
        align-items: center !important;
        flex-wrap: nowrap !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 4px !important;
        box-sizing: border-box !important;
    }

    #navigationPrimary,
    .pkp_navigation_primary {
        display: flex !important;
        align-items: center !important;
        flex-wrap: nowrap !important;
        gap: 2px !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
    }

    #navigationPrimary > li,
    .pkp_navigation_primary > li {
        position: relative !important;
        float: none !important;
        flex: 0 1 auto !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    #navigationPrimary > li > a,
    .pkp_navigation_primary > li > a {
        position: relative !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-height: 44px !important;
        padding: 11px 9px !important;
        color: #ffffff !important;
        background: transparent !important;
        border: 1px solid transparent !important;
        border-radius: 6px !important;
        font-family: Cambria, Georgia, "Times New Roman", serif !important;
        font-size: 14.5px !important;
        font-weight: 700 !important;
        line-height: 1.15 !important;
        letter-spacing: .05px !important;
        white-space: nowrap !important;
        text-decoration: none !important;
        transition: color .18s ease, background .18s ease, border-color .18s ease, transform .18s ease, box-shadow .18s ease !important;
    }

    #navigationPrimary > li > a::after,
    .pkp_navigation_primary > li > a::after {
        content: "" !important;
        position: absolute !important;
        left: 50% !important;
        bottom: 5px !important;
        width: 0 !important;
        height: 2px !important;
        background: #f4d264 !important;
        border-radius: 2px !important;
        transform: translateX(-50%) !important;
        transition: width .18s ease !important;
    }

    #navigationPrimary > li > a:hover,
    #navigationPrimary > li > a:focus,
    .pkp_navigation_primary > li > a:hover,
    .pkp_navigation_primary > li > a:focus {
        color: #fff6d7 !important;
        background: rgba(255,255,255,.075) !important;
        border-color: rgba(244,210,100,.20) !important;
        box-shadow: inset 0 0 0 1px rgba(255,255,255,.02) !important;
        transform: translateY(-1px) !important;
        text-decoration: none !important;
    }

    #navigationPrimary > li > a:hover::after,
    #navigationPrimary > li > a:focus::after,
    .pkp_navigation_primary > li > a:hover::after,
    .pkp_navigation_primary > li > a:focus::after {
        width: calc(100% - 18px) !important;
    }

    #navigationPrimary > li.current > a,
    #navigationPrimary > li > a[aria-current="page"],
    .pkp_navigation_primary > li.current > a,
    .pkp_navigation_primary > li > a[aria-current="page"] {
        color: #fff6d7 !important;
        background: rgba(255,255,255,.07) !important;
        border-color: rgba(244,210,100,.28) !important;
    }

    #navigationPrimary > li.current > a::after,
    #navigationPrimary > li > a[aria-current="page"]::after,
    .pkp_navigation_primary > li.current > a::after,
    .pkp_navigation_primary > li > a[aria-current="page"]::after {
        width: calc(100% - 18px) !important;
    }

    #navigationPrimary > li > ul,
    .pkp_navigation_primary > li > ul {
        min-width: 230px !important;
        padding: 7px !important;
        background: #ffffff !important;
        border: 1px solid #d9e4dc !important;
        border-top: 4px solid #d3a62e !important;
        border-radius: 0 0 8px 8px !important;
        box-shadow: 0 10px 24px rgba(0,0,0,.13) !important;
        box-sizing: border-box !important;
    }

    #navigationPrimary > li > ul > li,
    .pkp_navigation_primary > li > ul > li {
        margin: 0 !important;
        padding: 0 !important;
        border-bottom: 1px solid #edf2ee !important;
    }

    #navigationPrimary > li > ul > li:last-child,
    .pkp_navigation_primary > li > ul > li:last-child {
        border-bottom: 0 !important;
    }

    #navigationPrimary > li > ul > li > a,
    .pkp_navigation_primary > li > ul > li > a {
        position: relative !important;
        display: block !important;
        padding: 9px 28px 9px 12px !important;
        background: #ffffff !important;
        color: #33483a !important;
        border-radius: 5px !important;
        font-family: Cambria, Georgia, "Times New Roman", serif !important;
        font-size: 13.5px !important;
        font-weight: 600 !important;
        line-height: 1.35 !important;
        white-space: nowrap !important;
        text-decoration: none !important;
        transition: background .16s ease, color .16s ease, padding-left .16s ease !important;
    }

    #navigationPrimary > li > ul > li > a::after,
    .pkp_navigation_primary > li > ul > li > a::after {
        content: "\25B8" !important;
        position: absolute !important;
        right: 10px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        color: #d3a62e !important;
        font-size: 12px !important;
    }

    #navigationPrimary > li > ul > li > a:hover,
    #navigationPrimary > li > ul > li > a:focus,
    .pkp_navigation_primary > li > ul > li > a:hover,
    .pkp_navigation_primary > li > ul > li > a:focus {
        background: #f3f8f4 !important;
        color: #266338 !important;
        padding-left: 16px !important;
        text-decoration: none !important;
    }

    .pkp_navigation_search_wrapper {
        flex: 0 0 auto !important;
        margin-left: 4px !important;
    }
}

@media (min-width: 992px) and (max-width: 1120px) {
    #navigationPrimary > li > a,
    .pkp_navigation_primary > li > a {
        padding-left: 7px !important;
        padding-right: 7px !important;
        font-size: 14px !important;
    }

    #navigationPrimary,
    .pkp_navigation_primary {
        gap: 1px !important;
    }
}

@media (max-width: 991px) {
    #navigationPrimary,
    .pkp_navigation_primary {
        flex-wrap: wrap !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    #navigationPrimary > li > a,
    #navigationPrimary > li > a::after,
    .pkp_navigation_primary > li > a,
    .pkp_navigation_primary > li > a::after {
        transition: none !important;
    }
}

/* =========================================================
   HISTOGRAM — NAV CARET FIX V6.1
   Fixes the dropdown arrow appearing underneath menu labels.
   Keeps the polished one-line navigation.
========================================================= */

@media (min-width: 992px) {

    /* Remove the previous underline pseudo-element from all main links.
       It clashes with OJS's native dropdown caret. */
    #navigationPrimary > li > a::after,
    .pkp_navigation_primary > li > a::after {
        content: none !important;
        display: none !important;
        width: 0 !important;
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        background: none !important;
        border: 0 !important;
        transform: none !important;
    }

    /* Use a subtle inset gold line for hover instead of a pseudo-element. */
    #navigationPrimary > li > a,
    .pkp_navigation_primary > li > a {
        box-shadow: inset 0 -2px 0 transparent !important;
    }

    #navigationPrimary > li > a:hover,
    #navigationPrimary > li > a:focus,
    .pkp_navigation_primary > li > a:hover,
    .pkp_navigation_primary > li > a:focus {
        box-shadow: inset 0 -2px 0 #f4d264 !important;
    }

    #navigationPrimary > li.current > a,
    #navigationPrimary > li > a[aria-current="page"],
    .pkp_navigation_primary > li.current > a,
    .pkp_navigation_primary > li > a[aria-current="page"] {
        box-shadow: inset 0 -2px 0 #f4d264 !important;
    }

    /* Put a clean small caret BESIDE labels that actually have dropdowns. */
    #navigationPrimary > li:has(> ul) > a::after,
    .pkp_navigation_primary > li:has(> ul) > a::after {
        content: "\25BE" !important;
        display: inline-block !important;
        position: static !important;

        width: auto !important;
        height: auto !important;
        margin: 0 0 0 6px !important;
        padding: 0 !important;

        background: none !important;
        border: 0 !important;
        border-radius: 0 !important;

        color: #f4d264 !important;
        font-family: Cambria, Georgia, "Times New Roman", serif !important;
        font-size: 10px !important;
        font-weight: 700 !important;
        line-height: 1 !important;

        transform: translateY(1px) !important;
        transition: color .18s ease, transform .18s ease !important;
    }

    #navigationPrimary > li:has(> ul) > a:hover::after,
    #navigationPrimary > li:has(> ul) > a:focus::after,
    .pkp_navigation_primary > li:has(> ul) > a:hover::after,
    .pkp_navigation_primary > li:has(> ul) > a:focus::after {
        width: auto !important;
        color: #ffe18a !important;
        transform: translateY(1px) !important;
    }
}

/* =========================================================
   HISTOGRAM — ARCHIVES PAGE V9
   CORRECT LIVE OJS DOM
   body.pkp_page_issue.pkp_op_archive
   h2.page_title
   ul.issues_archive > li.obj_issue_summary
   Scope: Archives page only.
========================================================= */

/* ---------------------------------------------------------
   1. PAGE TITLE
--------------------------------------------------------- */
body.pkp_page_issue.pkp_op_archive .pkp_structure_main > h2.page_title,
body.pkp_page_issue.pkp_op_archive h2.page_title {
    position: relative !important;
    box-sizing: border-box !important;

    margin: 0 0 18px !important;
    padding: 15px 18px 14px 48px !important;

    background: #f1f7f3 !important;
    color: #266338 !important;

    border: 1px solid #d9e4dc !important;
    border-top: 5px solid #266338 !important;
    border-radius: 9px !important;

    box-shadow: 0 4px 12px rgba(0,0,0,.055) !important;

    font-family: Cambria, Georgia, "Times New Roman", serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    letter-spacing: .3px !important;
    text-transform: uppercase !important;
}

body.pkp_page_issue.pkp_op_archive h2.page_title::before {
    content: "\25A3" !important;
    position: absolute !important;
    left: 18px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;

    color: #d3a62e !important;
    font-family: Cambria, Georgia, "Times New Roman", serif !important;
    font-size: 17px !important;
    line-height: 1 !important;
}

/* ---------------------------------------------------------
   2. ARCHIVE GRID
--------------------------------------------------------- */
body.pkp_page_issue.pkp_op_archive ul.issues_archive {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px !important;

    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
    border: 0 !important;

    box-sizing: border-box !important;
}

/* ---------------------------------------------------------
   3. ISSUE CARD
--------------------------------------------------------- */
body.pkp_page_issue.pkp_op_archive ul.issues_archive > li.obj_issue_summary {
    position: relative !important;

    display: grid !important;
    grid-template-columns: 126px minmax(0, 1fr) !important;
    grid-template-rows: auto !important;
    column-gap: 15px !important;
    row-gap: 8px !important;
    align-items: start !important;

    width: 100% !important;
    min-width: 0 !important;
    min-height: 188px !important;
    height: 100% !important;

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

    box-sizing: border-box !important;

    background: #ffffff !important;

    border: 1px solid #dce5df !important;
    border-left: 4px solid #d3a62e !important;
    border-radius: 9px !important;

    box-shadow: 0 3px 9px rgba(0,0,0,.045) !important;

    font-family: Cambria, Georgia, "Times New Roman", serif !important;

    overflow: hidden !important;

    transition:
        transform .18s ease,
        box-shadow .18s ease,
        border-color .18s ease !important;
}

body.pkp_page_issue.pkp_op_archive ul.issues_archive > li.obj_issue_summary:hover {
    transform: translateY(-3px) !important;
    border-color: #cbdacf !important;
    border-left-color: #266338 !important;
    box-shadow: 0 8px 17px rgba(0,0,0,.075) !important;
}

/* Neutralize OJS default separators */
body.pkp_page_issue.pkp_op_archive ul.issues_archive > li.obj_issue_summary + li.obj_issue_summary {
    margin-top: 0 !important;
    border-top: 1px solid #dce5df !important;
}

/* ---------------------------------------------------------
   4. COVER
--------------------------------------------------------- */
body.pkp_page_issue.pkp_op_archive .obj_issue_summary > .cover {
    grid-column: 1 !important;
    grid-row: 1 / span 6 !important;

    float: none !important;
    align-self: start !important;

    width: 116px !important;
    max-width: 116px !important;
    min-width: 116px !important;
    height: 156px !important;

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

    box-sizing: border-box !important;

    background: #f8faf8 !important;

    border: 1px solid #dfe7e1 !important;
    border-radius: 7px !important;

    text-align: center !important;
    overflow: hidden !important;
}

body.pkp_page_issue.pkp_op_archive .obj_issue_summary > .cover a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    height: 100% !important;

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

    text-decoration: none !important;
}

body.pkp_page_issue.pkp_op_archive .obj_issue_summary > .cover img,
body.pkp_page_issue.pkp_op_archive .obj_issue_summary > .cover img.img-responsive {
    display: block !important;

    float: none !important;

    width: auto !important;
    max-width: 100px !important;
    height: 140px !important;
    max-height: 140px !important;

    margin: 0 auto !important;

    object-fit: contain !important;
    object-position: center center !important;

    border-radius: 2px !important;
    box-shadow: 0 3px 8px rgba(0,0,0,.08) !important;
}

/* ---------------------------------------------------------
   5. ALL TEXTUAL CONTENT GOES TO COLUMN 2
--------------------------------------------------------- */
body.pkp_page_issue.pkp_op_archive .obj_issue_summary > *:not(.cover) {
    grid-column: 2 !important;
    min-width: 0 !important;

    float: none !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    font-family: Cambria, Georgia, "Times New Roman", serif !important;
}

/* ---------------------------------------------------------
   6. ISSUE TITLE
--------------------------------------------------------- */
body.pkp_page_issue.pkp_op_archive .obj_issue_summary h2.title {
    margin: 0 !important;
    padding: 0 !important;

    color: #266338 !important;

    font-family: Cambria, Georgia, "Times New Roman", serif !important;
    font-size: 15.5px !important;
    font-weight: 700 !important;
    line-height: 1.38 !important;
}

body.pkp_page_issue.pkp_op_archive .obj_issue_summary h2.title a {
    color: #266338 !important;
    font-family: Cambria, Georgia, "Times New Roman", serif !important;
    font-weight: 700 !important;
    text-decoration: none !important;

    transition: color .16s ease !important;
}

body.pkp_page_issue.pkp_op_archive .obj_issue_summary h2.title a:hover,
body.pkp_page_issue.pkp_op_archive .obj_issue_summary h2.title a:focus {
    color: #9b7415 !important;
    text-decoration: none !important;
}

/* ---------------------------------------------------------
   7. VOLUME / ISSUE / YEAR
   OJS theme versions use different class names, so support
   the common variants without touching unrelated pages.
--------------------------------------------------------- */
body.pkp_page_issue.pkp_op_archive .obj_issue_summary .series,
body.pkp_page_issue.pkp_op_archive .obj_issue_summary .subtitle,
body.pkp_page_issue.pkp_op_archive .obj_issue_summary .published,
body.pkp_page_issue.pkp_op_archive .obj_issue_summary .date {
    display: inline-block !important;
    width: fit-content !important;

    margin: 0 !important;
    padding: 5px 9px !important;

    background: #f2f7f3 !important;
    color: #526158 !important;

    border: 1px solid #d9e4dc !important;
    border-radius: 6px !important;

    font-family: Cambria, Georgia, "Times New Roman", serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
}

/* Common plain metadata text directly after the title */
body.pkp_page_issue.pkp_op_archive .obj_issue_summary h2.title + div:not(.description),
body.pkp_page_issue.pkp_op_archive .obj_issue_summary h2.title + span {
    display: inline-block !important;
    width: fit-content !important;

    margin: 0 !important;
    padding: 5px 9px !important;

    background: #f2f7f3 !important;
    color: #526158 !important;

    border: 1px solid #d9e4dc !important;
    border-radius: 6px !important;

    font-family: Cambria, Georgia, "Times New Roman", serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
}

/* ---------------------------------------------------------
   8. DESCRIPTION / ARTICLE COUNT
--------------------------------------------------------- */
body.pkp_page_issue.pkp_op_archive .obj_issue_summary .description {
    margin: 2px 0 0 !important;
    padding: 9px 10px !important;

    background: #fbfcfb !important;
    color: #667169 !important;

    border-left: 3px solid #d9e4dc !important;
    border-radius: 0 5px 5px 0 !important;

    font-family: Cambria, Georgia, "Times New Roman", serif !important;
    font-size: 11.8px !important;
    font-weight: 400 !important;
    line-height: 1.48 !important;
}

/* ---------------------------------------------------------
   9. VISUAL VIEW-ISSUE CUE
   Decorative only; native title/cover links remain functional.
--------------------------------------------------------- */
body.pkp_page_issue.pkp_op_archive .obj_issue_summary::after {
    content: "VIEW ISSUE  \25B8" !important;

    grid-column: 2 !important;

    display: block !important;
    width: fit-content !important;

    margin-top: 3px !important;
    padding: 6px 9px !important;

    background: #266338 !important;
    color: #ffffff !important;

    border: 1px solid #1f542f !important;
    border-radius: 6px !important;

    font-family: Cambria, Georgia, "Times New Roman", serif !important;
    font-size: 10.5px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    letter-spacing: .3px !important;

    pointer-events: none !important;
}

/* ---------------------------------------------------------
   10. ISSUES WITHOUT A COVER
   Use a neutral visual placeholder, not a fake cover.
--------------------------------------------------------- */
body.pkp_page_issue.pkp_op_archive .obj_issue_summary:not(:has(> .cover))::before {
    content: "HISTOGRAM\A ARCHIVE" !important;
    white-space: pre-line !important;

    grid-column: 1 !important;
    grid-row: 1 / span 6 !important;

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

    box-sizing: border-box !important;

    width: 116px !important;
    height: 156px !important;
    padding: 12px !important;

    background: linear-gradient(155deg, #f8fbf8 0%, #edf5ef 100%) !important;

    border: 1px solid #d9e4dc !important;
    border-top: 4px solid #d3a62e !important;
    border-radius: 7px !important;

    color: #266338 !important;

    font-family: Cambria, Georgia, "Times New Roman", serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.55 !important;
    letter-spacing: .45px !important;
    text-align: center !important;
}

/* ---------------------------------------------------------
   11. TABLET
--------------------------------------------------------- */
@media (max-width: 1050px) {
    body.pkp_page_issue.pkp_op_archive ul.issues_archive {
        grid-template-columns: 1fr !important;
    }

    body.pkp_page_issue.pkp_op_archive ul.issues_archive > li.obj_issue_summary {
        grid-template-columns: 118px minmax(0, 1fr) !important;
    }
}

/* ---------------------------------------------------------
   12. MOBILE
--------------------------------------------------------- */
@media (max-width: 640px) {

    body.pkp_page_issue.pkp_op_archive h2.page_title {
        padding: 13px 14px 12px 43px !important;
        font-size: 16px !important;
    }

    body.pkp_page_issue.pkp_op_archive ul.issues_archive {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }

    body.pkp_page_issue.pkp_op_archive ul.issues_archive > li.obj_issue_summary {
        display: block !important;

        min-height: 0 !important;
        padding: 14px !important;
    }

    body.pkp_page_issue.pkp_op_archive .obj_issue_summary > .cover,
    body.pkp_page_issue.pkp_op_archive .obj_issue_summary:not(:has(> .cover))::before {
        display: flex !important;

        width: 128px !important;
        max-width: 128px !important;
        min-width: 128px !important;
        height: 164px !important;

        margin: 0 auto 14px !important;
    }

    body.pkp_page_issue.pkp_op_archive .obj_issue_summary > .cover img,
    body.pkp_page_issue.pkp_op_archive .obj_issue_summary > .cover img.img-responsive {
        max-width: 110px !important;
        height: 146px !important;
        max-height: 146px !important;
    }

    body.pkp_page_issue.pkp_op_archive .obj_issue_summary > *:not(.cover) {
        text-align: center !important;
    }

    body.pkp_page_issue.pkp_op_archive .obj_issue_summary h2.title {
        font-size: 14.5px !important;
        margin-bottom: 8px !important;
    }

    body.pkp_page_issue.pkp_op_archive .obj_issue_summary .series,
    body.pkp_page_issue.pkp_op_archive .obj_issue_summary .subtitle,
    body.pkp_page_issue.pkp_op_archive .obj_issue_summary .published,
    body.pkp_page_issue.pkp_op_archive .obj_issue_summary .date,
    body.pkp_page_issue.pkp_op_archive .obj_issue_summary h2.title + div:not(.description),
    body.pkp_page_issue.pkp_op_archive .obj_issue_summary h2.title + span {
        margin-left: auto !important;
        margin-right: auto !important;
    }

    body.pkp_page_issue.pkp_op_archive .obj_issue_summary .description {
        margin-top: 10px !important;
        text-align: left !important;
    }

    body.pkp_page_issue.pkp_op_archive .obj_issue_summary::after {
        margin: 12px auto 0 !important;
    }
}

/* ---------------------------------------------------------
   13. REDUCED MOTION
--------------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
    body.pkp_page_issue.pkp_op_archive ul.issues_archive > li.obj_issue_summary {
        transition: none !important;
    }

    body.pkp_page_issue.pkp_op_archive ul.issues_archive > li.obj_issue_summary:hover {
        transform: none !important;
    }
}

/* =========================================================
   HISTOGRAM — ARCHIVES V10 POLISH + HOVER MOTION
   Future-proof: applies automatically to every future issue
   rendered as ul.issues_archive > li.obj_issue_summary.
   Also adds hover animation ONLY to the SINTA Accreditation
   card in the custom sidebar menu.
========================================================= */

/* ---------------------------------------------------------
   A. ARCHIVE CARD — MORE POLISHED VISUAL
--------------------------------------------------------- */
body.pkp_page_issue.pkp_op_archive ul.issues_archive > li.obj_issue_summary {
    background:
        linear-gradient(145deg, #ffffff 0%, #fbfdfb 100%) !important;

    border: 1px solid #d8e3db !important;
    border-left: 4px solid #d3a62e !important;

    box-shadow:
        0 3px 10px rgba(0,0,0,.045),
        0 0 0 1px rgba(38,99,56,.015) !important;

    transform: translateY(0) scale(1) !important;
    transform-origin: center center !important;

    transition:
        transform .24s ease,
        box-shadow .24s ease,
        border-color .24s ease,
        background .24s ease !important;
}

/* Soft lift, slight scale and green/gold emphasis */
body.pkp_page_issue.pkp_op_archive ul.issues_archive > li.obj_issue_summary:hover {
    transform: translateY(-5px) scale(1.012) !important;

    background:
        linear-gradient(145deg, #ffffff 0%, #f5faf6 100%) !important;

    border-color: #c6d8ca !important;
    border-left-color: #266338 !important;

    box-shadow:
        0 12px 24px rgba(22,67,35,.11),
        0 0 0 1px rgba(211,166,46,.10) !important;
}

/* Subtle top highlight on hover */
body.pkp_page_issue.pkp_op_archive ul.issues_archive > li.obj_issue_summary::before {
    content: "" !important;

    position: absolute !important;
    top: 0 !important;
    left: 0 !important;

    width: 0 !important;
    height: 3px !important;

    background: linear-gradient(90deg, #d3a62e, #266338) !important;

    transition: width .28s ease !important;

    z-index: 3 !important;
    pointer-events: none !important;
}

body.pkp_page_issue.pkp_op_archive ul.issues_archive > li.obj_issue_summary:hover::before {
    width: 100% !important;
}

/* ---------------------------------------------------------
   B. COVER — CLEANER FRAME + HOVER ZOOM
--------------------------------------------------------- */
body.pkp_page_issue.pkp_op_archive .obj_issue_summary > .cover {
    background:
        linear-gradient(180deg, #fafcfb 0%, #f2f7f3 100%) !important;

    border-color: #d8e4db !important;

    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,.75),
        0 3px 8px rgba(0,0,0,.045) !important;

    transition:
        transform .24s ease,
        border-color .24s ease,
        box-shadow .24s ease !important;
}

body.pkp_page_issue.pkp_op_archive .obj_issue_summary > .cover img,
body.pkp_page_issue.pkp_op_archive .obj_issue_summary > .cover img.img-responsive {
    transform: scale(1) !important;
    transition:
        transform .28s ease,
        filter .28s ease !important;
}

body.pkp_page_issue.pkp_op_archive .obj_issue_summary:hover > .cover {
    transform: translateY(-2px) !important;
    border-color: #d3a62e !important;

    box-shadow:
        0 8px 15px rgba(0,0,0,.085) !important;
}

body.pkp_page_issue.pkp_op_archive .obj_issue_summary:hover > .cover img,
body.pkp_page_issue.pkp_op_archive .obj_issue_summary:hover > .cover img.img-responsive {
    transform: scale(1.035) !important;
    filter: saturate(1.03) contrast(1.01) !important;
}

/* ---------------------------------------------------------
   C. TITLE + METADATA MICRO-ANIMATION
--------------------------------------------------------- */
body.pkp_page_issue.pkp_op_archive .obj_issue_summary h2.title a {
    position: relative !important;
    display: inline !important;

    transition:
        color .20s ease,
        text-shadow .20s ease !important;
}

body.pkp_page_issue.pkp_op_archive .obj_issue_summary:hover h2.title a {
    color: #1f542f !important;
    text-shadow: 0 1px 0 rgba(255,255,255,.65) !important;
}

/* Make volume badge feel more deliberate */
body.pkp_page_issue.pkp_op_archive .obj_issue_summary .series,
body.pkp_page_issue.pkp_op_archive .obj_issue_summary .subtitle,
body.pkp_page_issue.pkp_op_archive .obj_issue_summary .published,
body.pkp_page_issue.pkp_op_archive .obj_issue_summary .date,
body.pkp_page_issue.pkp_op_archive .obj_issue_summary h2.title + div:not(.description),
body.pkp_page_issue.pkp_op_archive .obj_issue_summary h2.title + span {
    transition:
        background .20s ease,
        border-color .20s ease,
        color .20s ease,
        transform .20s ease !important;
}

body.pkp_page_issue.pkp_op_archive .obj_issue_summary:hover .series,
body.pkp_page_issue.pkp_op_archive .obj_issue_summary:hover .subtitle,
body.pkp_page_issue.pkp_op_archive .obj_issue_summary:hover .published,
body.pkp_page_issue.pkp_op_archive .obj_issue_summary:hover .date,
body.pkp_page_issue.pkp_op_archive .obj_issue_summary:hover h2.title + div:not(.description),
body.pkp_page_issue.pkp_op_archive .obj_issue_summary:hover h2.title + span {
    background: #edf6ef !important;
    border-color: #c9ddce !important;
    color: #266338 !important;
    transform: translateX(2px) !important;
}

/* Never show a blank metadata strip */
body.pkp_page_issue.pkp_op_archive .obj_issue_summary h2.title + div:empty,
body.pkp_page_issue.pkp_op_archive .obj_issue_summary h2.title + span:empty,
body.pkp_page_issue.pkp_op_archive .obj_issue_summary .description:empty {
    display: none !important;
}

/* Description gets a quiet green accent on card hover */
body.pkp_page_issue.pkp_op_archive .obj_issue_summary .description {
    transition:
        background .22s ease,
        border-color .22s ease,
        color .22s ease !important;
}

body.pkp_page_issue.pkp_op_archive .obj_issue_summary:hover .description {
    background: #f7faf8 !important;
    border-left-color: #d3a62e !important;
    color: #56635a !important;
}

/* ---------------------------------------------------------
   D. VIEW ISSUE CUE
--------------------------------------------------------- */
body.pkp_page_issue.pkp_op_archive .obj_issue_summary::after {
    box-shadow: 0 2px 5px rgba(0,0,0,.07) !important;

    transform: translateX(0) !important;

    transition:
        transform .22s ease,
        background .22s ease,
        box-shadow .22s ease !important;
}

body.pkp_page_issue.pkp_op_archive .obj_issue_summary:hover::after {
    transform: translateX(4px) !important;
    background: #1f542f !important;

    box-shadow: 0 4px 9px rgba(31,84,47,.16) !important;
}

/* ---------------------------------------------------------
   E. ARCHIVE PAGE TITLE — SMALL HOVER DETAIL
--------------------------------------------------------- */
body.pkp_page_issue.pkp_op_archive h2.page_title {
    transition:
        box-shadow .22s ease,
        border-color .22s ease !important;
}

body.pkp_page_issue.pkp_op_archive h2.page_title:hover {
    border-top-color: #d3a62e !important;
    box-shadow: 0 6px 14px rgba(0,0,0,.07) !important;
}

/* =========================================================
   HISTOGRAM — ACCREDITATION CARD HOVER ANIMATION
   Only targets the FIRST card in #customblock-menu, which is
   the compact SINTA Accreditation card in the current HTML.
========================================================= */

/* Entire accreditation card */
#customblock-menu > .content > div > div:first-child,
#customblock-menu > .content > div > div:has(
    a[href*="sinta.kemdiktisaintek.go.id/journals/profile/4062"]
):first-child {
    transform: translateY(0) scale(1) !important;
    transform-origin: center !important;

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        border-color .25s ease !important;

    will-change: transform !important;
}

#customblock-menu > .content > div > div:first-child:hover,
#customblock-menu > .content > div > div:has(
    a[href*="sinta.kemdiktisaintek.go.id/journals/profile/4062"]
):first-child:hover {
    transform: translateY(-5px) scale(1.012) !important;

    border-color: #d9c469 !important;
    border-top-color: #f0c53b !important;

    box-shadow:
        0 12px 24px rgba(111,88,19,.15),
        0 0 0 1px rgba(211,166,46,.10) !important;
}

/* SINTA logo */
#customblock-menu > .content > div > div:first-child img[alt="SINTA"] {
    transform: scale(1) rotate(0deg) !important;

    transition:
        transform .30s ease,
        filter .30s ease !important;
}

#customblock-menu > .content > div > div:first-child:hover img[alt="SINTA"] {
    transform: scale(1.06) rotate(-2deg) !important;
    filter: saturate(1.08) contrast(1.02) !important;
}

/* Accreditation action buttons */
#customblock-menu > .content > div > div:first-child a[
    href*="sinta.kemdiktisaintek.go.id/journals/profile/4062"
],
#customblock-menu > .content > div > div:first-child a[
    href*="drive.google.com/file/d/1PW7pCLrDbH12C4Cbz6yXxwsu4h4BY16P"
] {
    transition:
        transform .18s ease,
        box-shadow .18s ease,
        filter .18s ease !important;
}

#customblock-menu > .content > div > div:first-child a[
    href*="sinta.kemdiktisaintek.go.id/journals/profile/4062"
]:hover,
#customblock-menu > .content > div > div:first-child a[
    href*="drive.google.com/file/d/1PW7pCLrDbH12C4Cbz6yXxwsu4h4BY16P"
]:hover {
    transform: translateY(-2px) scale(1.035) !important;
    box-shadow: 0 4px 9px rgba(0,0,0,.12) !important;
    filter: brightness(1.035) !important;
}

/* Small glow on SINTA 4 area when card is hovered */
#customblock-menu > .content > div > div:first-child:hover div[
    style*="font-size:26px"
] {
    text-shadow: 0 2px 8px rgba(38,99,56,.10) !important;
}

/* =========================================================
   ACCESSIBILITY — REDUCED MOTION
========================================================= */
@media (prefers-reduced-motion: reduce) {
    body.pkp_page_issue.pkp_op_archive ul.issues_archive > li.obj_issue_summary,
    body.pkp_page_issue.pkp_op_archive .obj_issue_summary > .cover,
    body.pkp_page_issue.pkp_op_archive .obj_issue_summary > .cover img,
    body.pkp_page_issue.pkp_op_archive .obj_issue_summary::after,
    #customblock-menu > .content > div > div:first-child,
    #customblock-menu > .content > div > div:first-child img[alt="SINTA"] {
        transition: none !important;
        transform: none !important;
    }
}

/* =========================================================
   HISTOGRAM — ARCHIVES V11
   CLEAR BOX CARD LAYOUT PER ISSUE
   Goal:
   - Every issue is visually separated into its own card
   - Two-column archive grid on desktop
   - Cover centered on top
   - Clear hierarchy: cover > title > volume > description > action
   - Future-proof for new issues generated by OJS
========================================================= */

/* Archive grid */
body.pkp_page_issue.pkp_op_archive ul.issues_archive {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 22px !important;
    align-items: stretch !important;

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

    list-style: none !important;
}

/* Each issue becomes a clear standalone box */
body.pkp_page_issue.pkp_op_archive ul.issues_archive > li.obj_issue_summary {
    position: relative !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;

    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 20px 18px 18px !important;

    background:
        linear-gradient(180deg, #ffffff 0%, #fbfdfb 100%) !important;

    border: 1px solid #d6e2d9 !important;
    border-top: 5px solid #d3a62e !important;
    border-left: 1px solid #d6e2d9 !important;
    border-radius: 12px !important;

    box-shadow:
        0 5px 14px rgba(0,0,0,.055) !important;

    overflow: hidden !important;

    transform: translateY(0) scale(1) !important;

    transition:
        transform .24s ease,
        box-shadow .24s ease,
        border-color .24s ease,
        background .24s ease !important;
}

/* Hover = elegant academic lift */
body.pkp_page_issue.pkp_op_archive ul.issues_archive > li.obj_issue_summary:hover {
    transform: translateY(-6px) scale(1.012) !important;

    background:
        linear-gradient(180deg, #ffffff 0%, #f4faf5 100%) !important;

    border-color: #bfd2c4 !important;
    border-top-color: #266338 !important;

    box-shadow:
        0 14px 28px rgba(38,99,56,.12) !important;
}

/* Disable the V10 generic top-line pseudo-element on issues with covers.
   The card already has a gold/green top border. */
body.pkp_page_issue.pkp_op_archive ul.issues_archive > li.obj_issue_summary:has(> .cover)::before {
    content: none !important;
    display: none !important;
}

/* Cover area */
body.pkp_page_issue.pkp_op_archive .obj_issue_summary > .cover {
    order: 1 !important;

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

    float: none !important;

    width: 155px !important;
    max-width: 155px !important;
    min-width: 155px !important;
    height: 205px !important;

    margin: 0 auto 15px !important;
    padding: 9px !important;

    box-sizing: border-box !important;

    background: #f8fbf9 !important;

    border: 1px solid #d9e5dc !important;
    border-radius: 9px !important;

    box-shadow:
        0 5px 12px rgba(0,0,0,.065) !important;

    overflow: hidden !important;

    transition:
        transform .24s ease,
        border-color .24s ease,
        box-shadow .24s ease !important;
}

body.pkp_page_issue.pkp_op_archive .obj_issue_summary > .cover a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    height: 100% !important;
}

body.pkp_page_issue.pkp_op_archive .obj_issue_summary > .cover img,
body.pkp_page_issue.pkp_op_archive .obj_issue_summary > .cover img.img-responsive {
    display: block !important;

    width: auto !important;
    max-width: 135px !important;
    height: 185px !important;
    max-height: 185px !important;

    margin: 0 auto !important;

    object-fit: contain !important;
    object-position: center center !important;

    transform: scale(1) !important;

    transition:
        transform .28s ease,
        filter .28s ease !important;
}

body.pkp_page_issue.pkp_op_archive .obj_issue_summary:hover > .cover {
    transform: translateY(-2px) !important;
    border-color: #d3a62e !important;

    box-shadow:
        0 9px 18px rgba(0,0,0,.09) !important;
}

body.pkp_page_issue.pkp_op_archive .obj_issue_summary:hover > .cover img,
body.pkp_page_issue.pkp_op_archive .obj_issue_summary:hover > .cover img.img-responsive {
    transform: scale(1.035) !important;
}

/* Title */
body.pkp_page_issue.pkp_op_archive .obj_issue_summary h2.title {
    order: 2 !important;

    width: 100% !important;

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

    color: #266338 !important;

    font-family: Cambria, Georgia, "Times New Roman", serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.38 !important;

    text-align: center !important;
}

body.pkp_page_issue.pkp_op_archive .obj_issue_summary h2.title a {
    color: #266338 !important;
    text-decoration: none !important;
}

/* Volume / issue / year badges */
body.pkp_page_issue.pkp_op_archive .obj_issue_summary .series,
body.pkp_page_issue.pkp_op_archive .obj_issue_summary .subtitle,
body.pkp_page_issue.pkp_op_archive .obj_issue_summary .published,
body.pkp_page_issue.pkp_op_archive .obj_issue_summary .date,
body.pkp_page_issue.pkp_op_archive .obj_issue_summary h2.title + div:not(.description),
body.pkp_page_issue.pkp_op_archive .obj_issue_summary h2.title + span {
    order: 3 !important;

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

    width: auto !important;
    max-width: 100% !important;

    margin: 0 auto 10px !important;
    padding: 6px 11px !important;

    background: #f1f7f3 !important;
    color: #526158 !important;

    border: 1px solid #d4e2d7 !important;
    border-radius: 7px !important;

    font-family: Cambria, Georgia, "Times New Roman", serif !important;
    font-size: 12.5px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;

    text-align: center !important;
}

/* Description / article count */
body.pkp_page_issue.pkp_op_archive .obj_issue_summary .description {
    order: 4 !important;

    width: 100% !important;
    min-height: 0 !important;

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

    box-sizing: border-box !important;

    background: #f9fbfa !important;
    color: #617067 !important;

    border: 1px solid #e1e9e3 !important;
    border-left: 4px solid #d3a62e !important;
    border-radius: 7px !important;

    font-family: Cambria, Georgia, "Times New Roman", serif !important;
    font-size: 11.8px !important;
    line-height: 1.48 !important;

    text-align: left !important;
}

/* Hide completely empty description areas */
body.pkp_page_issue.pkp_op_archive .obj_issue_summary .description:empty {
    display: none !important;
}

/* View issue cue at bottom */
body.pkp_page_issue.pkp_op_archive .obj_issue_summary::after {
    content: "VIEW ISSUE  \25B8" !important;

    order: 5 !important;

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

    width: auto !important;

    margin: auto auto 0 !important;
    padding: 8px 13px !important;

    background: #266338 !important;
    color: #ffffff !important;

    border: 1px solid #1f542f !important;
    border-top: 3px solid #d3a62e !important;
    border-radius: 7px !important;

    box-shadow: 0 3px 7px rgba(0,0,0,.08) !important;

    font-family: Cambria, Georgia, "Times New Roman", serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    letter-spacing: .3px !important;

    transform: translateY(0) !important;

    transition:
        transform .20s ease,
        background .20s ease,
        box-shadow .20s ease !important;

    pointer-events: none !important;
}

body.pkp_page_issue.pkp_op_archive .obj_issue_summary:hover::after {
    transform: translateY(-2px) !important;
    background: #1f542f !important;

    box-shadow:
        0 6px 12px rgba(31,84,47,.18) !important;
}

/* Issues without a cover: preserve an elegant placeholder box */
body.pkp_page_issue.pkp_op_archive .obj_issue_summary:not(:has(> .cover))::before {
    content: "HISTOGRAM\A ARCHIVE" !important;
    white-space: pre-line !important;

    order: 1 !important;

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

    box-sizing: border-box !important;

    width: 155px !important;
    height: 205px !important;

    margin: 0 auto 15px !important;
    padding: 18px !important;

    background:
        linear-gradient(160deg, #f7fbf8 0%, #edf5ef 100%) !important;

    border: 1px solid #d8e4db !important;
    border-top: 5px solid #d3a62e !important;
    border-radius: 9px !important;

    color: #266338 !important;

    font-family: Cambria, Georgia, "Times New Roman", serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.6 !important;
    letter-spacing: .5px !important;
    text-align: center !important;

    box-shadow:
        0 5px 12px rgba(0,0,0,.05) !important;
}

/* Tablet */
@media (max-width: 1050px) {
    body.pkp_page_issue.pkp_op_archive ul.issues_archive {
        grid-template-columns: 1fr !important;
    }

    body.pkp_page_issue.pkp_op_archive ul.issues_archive > li.obj_issue_summary {
        max-width: 680px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

/* Mobile */
@media (max-width: 640px) {
    body.pkp_page_issue.pkp_op_archive ul.issues_archive {
        grid-template-columns: 1fr !important;
        gap: 14px !important;
    }

    body.pkp_page_issue.pkp_op_archive ul.issues_archive > li.obj_issue_summary {
        padding: 16px 14px !important;
        border-radius: 10px !important;
    }

    body.pkp_page_issue.pkp_op_archive .obj_issue_summary > .cover,
    body.pkp_page_issue.pkp_op_archive .obj_issue_summary:not(:has(> .cover))::before {
        width: 145px !important;
        min-width: 145px !important;
        max-width: 145px !important;
        height: 192px !important;
    }

    body.pkp_page_issue.pkp_op_archive .obj_issue_summary > .cover img,
    body.pkp_page_issue.pkp_op_archive .obj_issue_summary > .cover img.img-responsive {
        max-width: 125px !important;
        height: 172px !important;
        max-height: 172px !important;
    }

    body.pkp_page_issue.pkp_op_archive .obj_issue_summary h2.title {
        font-size: 15px !important;
    }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
    body.pkp_page_issue.pkp_op_archive ul.issues_archive > li.obj_issue_summary,
    body.pkp_page_issue.pkp_op_archive .obj_issue_summary > .cover,
    body.pkp_page_issue.pkp_op_archive .obj_issue_summary > .cover img,
    body.pkp_page_issue.pkp_op_archive .obj_issue_summary::after {
        transition: none !important;
        transform: none !important;
    }
}

/* =========================================================
   HISTOGRAM — SIDEBAR ANIMATION ADD-ON
   Base: V11 Archive Box Cards (user-selected version)
   Scope:
   - Custom menu cards: Submission, Journal Information,
     Publication Ethics, Editorial, Indexing & Accreditation,
     Tools & Support
   - Built-in Language block
   - Visitor Statistics custom block
   - Research Tools custom block
   - Keeps all existing colors, sizes, spacing and content.
========================================================= */

/* ---------------------------------------------------------
   1. CUSTOM MENU — CARD LIFT
--------------------------------------------------------- */
#customblock-menu > .content > div > div {
    transform: translateY(0) scale(1) !important;
    transform-origin: center center !important;

    transition:
        transform .24s ease,
        box-shadow .24s ease,
        filter .24s ease !important;

    will-change: transform !important;
}

#customblock-menu > .content > div > div:hover {
    transform: translateY(-4px) scale(1.008) !important;

    box-shadow:
        0 10px 20px rgba(24,65,36,.10),
        0 0 0 1px rgba(211,166,46,.055) !important;
}

/* Keep the existing stronger Accreditation animation from V11/V10 */
#customblock-menu > .content > div > div:first-child:hover {
    transform: translateY(-5px) scale(1.012) !important;
}

/* ---------------------------------------------------------
   2. CUSTOM MENU — LINK MICRO-ANIMATION
--------------------------------------------------------- */
#customblock-menu a {
    transition:
        color .18s ease,
        background .18s ease,
        transform .18s ease,
        filter .18s ease,
        box-shadow .18s ease !important;
}

#customblock-menu a:hover,
#customblock-menu a:focus {
    transform: translateX(3px) !important;
}

/* Small arrow emphasis where a menu link already contains ▸ */
#customblock-menu a:hover,
#customblock-menu a:focus {
    filter: brightness(1.025) !important;
}

/* ---------------------------------------------------------
   3. ARTICLE TEMPLATE CARD — SUBTLE LIFT
--------------------------------------------------------- */
#customblock-menu a[href*="docs.google.com/document"] {
    transform-origin: center center !important;
}

#customblock-menu a[href*="docs.google.com/document"]:hover,
#customblock-menu a[href*="docs.google.com/document"]:focus {
    transform: translateY(-2px) scale(1.012) !important;
    filter: brightness(1.02) !important;
}

/* ---------------------------------------------------------
   4. LANGUAGE BLOCK — WHOLE CARD ANIMATION
--------------------------------------------------------- */
.pkp_structure_sidebar .block_language {
    transform: translateY(0) scale(1) !important;
    transform-origin: center center !important;

    transition:
        transform .24s ease,
        box-shadow .24s ease,
        border-color .24s ease !important;

    will-change: transform !important;
}

.pkp_structure_sidebar .block_language:hover {
    transform: translateY(-4px) scale(1.008) !important;

    border-color: #bfd1e1 !important;

    box-shadow:
        0 10px 20px rgba(49,95,140,.12),
        0 0 0 1px rgba(71,120,168,.05) !important;
}

/* Language title icon gently reacts */
.pkp_structure_sidebar .block_language > .title::before {
    transition:
        transform .24s ease,
        color .24s ease !important;
}

.pkp_structure_sidebar .block_language:hover > .title::before {
    transform: translateY(-50%) scale(1.12) rotate(-5deg) !important;
    color: #315f8c !important;
}

/* ---------------------------------------------------------
   5. VISITOR STATISTICS — CARD + IMAGE/BUTTON ANIMATION
--------------------------------------------------------- */
#customblock-visitor > .content > div,
#customblock-visitor > .content > div:first-child {
    transform: translateY(0) scale(1) !important;
    transform-origin: center center !important;

    transition:
        transform .24s ease,
        box-shadow .24s ease,
        filter .24s ease !important;

    will-change: transform !important;
}

#customblock-visitor > .content > div:hover,
#customblock-visitor > .content > div:first-child:hover {
    transform: translateY(-4px) scale(1.008) !important;

    box-shadow:
        0 10px 20px rgba(22,108,103,.12),
        0 0 0 1px rgba(22,108,103,.05) !important;
}

#customblock-visitor img {
    transform: scale(1) !important;

    transition:
        transform .26s ease,
        filter .26s ease !important;
}

#customblock-visitor img:hover {
    transform: scale(1.025) !important;
    filter: saturate(1.04) contrast(1.01) !important;
}

#customblock-visitor a {
    transition:
        transform .18s ease,
        box-shadow .18s ease,
        filter .18s ease !important;
}

#customblock-visitor a:hover,
#customblock-visitor a:focus {
    transform: translateY(-2px) !important;
    filter: brightness(1.025) !important;
}

/* ---------------------------------------------------------
   6. RESEARCH TOOLS — CARD + LOGO TILE ANIMATION
--------------------------------------------------------- */
#customblock-tools > .content > div,
#customblock-tools > .content > div:first-child {
    transform: translateY(0) scale(1) !important;
    transform-origin: center center !important;

    transition:
        transform .24s ease,
        box-shadow .24s ease,
        filter .24s ease !important;

    will-change: transform !important;
}

#customblock-tools > .content > div:hover,
#customblock-tools > .content > div:first-child:hover {
    transform: translateY(-4px) scale(1.008) !important;

    box-shadow:
        0 10px 20px rgba(151,113,20,.12),
        0 0 0 1px rgba(211,166,46,.06) !important;
}

/* Each research-tool link becomes responsive to hover */
#customblock-tools a {
    transform: translateY(0) scale(1) !important;
    transform-origin: center center !important;

    transition:
        transform .20s ease,
        box-shadow .20s ease,
        filter .20s ease !important;
}

#customblock-tools a:hover,
#customblock-tools a:focus {
    transform: translateY(-3px) scale(1.025) !important;
    filter: brightness(1.025) !important;
}

#customblock-tools img {
    transform: scale(1) !important;

    transition:
        transform .24s ease,
        filter .24s ease !important;
}

#customblock-tools a:hover img,
#customblock-tools a:focus img {
    transform: scale(1.055) !important;
    filter: saturate(1.05) contrast(1.015) !important;
}

/* ---------------------------------------------------------
   7. KEYBOARD FOCUS — ACCESSIBLE GOLD CUE
--------------------------------------------------------- */
#customblock-menu a:focus-visible,
#customblock-visitor a:focus-visible,
#customblock-tools a:focus-visible,
.pkp_structure_sidebar .block_language a:focus-visible {
    outline: 2px solid #d3a62e !important;
    outline-offset: 2px !important;
}

/* ---------------------------------------------------------
   8. REDUCED MOTION
--------------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
    #customblock-menu > .content > div > div,
    #customblock-menu a,
    .pkp_structure_sidebar .block_language,
    .pkp_structure_sidebar .block_language > .title::before,
    #customblock-visitor > .content > div,
    #customblock-visitor img,
    #customblock-visitor a,
    #customblock-tools > .content > div,
    #customblock-tools a,
    #customblock-tools img {
        transition: none !important;
        transform: none !important;
    }
}