/* =========================================================
   AJLM — MASON / CLEAN LOGISTICS BLUE
   CSS v5.10 — CURRENT ISSUE COVER CLEANUP
   Active components only:
   1) Welcome Board
   2) Quick Links
   3) Collaboration
   ========================================================= */


/* =========================================================
   1. WELCOME BOARD
   ========================================================= */

.ajlm-welcome-board {
    position: relative;
    isolation: isolate;

    display: grid;
    grid-template-columns: minmax(0, 1.95fr) minmax(260px, .85fr);
    gap: 34px;

    margin: 0 0 20px;
    padding: 28px 30px;

    overflow: hidden;

    background:
        linear-gradient(
            105deg,
            #ffffff 0%,
            #ffffff 47%,
            #f9fcfe 70%,
            #eef8fd 100%
        );

    border: 1px solid #d8e6ef;
    border-radius: 10px;

    box-shadow: 0 4px 18px rgba(5, 42, 74, .06);
}


/* Asia + port activity artwork.
   Single decorative layer = easier to control, no competing backgrounds. */

.ajlm-welcome-board::before {
    content: "";

    position: absolute;
    z-index: 0;

    top: 0;
    right: 0;
    bottom: 0;

    width: 61%;

    pointer-events: none;

    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20900%20360%22%3E%0A%20%20%3Cg%20fill%3D%22%2367AFCB%22%20opacity%3D%22.34%22%3E%0A%20%20%20%20%3C%21--%20Stylized%20dotted%20Asia%20silhouette%20--%3E%0A%20%20%20%20%3Ccircle%20cx%3D%22240%22%20cy%3D%2262%22%20r%3D%225%22%2F%3E%3Ccircle%20cx%3D%22258%22%20cy%3D%2260%22%20r%3D%225%22%2F%3E%3Ccircle%20cx%3D%22278%22%20cy%3D%2264%22%20r%3D%225%22%2F%3E%0A%20%20%20%20%3Ccircle%20cx%3D%22298%22%20cy%3D%2268%22%20r%3D%225%22%2F%3E%3Ccircle%20cx%3D%22320%22%20cy%3D%2272%22%20r%3D%225%22%2F%3E%3Ccircle%20cx%3D%22342%22%20cy%3D%2275%22%20r%3D%225%22%2F%3E%0A%20%20%20%20%3Ccircle%20cx%3D%22364%22%20cy%3D%2282%22%20r%3D%225%22%2F%3E%3Ccircle%20cx%3D%22386%22%20cy%3D%2288%22%20r%3D%225%22%2F%3E%3Ccircle%20cx%3D%22408%22%20cy%3D%2292%22%20r%3D%225%22%2F%3E%0A%20%20%20%20%3Ccircle%20cx%3D%22430%22%20cy%3D%22100%22%20r%3D%225%22%2F%3E%3Ccircle%20cx%3D%22452%22%20cy%3D%22106%22%20r%3D%225%22%2F%3E%3Ccircle%20cx%3D%22474%22%20cy%3D%22114%22%20r%3D%225%22%2F%3E%0A%20%20%20%20%3Ccircle%20cx%3D%22496%22%20cy%3D%22124%22%20r%3D%225%22%2F%3E%3Ccircle%20cx%3D%22516%22%20cy%3D%22136%22%20r%3D%225%22%2F%3E%3Ccircle%20cx%3D%22532%22%20cy%3D%22148%22%20r%3D%225%22%2F%3E%0A%20%20%20%20%3Ccircle%20cx%3D%22224%22%20cy%3D%2282%22%20r%3D%225%22%2F%3E%3Ccircle%20cx%3D%22246%22%20cy%3D%2284%22%20r%3D%225%22%2F%3E%3Ccircle%20cx%3D%22270%22%20cy%3D%2288%22%20r%3D%225%22%2F%3E%0A%20%20%20%20%3Ccircle%20cx%3D%22292%22%20cy%3D%2292%22%20r%3D%225%22%2F%3E%3Ccircle%20cx%3D%22314%22%20cy%3D%2296%22%20r%3D%225%22%2F%3E%3Ccircle%20cx%3D%22338%22%20cy%3D%22100%22%20r%3D%225%22%2F%3E%0A%20%20%20%20%3Ccircle%20cx%3D%22360%22%20cy%3D%22106%22%20r%3D%225%22%2F%3E%3Ccircle%20cx%3D%22384%22%20cy%3D%22112%22%20r%3D%225%22%2F%3E%3Ccircle%20cx%3D%22408%22%20cy%3D%22118%22%20r%3D%225%22%2F%3E%0A%20%20%20%20%3Ccircle%20cx%3D%22432%22%20cy%3D%22126%22%20r%3D%225%22%2F%3E%3Ccircle%20cx%3D%22456%22%20cy%3D%22134%22%20r%3D%225%22%2F%3E%3Ccircle%20cx%3D%22480%22%20cy%3D%22144%22%20r%3D%225%22%2F%3E%0A%20%20%20%20%3Ccircle%20cx%3D%22500%22%20cy%3D%22156%22%20r%3D%225%22%2F%3E%3Ccircle%20cx%3D%22520%22%20cy%3D%22168%22%20r%3D%225%22%2F%3E%0A%20%20%20%20%3Ccircle%20cx%3D%22212%22%20cy%3D%22104%22%20r%3D%225%22%2F%3E%3Ccircle%20cx%3D%22236%22%20cy%3D%22106%22%20r%3D%225%22%2F%3E%3Ccircle%20cx%3D%22260%22%20cy%3D%22110%22%20r%3D%225%22%2F%3E%0A%20%20%20%20%3Ccircle%20cx%3D%22284%22%20cy%3D%22114%22%20r%3D%225%22%2F%3E%3Ccircle%20cx%3D%22308%22%20cy%3D%22120%22%20r%3D%225%22%2F%3E%3Ccircle%20cx%3D%22332%22%20cy%3D%22126%22%20r%3D%225%22%2F%3E%0A%20%20%20%20%3Ccircle%20cx%3D%22356%22%20cy%3D%22132%22%20r%3D%225%22%2F%3E%3Ccircle%20cx%3D%22380%22%20cy%3D%22138%22%20r%3D%225%22%2F%3E%3Ccircle%20cx%3D%22404%22%20cy%3D%22146%22%20r%3D%225%22%2F%3E%0A%20%20%20%20%3Ccircle%20cx%3D%22428%22%20cy%3D%22154%22%20r%3D%225%22%2F%3E%3Ccircle%20cx%3D%22452%22%20cy%3D%22164%22%20r%3D%225%22%2F%3E%3Ccircle%20cx%3D%22474%22%20cy%3D%22174%22%20r%3D%225%22%2F%3E%0A%20%20%20%20%3Ccircle%20cx%3D%22494%22%20cy%3D%22188%22%20r%3D%225%22%2F%3E%0A%20%20%20%20%3Ccircle%20cx%3D%22226%22%20cy%3D%22128%22%20r%3D%225%22%2F%3E%3Ccircle%20cx%3D%22250%22%20cy%3D%22132%22%20r%3D%225%22%2F%3E%3Ccircle%20cx%3D%22274%22%20cy%3D%22138%22%20r%3D%225%22%2F%3E%0A%20%20%20%20%3Ccircle%20cx%3D%22298%22%20cy%3D%22144%22%20r%3D%225%22%2F%3E%3Ccircle%20cx%3D%22322%22%20cy%3D%22150%22%20r%3D%225%22%2F%3E%3Ccircle%20cx%3D%22346%22%20cy%3D%22158%22%20r%3D%225%22%2F%3E%0A%20%20%20%20%3Ccircle%20cx%3D%22370%22%20cy%3D%22166%22%20r%3D%225%22%2F%3E%3Ccircle%20cx%3D%22394%22%20cy%3D%22174%22%20r%3D%225%22%2F%3E%3Ccircle%20cx%3D%22418%22%20cy%3D%22184%22%20r%3D%225%22%2F%3E%0A%20%20%20%20%3Ccircle%20cx%3D%22442%22%20cy%3D%22194%22%20r%3D%225%22%2F%3E%3Ccircle%20cx%3D%22462%22%20cy%3D%22206%22%20r%3D%225%22%2F%3E%0A%20%20%20%20%3Ccircle%20cx%3D%22248%22%20cy%3D%22154%22%20r%3D%225%22%2F%3E%3Ccircle%20cx%3D%22272%22%20cy%3D%22160%22%20r%3D%225%22%2F%3E%3Ccircle%20cx%3D%22296%22%20cy%3D%22166%22%20r%3D%225%22%2F%3E%0A%20%20%20%20%3Ccircle%20cx%3D%22320%22%20cy%3D%22174%22%20r%3D%225%22%2F%3E%3Ccircle%20cx%3D%22344%22%20cy%3D%22182%22%20r%3D%225%22%2F%3E%3Ccircle%20cx%3D%22368%22%20cy%3D%22190%22%20r%3D%225%22%2F%3E%0A%20%20%20%20%3Ccircle%20cx%3D%22392%22%20cy%3D%22200%22%20r%3D%225%22%2F%3E%3Ccircle%20cx%3D%22414%22%20cy%3D%22210%22%20r%3D%225%22%2F%3E%0A%20%20%20%20%3Ccircle%20cx%3D%22310%22%20cy%3D%22198%22%20r%3D%225%22%2F%3E%3Ccircle%20cx%3D%22332%22%20cy%3D%22206%22%20r%3D%225%22%2F%3E%3Ccircle%20cx%3D%22354%22%20cy%3D%22214%22%20r%3D%225%22%2F%3E%0A%20%20%20%20%3Ccircle%20cx%3D%22376%22%20cy%3D%22222%22%20r%3D%225%22%2F%3E%0A%20%20%20%20%3C%21--%20Southeast%20Asia%20%2F%20archipelago%20--%3E%0A%20%20%20%20%3Ccircle%20cx%3D%22448%22%20cy%3D%22216%22%20r%3D%224.5%22%2F%3E%3Ccircle%20cx%3D%22464%22%20cy%3D%22224%22%20r%3D%224.5%22%2F%3E%3Ccircle%20cx%3D%22480%22%20cy%3D%22232%22%20r%3D%224.5%22%2F%3E%0A%20%20%20%20%3Ccircle%20cx%3D%22496%22%20cy%3D%22240%22%20r%3D%224.5%22%2F%3E%3Ccircle%20cx%3D%22512%22%20cy%3D%22248%22%20r%3D%224.5%22%2F%3E%3Ccircle%20cx%3D%22528%22%20cy%3D%22256%22%20r%3D%224.5%22%2F%3E%0A%20%20%20%20%3Ccircle%20cx%3D%22544%22%20cy%3D%22264%22%20r%3D%224.5%22%2F%3E%3Ccircle%20cx%3D%22560%22%20cy%3D%22270%22%20r%3D%224.5%22%2F%3E%0A%20%20%20%20%3Ccircle%20cx%3D%22486%22%20cy%3D%22260%22%20r%3D%224%22%2F%3E%3Ccircle%20cx%3D%22504%22%20cy%3D%22268%22%20r%3D%224%22%2F%3E%3Ccircle%20cx%3D%22522%22%20cy%3D%22276%22%20r%3D%224%22%2F%3E%0A%20%20%20%20%3C%21--%20Japan%20--%3E%0A%20%20%20%20%3Ccircle%20cx%3D%22562%22%20cy%3D%22126%22%20r%3D%224%22%2F%3E%3Ccircle%20cx%3D%22570%22%20cy%3D%22140%22%20r%3D%224%22%2F%3E%3Ccircle%20cx%3D%22576%22%20cy%3D%22154%22%20r%3D%224%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%0A%20%20%3C%21--%20route%20arcs%20--%3E%0A%20%20%3Cg%20fill%3D%22none%22%20stroke%3D%22%2380BFD5%22%20stroke-width%3D%222%22%20opacity%3D%22.22%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M210%20170%20C330%2065%20455%2065%20585%20150%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M290%20225%20C410%20145%20535%20150%20675%20225%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%0A%20%20%3C%21--%20port%20%2F%20logistics%20silhouette%20--%3E%0A%20%20%3Cg%20opacity%3D%22.25%22%20stroke%3D%22%235C9AB6%22%20stroke-width%3D%225%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%0A%20%20%20%20%3C%21--%20crane%201%20--%3E%0A%20%20%20%20%3Cpath%20d%3D%22M610%20306V154h22v152%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M621%20154l72%2070%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M621%20154l-58%2070%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M570%20224h125%22%2F%3E%0A%20%20%20%20%3C%21--%20crane%202%20--%3E%0A%20%20%20%20%3Cpath%20d%3D%22M708%20306V177h20v129%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M718%20177l62%2059%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M718%20177l-48%2059%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M675%20236h106%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%0A%20%20%3Cg%20fill%3D%22%235C9AB6%22%20opacity%3D%22.22%22%3E%0A%20%20%20%20%3C%21--%20containers%20--%3E%0A%20%20%20%20%3Crect%20x%3D%22584%22%20y%3D%22260%22%20width%3D%2252%22%20height%3D%2246%22%20rx%3D%222%22%2F%3E%0A%20%20%20%20%3Crect%20x%3D%22639%22%20y%3D%22274%22%20width%3D%2250%22%20height%3D%2232%22%20rx%3D%222%22%2F%3E%0A%20%20%20%20%3Crect%20x%3D%22692%22%20y%3D%22250%22%20width%3D%2252%22%20height%3D%2256%22%20rx%3D%222%22%2F%3E%0A%20%20%20%20%3Crect%20x%3D%22747%22%20y%3D%22269%22%20width%3D%2249%22%20height%3D%2237%22%20rx%3D%222%22%2F%3E%0A%20%20%20%20%3Crect%20x%3D%22798%22%20y%3D%22256%22%20width%3D%2248%22%20height%3D%2250%22%20rx%3D%222%22%2F%3E%0A%20%20%20%20%3C%21--%20ship%20--%3E%0A%20%20%20%20%3Cpath%20d%3D%22M418%20286h124l24-19h75l14%2019h57v20H418z%22%2F%3E%0A%20%20%20%20%3Crect%20x%3D%22520%22%20y%3D%22252%22%20width%3D%2228%22%20height%3D%2213%22%20rx%3D%222%22%2F%3E%0A%20%20%20%20%3Crect%20x%3D%22552%22%20y%3D%22252%22%20width%3D%2228%22%20height%3D%2213%22%20rx%3D%222%22%2F%3E%0A%20%20%20%20%3C%21--%20truck%20--%3E%0A%20%20%20%20%3Cpath%20d%3D%22M760%20284h72l18-14h26v36H760z%22%2F%3E%0A%20%20%20%20%3Ccircle%20cx%3D%22781%22%20cy%3D%22307%22%20r%3D%227%22%2F%3E%0A%20%20%20%20%3Ccircle%20cx%3D%22835%22%20cy%3D%22307%22%20r%3D%227%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%0A%20%20%3Crect%20x%3D%22385%22%20y%3D%22305%22%20width%3D%22515%22%20height%3D%229%22%20fill%3D%22%235C9AB6%22%20opacity%3D%22.18%22%2F%3E%0A%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: right center;
    background-size: cover;

    opacity: .72;
}


/* Soft veil so decorative artwork never competes with text */

.ajlm-welcome-board::after {
    content: "";

    position: absolute;
    z-index: 1;

    top: 0;
    right: 0;
    bottom: 0;

    width: 63%;

    pointer-events: none;

    background:
        linear-gradient(
            90deg,
            rgba(255,255,255,.98) 0%,
            rgba(255,255,255,.79) 33%,
            rgba(247,252,255,.36) 66%,
            rgba(237,248,253,.14) 100%
        );
}


.ajlm-welcome-content,
.ajlm-welcome-features {
    position: relative;
    z-index: 2;
}


.ajlm-welcome-content {
    padding-right: 4px;
}


.ajlm-welcome-eyebrow {
    margin: 0 0 10px;

    color: #1197c5;

    font-size: 11px;
    font-weight: 800;
    letter-spacing: .16em;

    text-transform: uppercase;
}


.ajlm-welcome-heading {
    margin: 0 0 14px !important;
    padding: 0 !important;

    color: #052a4a !important;
    background: transparent !important;
    border: 0 !important;

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


.ajlm-welcome-description {
    max-width: 760px;

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

    color: #38576e;

    font-size: 14px;
    line-height: 1.7;
}


.ajlm-welcome-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;

    margin-top: 17px;

    color: #0879be !important;

    font-size: 13px;
    font-weight: 700;

    text-decoration: none !important;
}


.ajlm-welcome-link:hover,
.ajlm-welcome-link:focus {
    color: #052a4a !important;
}


/* Feature column */

.ajlm-welcome-features {
    padding: 2px 0 2px 28px;

    border-left: 1px solid #d5e5ef;

    background: rgba(255,255,255,.20);
}


.ajlm-feature-item {
    display: flex;
    align-items: center;
    gap: 12px;

    min-height: 41px;

    color: #36536c;

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


.ajlm-feature-icon {
    display: flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 25px;

    width: 25px;
    height: 25px;

    color: #087bc1;
}


.ajlm-feature-icon svg {
    width: 21px;
    height: 21px;

    fill: none;
    stroke: currentColor;

    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}


.ajlm-feature-item:first-child svg {
    stroke-width: 1.5;
}


/* =========================================================
   2. QUICK LINKS
   ========================================================= */

.ajlm-sidebar-menu {
    margin: 0 0 14px;

    overflow: hidden;

    background: #ffffff;

    border: 1px solid #d9e6ef;
    border-radius: 8px;

    box-shadow: 0 3px 12px rgba(5, 42, 74, .06);
}


.ajlm-submit-link {
    display: flex;
    align-items: center;
    gap: 10px;

    min-height: 44px;
    padding: 11px 13px;

    background: linear-gradient(90deg, #075a98 0%, #0b6eae 100%);

    color: #ffffff !important;

    font-size: 13px;
    font-weight: 700;
    line-height: 1.2;

    text-decoration: none !important;
}


.ajlm-submit-link:hover,
.ajlm-submit-link:focus {
    background: linear-gradient(90deg, #064b80 0%, #095d94 100%);

    color: #ffffff !important;
}


.ajlm-submit-icon,
.ajlm-quick-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 28px;

    width: 28px;
    height: 28px;

    border-radius: 50%;

    font-weight: 800;

    text-align: center;
}


.ajlm-submit-icon {
    background: rgba(255,255,255,.15);
    color: #ffffff;
}


.ajlm-submit-arrow,
.ajlm-quick-arrow {
    margin-left: auto;

    font-size: 20px;
    line-height: 1;
}


.ajlm-submit-arrow {
    color: #ffffff;
}


.ajlm-quicklinks {
    margin: 0;
    padding: 0;

    list-style: none;
}


.ajlm-quicklinks li {
    margin: 0;
    padding: 0;

    border-bottom: 1px solid #e8f0f5;

    list-style: none;
}


.ajlm-quicklinks li:last-child {
    border-bottom: 0;
}


.ajlm-quicklinks a {
    display: flex;
    align-items: center;
    gap: 9px;

    min-height: 39px;
    padding: 9px 12px;

    background: #ffffff;

    color: #31536d !important;

    font-size: 12px;
    font-weight: 600;
    line-height: 1.25;

    text-decoration: none !important;

    transition:
        background .15s ease,
        color .15s ease;
}


.ajlm-quicklinks a:hover,
.ajlm-quicklinks a:focus {
    background: #f2f8fc;

    color: #052a4a !important;
}


.ajlm-quick-icon {
    flex-basis: 24px;

    width: 24px;
    height: 24px;

    background: #eef7fc;

    color: #0d6ebd;

    font-size: 12px;
}


.ajlm-quick-arrow {
    color: #0d6ebd;
}


/* =========================================================
   3. COLLABORATION
   ========================================================= */

.ajlm-collaboration {
    margin: 12px 0 0;

    overflow: hidden;

    background: #ffffff;

    border: 1px solid #d9e6ef;
    border-radius: 8px;

    box-shadow: 0 3px 12px rgba(5, 42, 74, .06);
}


.ajlm-collaboration-title {
    margin: 0;
    padding: 10px 12px;

    background: #eef7fc;

    border-bottom: 1px solid #d9e6ef;

    color: #073b67;

    font-size: 11px;
    font-weight: 800;
    letter-spacing: .11em;

    text-transform: uppercase;
}


.ajlm-partner-link {
    display: block;

    padding: 16px 14px;

    text-align: center;
    text-decoration: none !important;
}


.ajlm-partner-link img {
    display: block;

    max-width: 88%;
    height: auto;

    margin: 0 auto;

    border: 0;
}


.ajlm-partner-name {
    display: block;

    margin-top: 8px;

    color: #587086;

    font-size: 10.5px;
    line-height: 1.35;
}


/* Keep Mason custom-block wrapper neutral */

#customblock-MENU {
    background: transparent !important;
}


#customblock-MENU > .ajlm-sidebar-menu,
#customblock-MENU > .ajlm-collaboration {
    width: 100%;
}


/* =========================================================
   4. RESPONSIVE
   ========================================================= */

@media screen and (max-width: 1100px) {

    .ajlm-welcome-board {
        grid-template-columns:
            minmax(0, 1.6fr)
            minmax(220px, .8fr);

        gap: 26px;

        padding: 24px;
    }


    .ajlm-welcome-heading {
        font-size: 27px !important;
    }


    .ajlm-welcome-board::before,
    .ajlm-welcome-board::after {
        width: 58%;
    }
}


@media screen and (max-width: 760px) {

    .ajlm-welcome-board {
        display: block;

        padding: 20px;
    }


    .ajlm-welcome-heading {
        font-size: 24px !important;
    }


    .ajlm-welcome-features {
        margin-top: 20px;

        padding: 16px 0 0;

        border-left: 0;
        border-top: 1px solid #d5e5ef;

        background: rgba(255,255,255,.52);
    }


    .ajlm-welcome-board::before {
        width: 100%;
        opacity: .45;
        background-size: cover;
    }


    .ajlm-welcome-board::after {
        width: 100%;

        background:
            linear-gradient(
                180deg,
                rgba(255,255,255,.98) 0%,
                rgba(255,255,255,.94) 56%,
                rgba(245,251,254,.78) 100%
            );
    }
}


@media screen and (max-width: 480px) {

    .ajlm-welcome-board {
        padding: 17px;
    }


    .ajlm-welcome-heading {
        font-size: 22px !important;
    }


    .ajlm-welcome-description {
        font-size: 13px;
        line-height: 1.6;
    }


    .ajlm-feature-item {
        min-height: 38px;

        font-size: 12.5px;
    }


    .ajlm-submit-link,
    .ajlm-quicklinks a {
        font-size: 12.5px;
    }
}


/* =========================================================
   END — AJLM CLEAN CSS v4
   Indexing & Discovery CSS will be added only after its
   final HTML is installed, to avoid unused/legacy rules.
   ========================================================= */

/* =========================================================
   5. INDEXING & DISCOVERY — CLEAN FINAL
   AJLM Clean Logistics Blue
   Real-logo version for OJS 2 / Mason theme
   ========================================================= */

#additionalHomeContent {
    margin: 0 !important;
}


/* ---------- Board ---------- */

.ajlm-indexing-board {
    margin: 0 0 20px;
    padding: 0 16px 16px;

    overflow: hidden;

    background: #ffffff;

    border: 1px solid #d8e6ef;
    border-radius: 10px;

    box-shadow: 0 4px 18px rgba(5, 42, 74, .055);
}


/* ---------- Header ---------- */

.ajlm-indexing-head {
    position: relative;

    display: flex;
    align-items: center;
    justify-content: flex-start;

    margin: 0 -16px 12px;
    padding: 14px 16px 12px;

    background: linear-gradient(
        90deg,
        #ffffff 0%,
        #f4f9fd 100%
    );

    border-bottom: 1px solid #d8e6ef;
}


.ajlm-indexing-head::after {
    content: "";

    position: absolute;
    left: 16px;
    bottom: -1px;

    width: 56px;
    height: 2px;

    background: #0c83c3;
}


.ajlm-indexing-title {
    display: flex;
    align-items: center;
    gap: 12px;

    margin: 0;

    color: #052a4a;

    font-family: Tahoma, Geneva, Arial, sans-serif !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    line-height: 1.15 !important;
    letter-spacing: -0.2px;
}


/* Modern database/discovery icon drawn directly from CSS so no extra HTML is required */
.ajlm-indexing-title::before {
    content: "";

    display: inline-block;
    flex: 0 0 30px;

    width: 30px;
    height: 30px;

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cg fill='none' stroke='%230b7cc1' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cellipse cx='16' cy='7' rx='10.5' ry='3.6'/%3E%3Cpath d='M5.5 7v6c0 2 4.7 3.6 10.5 3.6S26.5 15 26.5 13V7'/%3E%3Cpath d='M5.5 13v6c0 2 4.7 3.6 10.5 3.6S26.5 21 26.5 19v-6'/%3E%3Cpath d='M5.5 19v6c0 2 4.7 3.6 10.5 3.6S26.5 27 26.5 25v-6'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}


/* Subtitle intentionally removed for a cleaner, stronger section heading */
.ajlm-indexing-subtitle {
    display: none !important;
}


/* ---------- Seven-column desktop grid ---------- */

.ajlm-index-grid {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 8px;
}


/* ---------- All index cards ---------- */

.ajlm-index-grid .ajlm-index-item {
    position: relative;

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

    min-width: 0;

    height: 68px !important;
    min-height: 68px !important;
    max-height: 68px !important;

    padding: 8px 9px !important;

    overflow: hidden !important;
    box-sizing: border-box !important;

    background: #ffffff !important;

    border: 1px solid #e0eaf1 !important;
    border-radius: 8px;

    color: #29475e !important;

    font-family: inherit;
    text-align: center;
    text-decoration: none !important;

    transition:
        border-color .15s ease,
        box-shadow .15s ease,
        transform .15s ease;
}


.ajlm-index-grid .ajlm-index-item:hover,
.ajlm-index-grid .ajlm-index-item:focus {
    transform: translateY(-1px);

    border-color: #a8cddd !important;

    box-shadow: 0 4px 10px rgba(5, 42, 74, .08);

    text-decoration: none !important;
}


/* ---------- HARD RESET FOR REAL LOGOS ----------
   We target IMG through the parent service class, not through
   the IMG class alone. This is more robust in OJS/TinyMCE.
   ---------------------------------------------------------- */

.ajlm-index-grid .ajlm-index-item img {
    display: block !important;

    width: auto !important;
    height: auto !important;

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

    border: 0 !important;
    box-shadow: none !important;

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

    box-sizing: border-box !important;

    transform: none !important;
}


/* SINTA */
.ajlm-index-sinta img {
    max-width: 104px !important;
    max-height: 41px !important;
}


/* Google Scholar */
.ajlm-index-scholar img {
    max-width: 128px !important;
    max-height: 35px !important;
}


/* Dimensions */
.ajlm-index-dimensions img {
    max-width: 128px !important;
    max-height: 36px !important;
}


/* GARUDA */
.ajlm-index-garuda img {
    max-width: 126px !important;
    max-height: 34px !important;
}


/* OpenAIRE */
.ajlm-index-openaire img {
    max-width: 116px !important;
    max-height: 40px !important;
}


/* ---------- SINTA badge ---------- */

.ajlm-sinta-badge {
    position: absolute;

    right: 5px;
    bottom: 4px;

    padding: 1px 4px;

    background: #08738d;

    border-radius: 7px;

    color: #ffffff !important;

    font-family: inherit;
    font-size: 7px;
    font-weight: 800;
    line-height: 1.25;

    text-align: center;
}


/* ---------- BASE — REAL LOGO ---------- */

.ajlm-index-base img {
    max-width: 118px !important;
    max-height: 34px !important;
}


/* ---------- CROSSREF — REAL LOGO ---------- */

.ajlm-index-crossref img {
    max-width: 120px !important;
    max-height: 34px !important;
}


/* ---------- Responsive ---------- */

@media screen and (max-width: 1180px) {

    .ajlm-index-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }


    .ajlm-index-grid .ajlm-index-item {
        height: 66px !important;
        min-height: 66px !important;
        max-height: 66px !important;
    }


    .ajlm-index-scholar img,
    .ajlm-index-dimensions img,
    .ajlm-index-garuda img,
    .ajlm-index-base img,
    .ajlm-index-crossref img {
        max-width: 126px !important;
    }
}


@media screen and (max-width: 760px) {

    .ajlm-indexing-head {
        display: block;
    }


    .ajlm-indexing-subtitle {
        display: none !important;
    }

    .ajlm-indexing-title {
        font-size: 21px !important;
    }

    .ajlm-indexing-title::before {
        flex-basis: 27px;
        width: 27px;
        height: 27px;
    }


    .ajlm-index-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 7px;
    }


    .ajlm-index-grid .ajlm-index-item {
        height: 64px !important;
        min-height: 64px !important;
        max-height: 64px !important;
    }
}


@media screen and (max-width: 430px) {

    .ajlm-index-grid {
        grid-template-columns: 1fr;
    }
}


/* =========================================================
   END — AJLM CLEAN CSS
   Removed legacy indexing layers:
   - v5.2 CSS-drawn brand marks
   - v5.3 icon hardening
   - duplicate stable-baseline indexing block
   ========================================================= */

/* =========================================================
   6. ANNOUNCEMENTS — CLEAN LOGISTICS BLUE
   Custom HTML block placed after Indexing & Discovery
   ========================================================= */

.ajlm-announcements-board {
    margin: 0 0 20px;

    overflow: hidden;

    background: #ffffff;

    border: 1px solid #d8e6ef;
    border-radius: 10px;

    box-shadow: 0 4px 18px rgba(5, 42, 74, .045);
}


.ajlm-section-head {
    position: relative;

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;

    padding: 11px 16px 10px;

    background: linear-gradient(
        90deg,
        #ffffff 0%,
        #f5fafe 100%
    );

    border-bottom: 1px solid #d8e6ef;
}


.ajlm-section-head::after {
    content: "";

    position: absolute;
    left: 16px;
    bottom: -1px;

    width: 54px;
    height: 2px;

    background: #0b83c4;
}


.ajlm-section-title {
    display: flex;
    align-items: center;
    gap: 10px;

    margin: 0;

    color: #052a4a;

    font-family: Tahoma, Arial, sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
}


.ajlm-section-title-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 25px;
    height: 25px;

    color: #0b83c4;

    font-size: 20px;
    line-height: 1;
}


.ajlm-section-link {
    color: #0b78ba !important;

    font-family: Tahoma, Arial, sans-serif;
    font-size: 10px;
    font-weight: 700;

    text-decoration: none !important;
}


.ajlm-section-link:hover,
.ajlm-section-link:focus {
    color: #052a4a !important;
}


.ajlm-announcement-empty {
    padding: 18px 18px 20px;

    color: #6b8193;

    font-family: Tahoma, Arial, sans-serif;
    font-size: 11px;
    font-style: italic;
    line-height: 1.5;

    text-align: center;
}


/* =========================================================
   7. CURRENT ISSUE + TABLE OF CONTENTS — v5.10
   Native OJS 2 content, visually rebuilt into the approved
   two-column Clean Logistics Blue concept.
   v5.10 removes the duplicated banner crop and rebuilds the cover as one clean portrait card.
   Scope is homepage #tabRecent only.
   ========================================================= */


/* Hide the utility tab row on homepage to match the approved concept.
   The underlying tab content remains in the DOM. */
#indexTab.nav-tabs {
    display: none !important;
}


/* Two-column issue board */
#tabRecent.tab-pane {
    position: relative;

    display: grid !important;
    grid-template-columns: 255px minmax(0, 1fr);
    grid-auto-flow: row;
    column-gap: 16px;

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

    overflow: hidden;

    background: #ffffff;

    border: 1px solid #d8e6ef;
    border-radius: 10px;

    box-shadow: 0 4px 18px rgba(5, 42, 74, .055);
}


/* Left panel: Current Issue — v5.10
   IMPORTANT:
   The left panel itself no longer carries the journal banner.
   Only ::before draws the portrait cover. This prevents the
   duplicated image and cropped embedded banner text seen in v5.9.
   ---------------------------------------------------------- */
#tabRecent > h4 {
    position: relative;

    grid-column: 1;
    grid-row: 1 / span 12;

    align-self: stretch;

    min-height: 500px;

    margin: 0 !important;
    padding: 306px 18px 24px !important;

    overflow: hidden;

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

    border-right: 1px solid #d8e6ef;

    color: #052a4a !important;

    font-family: Tahoma, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.42 !important;

    text-align: left;
}


/* Single portrait cover.
   We crop the right-hand port area of the AJLM header image so
   embedded journal-title text from the original banner does not
   appear as fragments inside the cover. */
#tabRecent > h4::before {
    content:
        "ASIAN JOURNAL OF\A"
        "LOGISTICS MANAGEMENT\A"
        "(AJLM)";

    position: absolute;

    top: 20px;
    left: 50%;

    width: 184px;
    height: 260px;

    box-sizing: border-box;

    padding: 17px 14px;

    transform: translateX(-50%);

    background-image:
        linear-gradient(
            180deg,
            rgba(2, 28, 53, .62) 0%,
            rgba(2, 28, 53, .28) 27%,
            rgba(2, 28, 53, .06) 52%,
            rgba(2, 28, 53, .24) 72%,
            rgba(2, 28, 53, .90) 100%
        ),
        url("https://ejournal2.undip.ac.id/public/journals/99/homeHeaderTitleImage_en_US.png");

    background-repeat:
        no-repeat,
        no-repeat;

    background-position:
        center,
        86% center;

    background-size:
        100% 100%,
        auto 100%;

    border: 1px solid #a9c4d7;
    border-radius: 3px;

    box-shadow:
        0 7px 18px rgba(4, 34, 61, .16);

    color: #ffffff;

    font-family: Tahoma, Arial, sans-serif;
    font-size: 10.5px;
    font-weight: 700;
    line-height: 1.32;
    letter-spacing: .035em;

    white-space: pre-line;

    text-align: left;
    text-transform: uppercase;

    text-shadow:
        0 1px 2px rgba(0, 24, 45, .50);

    pointer-events: none;
}


/* Publisher identity at the bottom of the portrait cover.
   Correct institutional spelling: Vocational College. */
#tabRecent > h4::after {
    content:
        "Published by:\A"
        "Bachelor of Applied Logistics Management and Administration Program\A"
        "Department of Business and Finance\A"
        "Vocational College, Diponegoro University";

    position: absolute;

    top: 202px;
    left: 50%;

    width: 154px;

    transform: translateX(-50%);

    color: rgba(255,255,255,.97);

    font-family: Tahoma, Arial, sans-serif;
    font-size: 6.6px;
    font-weight: 600;
    line-height: 1.28;

    white-space: pre-line;

    text-align: left;

    text-shadow:
        0 1px 2px rgba(0, 20, 38, .58);

    pointer-events: none;
}


/* Right-side heading */
#tabRecent::before {
    content: "Table of Contents";

    grid-column: 2;
    grid-row: 1;

    display: block;

    margin: 0;
    padding: 13px 14px 11px;

    border-bottom: 1px solid #cfe0ec;

    color: #052a4a;

    font-family: Tahoma, Arial, sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
}


/* Right-side small section label */
#tabRecent::after {
    content: "RESEARCH ARTICLES";

    position: absolute;

    top: 49px;
    left: 271px;
    right: 0;

    padding: 0 14px 7px;

    border-bottom: 1px solid #e6eef4;

    color: #0b78ba;

    font-family: Tahoma, Arial, sans-serif;
    font-size: 9.5px;
    font-weight: 700;
    letter-spacing: .05em;
    line-height: 1.2;

    pointer-events: none;
}


/* All native article tables flow in the right column */
#tabRecent table.tocArticle {
    grid-column: 2;

    width: 100% !important;

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

    border: 0 !important;
    border-collapse: collapse !important;
    border-spacing: 0 !important;

    table-layout: fixed;

    background: #ffffff !important;
}


#tabRecent table.tocArticle:first-of-type {
    margin-top: 27px !important;
}


#tabRecent table.tocArticle + table.tocArticle {
    border-top: 1px solid #e2ebf2 !important;
}


#tabRecent table.tocArticle tr.TOC,
#tabRecent table.tocArticle tbody,
#tabRecent table.tocArticle td {
    background: #ffffff !important;
}


/* Main article cell */
#tabRecent td.tocArticleTitleAuthors {
    width: auto !important;

    padding: 10px 12px 9px 14px !important;

    vertical-align: top !important;
}


/* Title */
#tabRecent .tocTitle {
    margin: 0 0 3px !important;
    padding: 0 !important;
}


#tabRecent .tocTitle > a {
    color: #075f96 !important;

    font-family: Tahoma, Arial, sans-serif !important;
    font-size: 12.5px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;

    text-decoration: none !important;
}


#tabRecent .tocTitle > a:hover,
#tabRecent .tocTitle > a:focus {
    color: #052a4a !important;

    text-decoration: underline !important;
}


/* Authors + metadata */
#tabRecent .tocAuthors {
    margin: 0 !important;

    color: #587086 !important;

    font-family: Tahoma, Arial, sans-serif !important;
    font-size: 9.7px !important;
    line-height: 1.45 !important;
}


#tabRecent .tocAuthors p {
    margin: 0 0 2px !important;
    padding: 0 !important;

    color: #587086 !important;

    font-family: Tahoma, Arial, sans-serif !important;
    font-size: 9.7px !important;
    line-height: 1.45 !important;

    text-indent: 0 !important;
}


#tabRecent .tocAuthors .fa-user-o {
    margin-right: 3px;

    color: #6b879a !important;

    font-size: 9px !important;
}


#tabRecent .tocAuthors a {
    color: #0b78ba !important;

    font-weight: 600 !important;

    text-decoration: none !important;
}


#tabRecent .tocAuthors a:hover,
#tabRecent .tocAuthors a:focus {
    color: #052a4a !important;

    text-decoration: underline !important;
}


/* Dimensions citation badge is visually noisy in the compact homepage TOC */
#tabRecent .__dimensions_badge_embed__ {
    display: none !important;
}


/* PDF + pages */
#tabRecent td.tocArticleGalleysPages {
    width: 82px !important;

    padding: 10px 12px 8px 4px !important;

    vertical-align: top !important;

    text-align: right !important;
}


#tabRecent .tocGalleys {
    margin: 0 0 5px !important;
    padding: 0 !important;
}


#tabRecent .tocGalleys a.file {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 4px;

    min-width: 50px;

    padding: 5px 6px !important;

    background: #ffffff !important;

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

    color: #0b78ba !important;

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

    text-decoration: none !important;
}


#tabRecent .tocGalleys a.file:hover,
#tabRecent .tocGalleys a.file:focus {
    background: #eef7fc !important;

    border-color: #98c4dd !important;
}


#tabRecent .tocGalleys .fa-file-pdf-o {
    color: #ed3237 !important;

    font-size: 11px !important;
}


#tabRecent .tocPages {
    color: #5d7182 !important;

    font-family: Tahoma, Arial, sans-serif !important;
    font-size: 9px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
}


/* ---------------------------------------------------------
   Responsive
   --------------------------------------------------------- */

@media screen and (max-width: 980px) {

    #tabRecent.tab-pane {
        grid-template-columns: 215px minmax(0, 1fr);

        column-gap: 12px;
    }


    #tabRecent > h4 {
        padding: 286px 14px 22px !important;
    }

    #tabRecent > h4::before {
        width: 166px;
        height: 236px;

        background-position:
            center,
            86% center;
    }

    #tabRecent > h4::after {
        top: 184px;

        width: 140px;

        font-size: 6.1px;
    }


    #tabRecent::after {
        left: 227px;
    }


    #tabRecent .tocTitle > a {
        font-size: 11.8px !important;
    }
}


@media screen and (max-width: 760px) {

    #tabRecent.tab-pane {
        display: block !important;
    }


    #tabRecent > h4 {
        min-height: 0;

        padding: 304px 16px 20px !important;

        border-right: 0;
        border-bottom: 1px solid #d8e6ef;
    }


    #tabRecent > h4::before {
        top: 18px;

        width: 184px;
        height: 260px;

        background-position:
            center,
            86% center;
    }


    #tabRecent > h4::after {
        top: 200px;

        width: 154px;

        font-size: 6.6px;
    }


    #tabRecent::before {
        padding: 12px 13px 10px;

        font-size: 16px;
    }


    #tabRecent::after {
        position: static;

        display: block;

        padding: 0 13px 7px;
    }


    #tabRecent table.tocArticle:first-of-type {
        margin-top: 0 !important;
    }


    #tabRecent td.tocArticleTitleAuthors {
        padding: 10px 7px 9px 12px !important;
    }


    #tabRecent td.tocArticleGalleysPages {
        width: 70px !important;

        padding: 10px 10px 8px 2px !important;
    }


    #tabRecent .tocTitle > a {
        font-size: 11.5px !important;
    }
}