/*
 * OWS Dashboard 3.10.547.0
 * Homepage Articles reference-match pass.
 *
 * This stylesheet is loaded only on frontend/pages/indexJournal.tpl. It is
 * intentionally strong enough to override the journal's older brown article
 * card rules without changing any other homepage component.
 */

html body .page_index_journal .current_issue,
html body .current_issue.ows_home_articles_reference,
html body .ows_home_articles_reference {
    --ows-article-ref-teal: color-mix(in srgb, var(--ows-primary, #1a1a1a) 75%, #2f8f7f 25%);
    --ows-article-ref-teal-dark: var(--ows-primary, #087d7b);
    --ows-article-ref-navy: #102a43;
    --ows-article-ref-copy: #40596a;
    --ows-article-ref-line: #e2e8ec;
    box-sizing: border-box !important;
    width: 100% !important;
    margin: 28px 0 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
}



/* ---------- 3.10.467.0: equalize top spacing under all three article tabs ---------- */
/*
 * The previous pass removed the Current Issue wrapper margin, but the
 * Published panel itself still inherited .ows_articles_tabs__panel's
 * 0.4rem top padding from frontendArticlesTabs.css. Articles in Press
 * and Most Viewed already use padding: 0, which is why Current Issue
 * still sat lower. Normalize the active panels themselves so the only
 * vertical gap beneath the tab navigation is the shared 14px panels
 * margin-top.
 */
html body #ows_articles_published:checked ~ .ows_articles_tabs__panels .ows_articles_tabs__panel--published,
html body #ows_articles_inpress:checked ~ .ows_articles_tabs__panels .ows_articles_tabs__panel--inpress,
html body #ows_articles_mostviewed:checked ~ .ows_articles_tabs__panels .ows_articles_tabs__panel--mostviewed {
    margin: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

html body #ows_articles_published:checked ~ .ows_articles_tabs__panels .ows_articles_tabs__panel--published {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

html body .ows_articles_tabs__panel--published .current_issue,
html body .ows_articles_tabs__panel--published .current_issue.ows_home_articles_reference,
html body .ows_articles_tabs__panel--published .ows_home_articles_reference {
    margin: 0 !important;
    padding: 0 !important;
}

/* Remove the old native/card title and its brown underline once JS mounts. */
html body .ows_home_articles_reference > .ows_home_articles_native_heading,
html body .ows_home_articles_reference > h2.ows_home_articles_native_heading,
html body .ows_home_articles_reference > h3.ows_home_articles_native_heading {
    display: none !important;
}

/* CSS-only fallback before/without JS: eliminate the old brown heading bar. */
html body .page_index_journal .current_issue > h2,
html body .page_index_journal .current_issue > h3 {
    position: relative !important;
    margin: 0 10px 30px !important;
    padding: 0 0 13px !important;
    border: 0 !important;
    background: transparent !important;
    color: #102a43 !important;
    font-size: clamp(20px, 1.8vw, 22px) !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
    letter-spacing: -.02em !important;
    box-shadow: none !important;
}

html body .page_index_journal .current_issue > h2::after,
html body .page_index_journal .current_issue > h3::after {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    bottom: 0 !important;
    width: 92px !important;
    height: 3px !important;
    border: 0 !important;
    background: linear-gradient(90deg, #0d918f 0%, #0d918f 58%, rgba(13,145,143,.34) 78%, rgba(13,145,143,0) 100%) !important;
}

html body .ows_home_articles_reference > .obj_issue_toc,
html body .page_index_journal .current_issue > .obj_issue_toc {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

html body .ows_home_articles_reference .obj_issue_toc > .heading {
    display: none !important;
}

html body .ows_home_articles_reference > .current_issue_title,
html body .ows_home_articles_reference .obj_issue_toc .section > .ows_home_article_section_title {
    display: none !important;
}


/* 3.10.454.0: hide the native duplicate "Articles" heading and the original bottom link. */
html body .ows_home_articles_reference > .read_more,
html body .ows_home_articles_reference .obj_issue_toc > .heading,
html body .ows_home_articles_reference .obj_issue_toc .section > .title,
html body .ows_home_articles_reference .obj_issue_toc .section > h2,
html body .ows_home_articles_reference .obj_issue_toc .section > h3,
html body .ows_home_articles_reference .obj_issue_toc .section > h4 {
    display: none !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* ---------- 3.10.463.0: bottom View All Issues navigation ---------- */
html body .ows_home_articles_header {
    display: none !important;
}

html body .ows_home_articles_footer {
    display: grid !important;
    grid-template-columns: minmax(32px, 1fr) auto minmax(32px, 1fr) !important;
    align-items: center !important;
    gap: 16px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    margin: 14px 0 0 !important;
    padding: 0 12px !important;
}

html body .ows_home_articles_footer_rule {
    display: block !important;
    width: 100% !important;
    height: 1px !important;
    background: #e8edef !important;
}

html body .ows_home_articles_view_all_bottom {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: var(--ows-article-ref-teal-dark) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}

html body .ows_home_articles_view_all_bottom:hover {
    color: color-mix(in srgb, var(--ows-primary, #066e6c) 88%, black 12%) !important;
    text-decoration: none !important;
}

html body .ows_home_articles_arrow {
    display: inline-block !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: .8 !important;
    transform: translateY(-1px) !important;
}

/* ---------- Native section/list reset ---------- */
html body .ows_home_articles_reference .obj_issue_toc .sections,
html body .ows_home_articles_reference .obj_issue_toc .section,
html body .page_index_journal .current_issue .obj_issue_toc .sections,
html body .page_index_journal .current_issue .obj_issue_toc .section {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

html body .ows_home_articles_reference .ows_home_article_section_title {
    display: none !important;
}

html body .ows_home_articles_reference .cmp_article_list,
html body .page_index_journal .current_issue .cmp_article_list {
    display: grid !important;
    gap: 14px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* ---------- Main article card ---------- */
html body .ows_home_articles_reference .cmp_article_list > li,
html body .page_index_journal .current_issue .cmp_article_list > li,
html body .ows_articles_tabs__panel--published .ows_home_articles_reference .cmp_article_list > li {
    position: relative !important;
    box-sizing: border-box !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid #dce7e9 !important;
    border-left: 5px solid #0d918f !important;
    border-bottom-color: #dce7e9 !important;
    border-radius: 4px !important;
    background: #fff !important;
    box-shadow: 0 5px 18px rgba(18,43,57,.09) !important;
    overflow: hidden !important;
}

html body .ows_home_articles_reference .cmp_article_list > li + li,
html body .page_index_journal .current_issue .cmp_article_list > li + li {
    border-top: 1px solid #dce7e9 !important;
}

html body .ows_home_articles_reference .cmp_article_list > li::after,
html body .page_index_journal .current_issue .cmp_article_list > li::after {
    content: "" !important;
    position: absolute !important;
    z-index: 0 !important;
    right: -22px !important;
    bottom: -42px !important;
    width: 410px !important;
    height: 225px !important;
    pointer-events: none !important;
    opacity: .5 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='520' height='260' viewBox='0 0 520 260'%3E%3Cg fill='none' stroke='%230d918f' stroke-opacity='.17' stroke-width='1'%3E%3Cpath d='M0 145 C80 85 140 215 220 145 S365 75 520 145'/%3E%3Cpath d='M0 153 C80 93 140 223 220 153 S365 83 520 153'/%3E%3Cpath d='M0 161 C80 101 140 231 220 161 S365 91 520 161'/%3E%3Cpath d='M0 169 C80 109 140 239 220 169 S365 99 520 169'/%3E%3Cpath d='M0 177 C80 117 140 247 220 177 S365 107 520 177'/%3E%3Cpath d='M0 185 C80 125 140 255 220 185 S365 115 520 185'/%3E%3Cpath d='M0 193 C80 133 140 263 220 193 S365 123 520 193'/%3E%3Cpath d='M0 201 C80 141 140 271 220 201 S365 131 520 201'/%3E%3C/g%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right bottom !important;
    background-size: contain !important;
}

html body .ows_home_articles_reference .obj_article_summary,
html body .page_index_journal .current_issue .obj_article_summary {
    position: relative !important;
    z-index: 1 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-rows: auto auto auto auto auto !important;
    column-gap: 28px !important;
    row-gap: 0 !important;
    align-items: start !important;
    min-height: 178px !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 16px 20px 15px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

html body .ows_home_articles_reference .obj_article_summary .meta,
html body .page_index_journal .current_issue .obj_article_summary .meta {
    display: contents !important;
}

html body .ows_home_article_type {
    grid-column: 1 !important;
    grid-row: 1 !important;
    justify-self: start !important;
    margin: 0 0 9px !important;
    padding: 5px 9px !important;
    border: 0 !important;
    border-radius: 4px !important;
    background: color-mix(in srgb, var(--ows-primary, #1a1a1a) 10%, white 90%) !important;
    color: var(--ows-primary, #1a1a1a) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1.15 !important;
}

html body .ows_home_articles_reference .obj_article_summary > .title,
html body .page_index_journal .current_issue .obj_article_summary > .title {
    grid-column: 1 !important;
    grid-row: 2 !important;
    max-width: 820px !important;
    margin: 0 0 8px !important;
    padding: 0 !important;
    border: 0 !important;
    color: #102a43 !important;
    font-size: clamp(13.5px, 1.15vw, 15px) !important;
    font-weight: 400 !important;
    line-height: 1.22 !important;
    letter-spacing: -.018em !important;
    background: transparent !important;
}

html body .ows_home_articles_reference .obj_article_summary > .title a,
html body .page_index_journal .current_issue .obj_article_summary > .title a {
    color: #102a43 !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    text-decoration: none !important;
}

html body .ows_home_articles_reference .obj_article_summary .authors,
html body .ows_home_articles_reference .ows_home_article_authors,
html body .page_index_journal .current_issue .obj_article_summary .authors {
    grid-column: 1 !important;
    grid-row: 3 !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 0 8px !important;
    padding: 0 !important;
    color: #435d6b !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.35 !important;
}

html body .ows_home_articles_reference .obj_article_summary .authors::before,
html body .page_index_journal .current_issue .obj_article_summary .authors::before {
    content: "" !important;
    display: inline-block !important;
    width: 17px !important;
    height: 17px !important;
    flex: 0 0 17px !important;
    background-color: #355f73 !important;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='8' r='4' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d='M4.5 20c.6-4.1 3.2-6.4 7.5-6.4s6.9 2.3 7.5 6.4' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat !important;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='8' r='4' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d='M4.5 20c.6-4.1 3.2-6.4 7.5-6.4s6.9 2.3 7.5 6.4' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat !important;
}

html body .ows_home_articles_reference .obj_article_summary .pages,
html body .ows_home_articles_reference .obj_article_summary .published,
html body .page_index_journal .current_issue .obj_article_summary .pages,
html body .page_index_journal .current_issue .obj_article_summary .published {
    display: none !important;
}

html body .ows_home_article_issue_meta {
    grid-column: 1 !important;
    grid-row: 4 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 0 8px !important;
    padding: 0 !important;
    color: #435d6b !important;
    font-size: 12px !important;
    line-height: 1.3 !important;
}

html body .ows_home_article_calendar {
    display: inline-flex !important;
    width: 17px !important;
    height: 17px !important;
    flex: 0 0 17px !important;
}

html body .ows_home_article_calendar svg {
    width: 17px !important;
    height: 17px !important;
    fill: none !important;
    stroke: #355f73 !important;
    stroke-width: 1.65 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}

html body .ows_home_article_dot {
    color: #607b88 !important;
}

html body .ows_home_articles_reference .obj_article_summary .doiInSummary,
html body .ows_home_articles_reference .ows_home_article_doi,
html body .page_index_journal .current_issue .obj_article_summary .doiInSummary {
    grid-column: 1 !important;
    grid-row: 5 !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 650px !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 8px 0 0 !important;
    border: 0 !important;
    border-top: 1px solid #e2e8ec !important;
    color: #087d7b !important;
    font-size: 12px !important;
    line-height: 1.3 !important;
    background: transparent !important;
}

html body .ows_home_articles_reference .obj_article_summary .doiInSummary img,
html body .page_index_journal .current_issue .obj_article_summary .doiInSummary img {
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    object-fit: contain !important;
    flex: 0 0 22px !important;
}

html body .ows_home_articles_reference .obj_article_summary .doiInSummary a,
html body .page_index_journal .current_issue .obj_article_summary .doiInSummary a {
    color: var(--ows-primary, #087d7b) !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    text-decoration: none !important;
    word-break: break-word !important;
}

/* ---------- PDF button, upper-right ---------- */
html body .ows_home_articles_reference .obj_article_summary .galleys_links,
html body .page_index_journal .current_issue .obj_article_summary .galleys_links {
    grid-column: 2 !important;
    grid-row: 1 / span 3 !important;
    align-self: start !important;
    justify-self: end !important;
    margin: 5px 0 0 !important;
    padding: 0 !important;
    border: 0 !important;
    list-style: none !important;
    background: transparent !important;
}

html body .ows_home_articles_reference .obj_article_summary .galleys_links li,
html body .page_index_journal .current_issue .obj_article_summary .galleys_links li {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

html body .ows_home_articles_reference .obj_article_summary .galleys_links a,
html body .page_index_journal .current_issue .obj_article_summary .galleys_links a,
html body .ows_home_article_pdf {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    min-width: 154px !important;
    min-height: 38px !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 7px 13px !important;
    border: 1px solid var(--ows-primary, #0d918f) !important;
    border-radius: 4px !important;
    background: rgba(255,255,255,.94) !important;
    color: var(--ows-primary, #087d7b) !important;
    box-shadow: none !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}

html body .ows_home_articles_reference .obj_article_summary .galleys_links a::before,
html body .page_index_journal .current_issue .obj_article_summary .galleys_links a::before,
html body .ows_home_article_pdf::before {
    content: "" !important;
    display: inline-block !important;
    width: 16px !important;
    height: 16px !important;
    flex: 0 0 16px !important;
    background-color: var(--ows-primary, #0d918f) !important;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linejoin='round'%3E%3Cpath d='M6 3h8l4 4v14H6z'/%3E%3Cpath d='M14 3v5h5M9 12h6M9 16h6'/%3E%3C/svg%3E") center / contain no-repeat !important;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linejoin='round'%3E%3Cpath d='M6 3h8l4 4v14H6z'/%3E%3Cpath d='M14 3v5h5M9 12h6M9 16h6'/%3E%3C/svg%3E") center / contain no-repeat !important;
}

html body .ows_home_articles_reference .obj_article_summary .galleys_links a:hover,
html body .page_index_journal .current_issue .obj_article_summary .galleys_links a:hover {
    background: color-mix(in srgb, var(--ows-primary, #0d918f) 5%, white 95%) !important;
    color: var(--ows-primary, #087d7b) !important;
    text-decoration: none !important;
}

/* ---------- Hide only OJS native read-more; custom link is rendered below cards ---------- */
html body .page_index_journal .current_issue.ows_home_articles_reference > .read_more,
html body .ows_home_articles_reference > .read_more {
    display: none !important;
}

/* ---------- Responsive behavior ---------- */
@media (max-width: 900px) {
    html body .ows_home_articles_footer {
        gap: 12px !important;
        padding-left: 6px !important;
        padding-right: 6px !important;
    }

    html body .ows_home_articles_reference .obj_article_summary,
    html body .page_index_journal .current_issue .obj_article_summary {
        grid-template-columns: minmax(0, 1fr) auto !important;
        column-gap: 18px !important;
        min-height: 170px !important;
        padding: 15px 18px !important;
    }

    html body .ows_home_articles_reference .obj_article_summary .galleys_links a,
    html body .page_index_journal .current_issue .obj_article_summary .galleys_links a {
        min-width: 145px !important;
        min-height: 36px !important;
        padding: 7px 11px !important;
        font-size: 12px !important;
    }
}

@media (max-width: 680px) {
    html body .ows_home_articles_header {
        grid-template-columns: auto 1fr !important;
        gap: 12px 18px !important;
    }

    html body .ows_home_articles_view_all_top {
        grid-column: 1 / -1 !important;
        justify-self: end !important;
        margin-top: -4px !important;
    }

    html body .ows_home_articles_reference .obj_article_summary,
    html body .page_index_journal .current_issue .obj_article_summary {
        display: flex !important;
        flex-direction: column !important;
        min-height: 0 !important;
        padding: 16px 16px !important;
    }

    html body .ows_home_article_type {
        order: 1 !important;
    }

    html body .ows_home_articles_reference .obj_article_summary > .title,
    html body .page_index_journal .current_issue .obj_article_summary > .title {
        order: 2 !important;
        font-size: 14px !important;
    }

    html body .ows_home_articles_reference .obj_article_summary .authors,
    html body .page_index_journal .current_issue .obj_article_summary .authors {
        order: 3 !important;
    }

    html body .ows_home_article_issue_meta {
        order: 4 !important;
    }

    html body .ows_home_articles_reference .obj_article_summary .doiInSummary,
    html body .page_index_journal .current_issue .obj_article_summary .doiInSummary {
        order: 5 !important;
        max-width: none !important;
        margin-bottom: 12px !important;
    }

    html body .ows_home_articles_reference .obj_article_summary .galleys_links,
    html body .page_index_journal .current_issue .obj_article_summary .galleys_links {
        order: 6 !important;
        align-self: stretch !important;
        width: 100% !important;
        margin: 0 !important;
    }

    html body .ows_home_articles_reference .obj_article_summary .galleys_links a,
    html body .page_index_journal .current_issue .obj_article_summary .galleys_links a {
        width: 100% !important;
    }

    html body .ows_home_articles_reference .cmp_article_list > li::after,
    html body .page_index_journal .current_issue .cmp_article_list > li::after {
        width: 300px !important;
        height: 180px !important;
        opacity: .34 !important;
    }

}

/* ==========================================================
 * 3.10.460.0 — Articles in Press cards
 * Match the approved Current Issue article-card treatment while keeping
 * the AIP-specific publication state explicit. This is intentionally
 * scoped to the homepage AIP tab and does not restyle Most Viewed.
 * ========================================================== */

/* The old tab panel was one large generic box. In AIP mode, let each
 * article be its own card so multiple in-press articles can stack with
 * the same compact spacing as Current Issue. */
html body #ows_articles_inpress:checked ~ .ows_articles_tabs__panels {
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
}

html body #ows_articles_inpress:checked ~ .ows_articles_tabs__panels .ows_articles_tabs__panel--inpress,
html body .ows_articles_tabs__panel--inpress.ows_home_aip_panel {
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

html body #ows_articles_inpress:checked ~ .ows_articles_tabs__panels .ows_articles_tabs__panel--inpress {
    display: grid !important;
    gap: 14px !important;
}

html body .ows_articles_tabs__panel--inpress .ows_articles_tabs__item.ows_home_aip_card {
    position: relative !important;
    isolation: isolate !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: auto auto auto auto !important;
    row-gap: 0 !important;
    box-sizing: border-box !important;
    width: 100% !important;
    min-height: 162px !important;
    margin: 0 !important;
    padding: 16px 20px 15px !important;
    border: 1px solid #dce7e9 !important;
    border-left: 5px solid #0d918f !important;
    border-radius: 4px !important;
    background: #fff !important;
    box-shadow: 0 5px 18px rgba(18,43,57,.09) !important;
    overflow: hidden !important;
}

html body .ows_articles_tabs__panel--inpress .ows_articles_tabs__item.ows_home_aip_card + .ows_articles_tabs__item.ows_home_aip_card {
    border-top: 1px solid #dce7e9 !important;
}

html body .ows_articles_tabs__panel--inpress .ows_articles_tabs__item.ows_home_aip_card::after {
    content: "" !important;
    position: absolute !important;
    z-index: 0 !important;
    right: -22px !important;
    bottom: -42px !important;
    width: 410px !important;
    height: 225px !important;
    pointer-events: none !important;
    opacity: .5 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='520' height='260' viewBox='0 0 520 260'%3E%3Cg fill='none' stroke='%230d918f' stroke-opacity='.17' stroke-width='1'%3E%3Cpath d='M0 145 C80 85 140 215 220 145 S365 75 520 145'/%3E%3Cpath d='M0 153 C80 93 140 223 220 153 S365 83 520 153'/%3E%3Cpath d='M0 161 C80 101 140 231 220 161 S365 91 520 161'/%3E%3Cpath d='M0 169 C80 109 140 239 220 169 S365 99 520 169'/%3E%3Cpath d='M0 177 C80 117 140 247 220 177 S365 107 520 177'/%3E%3Cpath d='M0 185 C80 125 140 255 220 185 S365 115 520 185'/%3E%3Cpath d='M0 193 C80 133 140 263 220 193 S365 123 520 193'/%3E%3Cpath d='M0 201 C80 141 140 271 220 201 S365 131 520 201'/%3E%3C/g%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right bottom !important;
    background-size: contain !important;
}

html body .ows_articles_tabs__panel--inpress .ows_home_aip_card .title {
    position: relative !important;
    z-index: 1 !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    max-width: 820px !important;
    margin: 0 0 8px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: #102a43 !important;
    font-size: clamp(13.5px, 1.15vw, 15px) !important;
    font-weight: 400 !important;
    line-height: 1.22 !important;
    letter-spacing: -.018em !important;
}

html body .ows_articles_tabs__panel--inpress .ows_home_aip_card .title a {
    color: #102a43 !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    text-decoration: none !important;
}

html body .ows_articles_tabs__panel--inpress .ows_home_aip_card .title a:hover {
    color: #087d7b !important;
    text-decoration: none !important;
}

html body .ows_articles_tabs__panel--inpress .ows_home_aip_card .authors {
    position: relative !important;
    z-index: 1 !important;
    grid-column: 1 !important;
    grid-row: 2 !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 0 8px !important;
    padding: 0 !important;
    color: #435d6b !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.35 !important;
}

html body .ows_articles_tabs__panel--inpress .ows_home_aip_card .authors::before {
    content: "" !important;
    display: inline-block !important;
    width: 17px !important;
    height: 17px !important;
    flex: 0 0 17px !important;
    background-color: #355f73 !important;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='8' r='4' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d='M4.5 20c.6-4.1 3.2-6.4 7.5-6.4s6.9 2.3 7.5 6.4' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat !important;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='8' r='4' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d='M4.5 20c.6-4.1 3.2-6.4 7.5-6.4s6.9 2.3 7.5 6.4' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat !important;
}

html body .ows_articles_tabs__panel--inpress .ows_home_aip_issue_meta {
    position: relative !important;
    z-index: 1 !important;
    grid-column: 1 !important;
    grid-row: 3 !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 0 8px !important;
    padding: 0 !important;
    color: #435d6b !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.3 !important;
}

html body .ows_articles_tabs__panel--inpress .ows_home_aip_card .doi {
    position: relative !important;
    z-index: 1 !important;
    grid-column: 1 !important;
    grid-row: 4 !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 650px !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 8px 0 0 !important;
    border: 0 !important;
    border-top: 1px solid #e2e8ec !important;
    background: transparent !important;
    color: #087d7b !important;
    font-size: 12px !important;
    line-height: 1.3 !important;
}

html body .ows_articles_tabs__panel--inpress .ows_home_aip_card .doi::before {
    content: "doi" !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 22px !important;
    height: 22px !important;
    flex: 0 0 22px !important;
    border-radius: 50% !important;
    background: #f5a900 !important;
    color: #ffffff !important;
    font-size: 8px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    text-transform: lowercase !important;
}

html body .ows_articles_tabs__panel--inpress .ows_home_aip_card .doi a {
    color: #087d7b !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    text-decoration: none !important;
    word-break: break-word !important;
}

/* If an AIP article does not yet have a DOI, the status line remains the
 * final row without an artificial empty divider. */
html body .ows_articles_tabs__panel--inpress .ows_home_aip_card--no-doi {
    min-height: 138px !important;
}

html body .ows_articles_tabs__panel--inpress .ows_home_aip_card--no-doi .ows_home_aip_issue_meta {
    margin-bottom: 0 !important;
}

@media (max-width: 680px) {
    html body .ows_articles_tabs__panel--inpress .ows_articles_tabs__item.ows_home_aip_card {
        min-height: 0 !important;
        padding: 16px !important;
    }

    html body .ows_articles_tabs__panel--inpress .ows_articles_tabs__item.ows_home_aip_card::after {
        width: 300px !important;
        height: 180px !important;
        opacity: .34 !important;
    }

    html body .ows_articles_tabs__panel--inpress .ows_home_aip_card .title {
        font-size: 14px !important;
    }
}


/* ==========================================================
 * 3.10.461.0 — Most Viewed cards
 * Give the homepage Most Viewed panel the same compact reference-card
 * treatment already used by Current Issue and Articles in Press. The
 * existing view counter remains the panel-specific metadata row.
 * ========================================================== */

html body #ows_articles_mostviewed:checked ~ .ows_articles_tabs__panels {
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
}

html body #ows_articles_mostviewed:checked ~ .ows_articles_tabs__panels .ows_articles_tabs__panel--mostviewed {
    display: grid !important;
    gap: 14px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

html body .ows_articles_tabs__panel--mostviewed .ows_articles_tabs__item {
    position: relative !important;
    isolation: isolate !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-rows: auto auto auto auto !important;
    row-gap: 0 !important;
    box-sizing: border-box !important;
    width: 100% !important;
    min-height: 162px !important;
    margin: 0 !important;
    padding: 16px 20px 15px !important;
    border: 1px solid #dce7e9 !important;
    border-left: 5px solid #0d918f !important;
    border-radius: 4px !important;
    background: #fff !important;
    box-shadow: 0 5px 18px rgba(18,43,57,.09) !important;
    overflow: hidden !important;
}

html body .ows_articles_tabs__panel--mostviewed .ows_articles_tabs__item + .ows_articles_tabs__item {
    border-top: 1px solid #dce7e9 !important;
}

html body .ows_articles_tabs__panel--mostviewed .ows_articles_tabs__item::after {
    content: "" !important;
    position: absolute !important;
    z-index: 0 !important;
    right: -22px !important;
    bottom: -42px !important;
    width: 410px !important;
    height: 225px !important;
    pointer-events: none !important;
    opacity: .5 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='520' height='260' viewBox='0 0 520 260'%3E%3Cg fill='none' stroke='%230d918f' stroke-opacity='.17' stroke-width='1'%3E%3Cpath d='M0 145 C80 85 140 215 220 145 S365 75 520 145'/%3E%3Cpath d='M0 153 C80 93 140 223 220 153 S365 83 520 153'/%3E%3Cpath d='M0 161 C80 101 140 231 220 161 S365 91 520 161'/%3E%3Cpath d='M0 169 C80 109 140 239 220 169 S365 99 520 169'/%3E%3Cpath d='M0 177 C80 117 140 247 220 177 S365 107 520 177'/%3E%3Cpath d='M0 185 C80 125 140 255 220 185 S365 115 520 185'/%3E%3Cpath d='M0 193 C80 133 140 263 220 193 S365 123 520 193'/%3E%3Cpath d='M0 201 C80 141 140 271 220 201 S365 131 520 201'/%3E%3C/g%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right bottom !important;
    background-size: contain !important;
}

html body .ows_articles_tabs__panel--mostviewed .ows_articles_tabs__item .title {
    position: relative !important;
    z-index: 1 !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    max-width: 820px !important;
    margin: 0 0 8px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: #102a43 !important;
    font-size: clamp(13.5px, 1.15vw, 15px) !important;
    font-weight: 400 !important;
    line-height: 1.22 !important;
    letter-spacing: -.018em !important;
}

html body .ows_articles_tabs__panel--mostviewed .ows_articles_tabs__item .title a {
    color: #102a43 !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    text-decoration: none !important;
}

html body .ows_articles_tabs__panel--mostviewed .ows_articles_tabs__item .title a:hover {
    color: #087d7b !important;
    text-decoration: none !important;
}

html body .ows_articles_tabs__panel--mostviewed .ows_articles_tabs__item .authors {
    position: relative !important;
    z-index: 1 !important;
    grid-column: 1 !important;
    grid-row: 2 !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 0 8px !important;
    padding: 0 !important;
    color: #435d6b !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.35 !important;
}

html body .ows_articles_tabs__panel--mostviewed .ows_articles_tabs__item .authors::before {
    content: "" !important;
    display: inline-block !important;
    width: 17px !important;
    height: 17px !important;
    flex: 0 0 17px !important;
    background-color: #355f73 !important;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='8' r='4' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d='M4.5 20c.6-4.1 3.2-6.4 7.5-6.4s6.9 2.3 7.5 6.4' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat !important;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='8' r='4' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d='M4.5 20c.6-4.1 3.2-6.4 7.5-6.4s6.9 2.3 7.5 6.4' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat !important;
}

/* Most Viewed keeps its real usage metric instead of Volume/Issue or
 * Article in Press. The existing server-rendered text is preserved. */
html body .ows_articles_tabs__panel--mostviewed .ows_articles_tabs__item .views {
    position: relative !important;
    z-index: 1 !important;
    grid-column: 1 !important;
    grid-row: 3 !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 0 8px !important;
    padding: 0 !important;
    color: #435d6b !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.3 !important;
}

html body .ows_articles_tabs__panel--mostviewed .ows_articles_tabs__item .views::before {
    content: "" !important;
    display: inline-block !important;
    width: 17px !important;
    height: 17px !important;
    flex: 0 0 17px !important;
    background-color: #355f73 !important;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2.5 12s3.4-5.5 9.5-5.5S21.5 12 21.5 12 18.1 17.5 12 17.5 2.5 12 2.5 12Z' fill='none' stroke='black' stroke-width='1.7'/%3E%3Ccircle cx='12' cy='12' r='2.6' fill='none' stroke='black' stroke-width='1.7'/%3E%3C/svg%3E") center / contain no-repeat !important;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2.5 12s3.4-5.5 9.5-5.5S21.5 12 21.5 12 18.1 17.5 12 17.5 2.5 12 2.5 12Z' fill='none' stroke='black' stroke-width='1.7'/%3E%3Ccircle cx='12' cy='12' r='2.6' fill='none' stroke='black' stroke-width='1.7'/%3E%3C/svg%3E") center / contain no-repeat !important;
}

html body .ows_articles_tabs__panel--mostviewed .ows_articles_tabs__item .doi {
    position: relative !important;
    z-index: 1 !important;
    grid-column: 1 !important;
    grid-row: 4 !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 650px !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 8px 0 0 !important;
    border: 0 !important;
    border-top: 1px solid #e2e8ec !important;
    background: transparent !important;
    color: #087d7b !important;
    font-size: 12px !important;
    line-height: 1.3 !important;
}

html body .ows_articles_tabs__panel--mostviewed .ows_articles_tabs__item .doi::before {
    content: "doi" !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 22px !important;
    height: 22px !important;
    flex: 0 0 22px !important;
    border-radius: 50% !important;
    background: #f5a900 !important;
    color: #ffffff !important;
    font-size: 8px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    text-transform: lowercase !important;
}

html body .ows_articles_tabs__panel--mostviewed .ows_articles_tabs__item .doi a {
    color: #087d7b !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    text-decoration: none !important;
    word-break: break-word !important;
}

html body .ows_articles_tabs__panel--mostviewed .ows_home_mostviewed_pdf {
    position: relative !important;
    z-index: 2 !important;
    grid-column: 2 !important;
    grid-row: 1 / span 3 !important;
    align-self: start !important;
    justify-self: end !important;
    margin: 5px 0 0 28px !important;
}

html body .ows_articles_tabs__panel--mostviewed .ows_home_mostviewed_pdf:hover {
    background: #f4fbfb !important;
    color: #087d7b !important;
    text-decoration: none !important;
}

@media (max-width: 680px) {
    html body .ows_articles_tabs__panel--mostviewed .ows_articles_tabs__item {
        grid-template-columns: minmax(0, 1fr) !important;
        min-height: 0 !important;
        padding: 16px !important;
    }

    html body .ows_articles_tabs__panel--mostviewed .ows_home_mostviewed_pdf {
        grid-column: 1 !important;
        grid-row: auto !important;
        justify-self: start !important;
        margin: 10px 0 0 !important;
    }

    html body .ows_articles_tabs__panel--mostviewed .ows_articles_tabs__item::after {
        width: 300px !important;
        height: 180px !important;
        opacity: .34 !important;
    }

    html body .ows_articles_tabs__panel--mostviewed .ows_articles_tabs__item .title {
        font-size: 14px !important;
    }
}

/* 3.10.462.0 — Most Viewed locale/PDF refinement. */

/* 3.10.463.0 — Removed the Current Issue Articles heading and moved View All Issues below the article cards. */

/* ==========================================================
 * 3.10.464.0 — Current Issue outer wrapper cleanup
 * Remove the legacy tab-panel card boundary around the published/current
 * issue content. Individual article cards and the bottom View All Issues
 * navigation keep their own approved styling.
 * ========================================================== */
html body #ows_articles_published:checked ~ .ows_articles_tabs__panels {
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
}

/* ==========================================================
 * 3.10.472.0 — Author details popup on homepage article cards.
 * A small trigger next to the author list opens a modal with each
 * published author's email, affiliation, and Scholar/ORCID links, as
 * recorded on that article's own publication.
 * ========================================================== */
.ows_home_author_info_trigger {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 18px !important;
    height: 18px !important;
    margin-inline-start: 6px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: transparent !important;
    color: #718096 !important;
    cursor: pointer !important;
    vertical-align: middle !important;
}
.ows_home_author_info_trigger:hover,
.ows_home_author_info_trigger:focus {
    color: #102a4c !important;
    background: rgba(16, 42, 76, 0.08) !important;
}
.ows_home_author_info_trigger svg {
    width: 13px !important;
    height: 13px !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 2 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}

.ows_author_info_overlay {
    position: fixed !important;
    inset: 0 !important;
    z-index: 10000 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 20px !important;
    background: rgba(16, 24, 40, 0.55) !important;
}
.ows_author_info_overlay[hidden] {
    display: none !important;
}
.ows_author_info_dialog {
    position: relative !important;
    width: 100% !important;
    max-width: 420px !important;
    max-height: 80vh !important;
    overflow-y: auto !important;
    background: #fff !important;
    border-radius: 10px !important;
    box-shadow: 0 20px 50px rgba(16, 24, 40, 0.25) !important;
    padding: 24px !important;
}
.ows_author_info_close {
    position: absolute !important;
    top: 10px !important;
    inset-inline-end: 12px !important;
    width: 28px !important;
    height: 28px !important;
    border: 0 !important;
    background: transparent !important;
    font-size: 20px !important;
    line-height: 1 !important;
    color: #718096 !important;
    cursor: pointer !important;
}
.ows_author_info_close:hover {
    color: #102a4c !important;
}
.ows_author_info_title {
    margin: 0 0 16px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #102a4c !important;
}
.ows_author_info_card {
    padding: 12px 0 !important;
    border-top: 1px solid #edf2f7 !important;
}
.ows_author_info_card:first-child {
    border-top: 0 !important;
    padding-top: 0 !important;
}
.ows_author_info_name {
    font-weight: 700 !important;
    color: #102a4c !important;
    margin-bottom: 3px !important;
}
.ows_author_info_affiliation {
    color: #4a5568 !important;
    font-size: 13px !important;
    margin-bottom: 6px !important;
}
.ows_author_info_row {
    font-size: 13px !important;
    margin-bottom: 3px !important;
}
.ows_author_info_row a {
    color: #2b6cb0 !important;
    text-decoration: none !important;
    word-break: break-word !important;
}
.ows_author_info_row a:hover {
    text-decoration: underline !important;
}
.ows_author_info_empty,
.ows_author_info_loading {
    color: #718096 !important;
    font-size: 13px !important;
}


/* ==========================================================
 * 3.10.526.0 — Use the left author icon as the info trigger
 * The author-details trigger should occupy the same visual slot as the
 * inline author icon next to the author name. Remove the extra trigger on
 * the right by placing the real button first inside the authors row and
 * suppressing the decorative ::before icon when that button exists.
 * ========================================================== */
html body .ows_home_articles_reference .obj_article_summary .authors.ows_home_article_authors--inlineTrigger::before,
html body .page_index_journal .current_issue .obj_article_summary .authors.ows_home_article_authors--inlineTrigger::before,
html body .ows_articles_tabs__panel--inpress .ows_home_aip_card .authors.ows_home_article_authors--inlineTrigger::before,
html body .ows_articles_tabs__panel--mostviewed .ows_articles_tabs__item .authors.ows_home_article_authors--inlineTrigger::before {
    display: none !important;
    content: none !important;
}

html body .ows_home_articles_reference .obj_article_summary .authors.ows_home_article_authors--inlineTrigger,
html body .page_index_journal .current_issue .obj_article_summary .authors.ows_home_article_authors--inlineTrigger,
html body .ows_articles_tabs__panel--inpress .ows_home_aip_card .authors.ows_home_article_authors--inlineTrigger,
html body .ows_articles_tabs__panel--mostviewed .ows_articles_tabs__item .authors.ows_home_article_authors--inlineTrigger {
    gap: 6px !important;
}

html body .ows_home_author_info_trigger {
    order: -1 !important;
    flex: 0 0 17px !important;
    width: 17px !important;
    height: 17px !important;
    margin: 0 4px 0 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #355f73 !important;
}

html body .ows_home_author_info_trigger:hover,
html body .ows_home_author_info_trigger:focus {
    color: #087d7b !important;
    background: transparent !important;
}

html body .ows_home_author_info_trigger svg {
    width: 17px !important;
    height: 17px !important;
}


/* ==========================================================
 * 3.10.534.0 — PDF button icon color refinement
 * Change only the circled PDF/file icon on homepage article cards to #7a7a7a.
 * ========================================================== */
html body .ows_home_articles_reference .obj_article_summary .galleys_links a::before,
html body .page_index_journal .current_issue .obj_article_summary .galleys_links a::before,
html body .ows_home_article_pdf::before,
html body .ows_articles_tabs__panel--mostviewed .ows_home_mostviewed_pdf::before {
    background-color: #7a7a7a !important;
}

/* ==========================================================
 * 3.10.542.0 — Equal homepage article-card height across tabs
 * Keep Current Issue, Articles in Press, and Most Viewed on the
 * same desktop minimum card height while allowing longer content
 * to expand naturally instead of clipping.
 * ========================================================== */
html body .ows_home_articles_reference .obj_article_summary,
html body .page_index_journal .current_issue .obj_article_summary,
html body .ows_articles_tabs__panel--inpress .ows_articles_tabs__item.ows_home_aip_card,
html body .ows_articles_tabs__panel--mostviewed .ows_articles_tabs__item {
    min-height: 178px !important;
}


/* ==========================================================
 * 3.10.543.0 — Most Viewed exact Current Issue card match
 * Most Viewed keeps its own ranking/data, but its visible card geometry,
 * spacing and metadata composition now mirror Current Issue.
 * ========================================================== */
html body .ows_articles_tabs__panel--mostviewed .ows_articles_tabs__item {
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-rows: auto auto auto auto !important;
    column-gap: 28px !important;
    row-gap: 0 !important;
    align-items: start !important;
    min-height: 178px !important;
    padding: 16px 20px 15px !important;
    border: 1px solid #dce7e9 !important;
    border-left: 5px solid #0d918f !important;
    border-bottom-color: #dce7e9 !important;
    border-radius: 4px !important;
    background: #fff !important;
    box-shadow: 0 5px 18px rgba(18,43,57,.09) !important;
}

html body .ows_articles_tabs__panel--mostviewed .ows_articles_tabs__item .title {
    grid-column: 1 !important;
    grid-row: 1 !important;
    max-width: 820px !important;
    margin: 0 0 8px !important;
    font-size: clamp(13.5px, 1.15vw, 15px) !important;
    font-weight: 400 !important;
    line-height: 1.22 !important;
    letter-spacing: -.018em !important;
}

html body .ows_articles_tabs__panel--mostviewed .ows_articles_tabs__item .authors {
    grid-column: 1 !important;
    grid-row: 2 !important;
    margin: 0 0 8px !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.35 !important;
}

html body .ows_articles_tabs__panel--mostviewed .ows_home_mostviewed_issue_meta {
    position: relative !important;
    z-index: 1 !important;
    grid-column: 1 !important;
    grid-row: 3 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 0 8px !important;
    padding: 0 !important;
    color: #435d6b !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.3 !important;
}

html body .ows_articles_tabs__panel--mostviewed .ows_articles_tabs__item .doi {
    grid-column: 1 !important;
    grid-row: 4 !important;
    max-width: 650px !important;
    margin: 0 !important;
    padding: 8px 0 0 !important;
    border-top: 1px solid #e2e8ec !important;
    font-size: 12px !important;
    line-height: 1.3 !important;
}

html body .ows_articles_tabs__panel--mostviewed .ows_home_mostviewed_pdf {
    grid-column: 2 !important;
    grid-row: 1 / span 3 !important;
    align-self: start !important;
    justify-self: end !important;
    margin: 5px 0 0 !important;
}

@media (max-width: 900px) {
    html body .ows_articles_tabs__panel--mostviewed .ows_articles_tabs__item {
        column-gap: 18px !important;
        min-height: 170px !important;
        padding: 15px 18px !important;
    }
}

@media (max-width: 680px) {
    html body .ows_articles_tabs__panel--mostviewed .ows_articles_tabs__item {
        display: flex !important;
        flex-direction: column !important;
        min-height: 0 !important;
        padding: 16px !important;
    }

    html body .ows_articles_tabs__panel--mostviewed .ows_articles_tabs__item .title {
        order: 1 !important;
        font-size: 14px !important;
    }

    html body .ows_articles_tabs__panel--mostviewed .ows_articles_tabs__item .authors {
        order: 2 !important;
    }

    html body .ows_articles_tabs__panel--mostviewed .ows_home_mostviewed_issue_meta {
        order: 3 !important;
    }

    html body .ows_articles_tabs__panel--mostviewed .ows_articles_tabs__item .doi {
        order: 4 !important;
        max-width: none !important;
        margin-bottom: 12px !important;
    }

    html body .ows_articles_tabs__panel--mostviewed .ows_home_mostviewed_pdf {
        order: 5 !important;
        align-self: stretch !important;
        width: 100% !important;
        margin: 0 !important;
    }
}


/* ==========================================================
 * 3.10.545.0 — Most Viewed uses the Current Issue card DOM itself
 * The JS now clones the fully enhanced Current Issue card structure and
 * replaces only article-specific data. This final block only removes the old
 * panel wrapper behavior and provides a DOI-icon fallback for the rare case
 * where the reference Current Issue article itself has no DOI image.
 * ========================================================== */
html body .ows_articles_tabs__panel--mostviewed.ows_home_mostviewed_exact_reference {
    display: none !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* 3.10.546.0 — keep the cloned Most Viewed card inside its own tab only. */
html body #ows_articles_mostviewed:checked ~ .ows_articles_tabs__panels .ows_articles_tabs__panel--mostviewed.ows_home_mostviewed_exact_reference {
    display: block !important;
}

html body .ows_articles_tabs__panel--mostviewed.ows_home_mostviewed_exact_reference > .cmp_article_list {
    width: 100% !important;
    margin: 0 !important;
}

html body .ows_home_doi_fallback_icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    flex: 0 0 22px !important;
    border-radius: 50% !important;
    background: #f5a900 !important;
    color: #fff !important;
    font-size: 8px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    text-transform: lowercase !important;
}


/* ==========================================================
 * 3.10.545.0 — Most Viewed metadata row correction
 * The exact Current Issue clone now uses the native metadata grid row,
 * and the real localized view count is appended to that same row.
 * No visual rule is required here; the JS deliberately avoids the legacy
 * .ows_home_mostviewed_issue_meta selector from the pre-clone layout.
 * ========================================================== */


/* ==========================================================
 * 3.10.547.0 — Articles in Press compact card/content height
 * The earlier equal-height pass forced AIP cards to keep the same 178px
 * minimum as Current Issue and Most Viewed, which leaves excessive empty
 * space when an in-press item has only title/author/status metadata.
 * Restore the compact AIP geometry so its content height matches the
 * approved visual rhythm instead of showing a tall empty block.
 * ========================================================== */
html body .ows_articles_tabs__panel--inpress .ows_articles_tabs__item.ows_home_aip_card {
    min-height: 162px !important;
}

html body .ows_articles_tabs__panel--inpress .ows_articles_tabs__item.ows_home_aip_card.ows_home_aip_card--no-doi {
    min-height: 138px !important;
}

html body .ows_articles_tabs__panel--inpress .ows_home_aip_issue_meta {
    margin-bottom: 0 !important;
}

@media (max-width: 680px) {
    html body .ows_articles_tabs__panel--inpress .ows_articles_tabs__item.ows_home_aip_card,
    html body .ows_articles_tabs__panel--inpress .ows_articles_tabs__item.ows_home_aip_card.ows_home_aip_card--no-doi {
        min-height: 0 !important;
    }
}

/* ==========================================================
 * OWS Dashboard 3.10.779.0
 * Homepage article-card left rail follows Site Color.
 * ========================================================== */
html body .ows_home_articles_reference .obj_article_summary,
html body .page_index_journal .current_issue .obj_article_summary,
html body .ows_articles_tabs__panel--inpress .ows_articles_tabs__item.ows_home_aip_card,
html body .ows_articles_tabs__panel--mostviewed .ows_articles_tabs__item {
    border-left-color: var(--ows-primary, #0d918f) !important;
}

/* ==========================================================
 * OWS Dashboard 3.10.780.0
 * Fix live article-card left rail to the selected Site Color.
 *
 * The previous override was applied too low in the DOM for Current Issue.
 * Force the real outer card elements in all three tabs to use the live
 * Site Color on their left accent border.
 * ========================================================== */
html body .ows_home_articles_reference .cmp_article_list > li,
html body .page_index_journal .current_issue .cmp_article_list > li,
html body .ows_articles_tabs__panel--published .ows_home_articles_reference .cmp_article_list > li,
html body .ows_articles_tabs__panel--inpress .ows_articles_tabs__item.ows_home_aip_card,
html body .ows_articles_tabs__panel--inpress .ows_articles_tabs__item.ows_home_aip_card.ows_home_aip_card--no-doi,
html body .ows_articles_tabs__panel--mostviewed .ows_articles_tabs__item {
    border-left: 5px solid var(--ows-primary, #0d918f) !important;
    border-left-color: var(--ows-primary, #0d918f) !important;
}