/*
 * JNSPS Green V2.1.45
 * Premium article-page refinements:
 *  - Most read articles by the same author(s)
 *  - Browse Articles / Browse Issues sidebar navigation
 */

/* ==============================================================
   Most read articles by the same author(s)
   ============================================================== */
html body .page_article .jnsps-same-author-section {
    position: relative;
    clear: both;
    width: 100%;
    box-sizing: border-box;
    margin: 34px 0 24px !important;
    padding: 0 0 18px !important;
    border: 1px solid #dbe7df;
    border-radius: 16px;
    background: linear-gradient(180deg, #fbfdfc 0%, #ffffff 100%);
    box-shadow: 0 10px 30px rgba(18, 62, 40, 0.08);
    overflow: hidden;
}

html body .page_article .jnsps-same-author-heading {
    position: relative;
    display: flex !important;
    align-items: center;
    gap: 11px;
    margin: 0 0 18px !important;
    padding: 17px 21px !important;
    border: 0 !important;
    border-bottom: 1px solid #dce9e1 !important;
    background: linear-gradient(135deg, #075e31 0%, #0b7a3d 58%, #169452 100%);
    color: #ffffff !important;
    font-size: 1.22rem !important;
    font-weight: 750 !important;
    line-height: 1.3 !important;
    letter-spacing: 0.005em;
}

html body .page_article .jnsps-same-author-heading::before {
    content: "\f201";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    flex: 0 0 35px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.16);
    font-family: "Font Awesome 5 Free";
    font-size: 15px;
    font-weight: 900;
}

html body .page_article .jnsps-same-author-list {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 13px;
    margin: 0 !important;
    padding: 0 20px !important;
    list-style: none !important;
}

html body .page_article .jnsps-same-author-card {
    position: relative;
    min-width: 0;
    margin: 0 !important;
    padding: 15px 16px 15px 19px !important;
    border: 1px solid #e1ebe5;
    border-radius: 12px;
    background: #ffffff;
    box-shadow: 0 4px 14px rgba(19, 69, 43, 0.055);
    color: #44564a;
    font-size: 0.92rem;
    line-height: 1.65;
    overflow-wrap: anywhere;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

html body .page_article .jnsps-same-author-card::before {
    content: "";
    position: absolute;
    top: 12px;
    bottom: 12px;
    left: 0;
    width: 4px;
    border-radius: 0 4px 4px 0;
    background: linear-gradient(180deg, #0b7a3d, #3da36b);
}

html body .page_article .jnsps-same-author-card:hover {
    transform: translateY(-2px);
    border-color: #b9d7c5;
    box-shadow: 0 10px 24px rgba(15, 91, 49, 0.11);
}

html body .page_article .jnsps-same-author-card a {
    color: #096fd1 !important;
    text-decoration: none !important;
}

html body .page_article .jnsps-same-author-card a:hover,
html body .page_article .jnsps-same-author-card a:focus {
    color: #075e31 !important;
    text-decoration: underline !important;
    text-underline-offset: 3px;
}

/* ==============================================================
   Browse Articles / Browse Issues
   ============================================================== */
html body .pkp_structure_sidebar .jnsps-browse-navigation {
    overflow: hidden !important;
    border: 1px solid #d8e7de !important;
    border-radius: 14px !important;
    background: #ffffff !important;
    box-shadow: 0 9px 25px rgba(18, 62, 40, 0.09) !important;
}

html body .pkp_structure_sidebar .jnsps-browse-navigation > .title,
html body .pkp_structure_sidebar .jnsps-browse-navigation > h2.title,
html body .pkp_structure_sidebar .jnsps-browse-navigation > h3.title {
    position: relative;
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin: 0 !important;
    padding: 13px 14px !important;
    border: 0 !important;
    background: linear-gradient(135deg, #0a7b43 0%, #178f52 100%) !important;
    color: #ffffff !important;
    font-size: 1.05rem !important;
    font-weight: 800 !important;
    letter-spacing: .015em;
    text-transform: uppercase;
}

html body .pkp_structure_sidebar .jnsps-browse-navigation > .title::before,
html body .pkp_structure_sidebar .jnsps-browse-navigation > h2.title::before,
html body .pkp_structure_sidebar .jnsps-browse-navigation > h3.title::before {
    content: "\f02d";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 14px;
    opacity: .95;
}

html body .pkp_structure_sidebar .jnsps-browse-navigation .jnsps-browse-content {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    padding: 13px !important;
    background: linear-gradient(180deg, #f8fcf9 0%, #ffffff 100%) !important;
}

html body .pkp_structure_sidebar .jnsps-browse-navigation .jnsps-browse-card {
    position: relative;
    margin: 0 !important;
    padding: 13px 13px 12px !important;
    border: 1px solid #e0ebe4 !important;
    border-radius: 11px !important;
    background: #ffffff !important;
    box-shadow: 0 3px 11px rgba(18, 62, 40, .055) !important;
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

html body .pkp_structure_sidebar .jnsps-browse-navigation .jnsps-browse-card:hover {
    transform: translateY(-1px);
    border-color: #bed9c8 !important;
    box-shadow: 0 7px 17px rgba(15, 91, 49, .09) !important;
}

html body .pkp_structure_sidebar .jnsps-browse-navigation .jnsps-browse-card > * {
    margin-top: 0 !important;
    margin-bottom: 8px !important;
}

html body .pkp_structure_sidebar .jnsps-browse-navigation .jnsps-browse-card > *:last-child {
    margin-bottom: 0 !important;
}

html body .pkp_structure_sidebar .jnsps-browse-navigation a.jnsps-browse-marker-link {
    display: inline-flex !important;
    align-items: center;
    gap: 6px;
    padding: 5px 9px !important;
    border-radius: 999px;
    background: #eaf7ef !important;
    color: #086836 !important;
    font-size: .81rem !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    text-decoration: none !important;
}

html body .pkp_structure_sidebar .jnsps-browse-navigation a.jnsps-browse-marker-link::before {
    content: "\f060";
    font-family: "Font Awesome 5 Free";
    font-size: 10px;
    font-weight: 900;
}

html body .pkp_structure_sidebar .jnsps-browse-navigation a.jnsps-browse-marker-link[href*="next"]::before {
    content: "\f061";
}

html body .pkp_structure_sidebar .jnsps-browse-navigation a.jnsps-browse-marker-link:hover,
html body .pkp_structure_sidebar .jnsps-browse-navigation a.jnsps-browse-marker-link:focus {
    background: #d8efe1 !important;
    color: #054e28 !important;
}

html body .pkp_structure_sidebar .jnsps-browse-navigation .jnsps-browse-card a:not(.jnsps-browse-marker-link) {
    color: #1d2730 !important;
    font-weight: 600 !important;
    line-height: 1.55 !important;
    text-decoration: none !important;
    overflow-wrap: anywhere;
}

html body .pkp_structure_sidebar .jnsps-browse-navigation .jnsps-browse-card a:not(.jnsps-browse-marker-link):hover,
html body .pkp_structure_sidebar .jnsps-browse-navigation .jnsps-browse-card a:not(.jnsps-browse-marker-link):focus {
    color: #0b7a3d !important;
}

html body .pkp_structure_sidebar .jnsps-browse-navigation .jnsps-browse-card p,
html body .pkp_structure_sidebar .jnsps-browse-navigation .jnsps-browse-card div,
html body .pkp_structure_sidebar .jnsps-browse-navigation .jnsps-browse-card span {
    font-size: .88rem;
    line-height: 1.55;
}

@media (max-width: 900px) {
    html body .page_article .jnsps-same-author-list {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 600px) {
    html body .page_article .jnsps-same-author-section {
        margin-top: 26px !important;
        border-radius: 12px;
    }

    html body .page_article .jnsps-same-author-heading {
        padding: 14px 15px !important;
        font-size: 1.05rem !important;
    }

    html body .page_article .jnsps-same-author-heading::before {
        width: 31px;
        height: 31px;
        flex-basis: 31px;
    }

    html body .page_article .jnsps-same-author-list {
        gap: 10px;
        padding: 0 13px !important;
    }

    html body .page_article .jnsps-same-author-card {
        padding: 13px 12px 13px 16px !important;
        font-size: .88rem;
    }
}