/*
 * OWS Dashboard 3.10.446.0 — REA reference left homepage sidebar, palette-aligned.
 *
 * Final, deliberately narrow override for the homepage's left column only.
 * It reproduces the supplied REA reference: compact flat navigation, a
 * solid active Home state, quiet BROWSE rows, a bottom-separated
 * volume list, and small pale keyword chips. The geometry stays faithful to
 * the supplied screenshot, while all color roles now reuse the already
 * approved homepage palette. In particular, --ows-primary can still be
 * updated from the journal cover by frontendHomepageCover.js, so this sidebar
 * remains visually integrated with the hero, tabs, cards and archive areas.
 */

:root {
    --ows-sidebar-reference-blue: var(--ows-primary, #1a1a1a);
    --ows-sidebar-reference-blue-hover: color-mix(in srgb, var(--ows-primary, #1a1a1a) 90%, black 10%);
    /*
     * Brighter accent for heading bars/keyword pills/icon circles - kept
     * self-contained here (rather than reusing frontendArticlesTabs.css's
     * --ows-primary-light) because that file only loads on the homepage,
     * while this sidebar renders on every frontend page.
     */
    --ows-sidebar-reference-accent: color-mix(in srgb, var(--ows-primary, #1a1a1a) 75%, #2f8f7f 25%);
    --ows-sidebar-reference-text: #3d504b;
    --ows-sidebar-reference-icon: #607570;
    --ows-sidebar-reference-muted: #687a75;
    --ows-sidebar-reference-line: var(--ows-mint-border, #dfeae5);
    --ows-sidebar-reference-hover: var(--ows-mint-soft, #f6faf8);
    --ows-sidebar-reference-chip: var(--ows-mint, #edf6f3);
    --ows-sidebar-reference-surface: #ffffff;
}

/* Keep this entire pass scoped to the decorated journal homepage left sidebar. */
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left {
    box-sizing: border-box !important;
    color: var(--ows-sidebar-reference-text) !important;
}

/* -------------------------------------------------------------------------
 * Shared frontend navigation foundation — 3.10.580.0
 *
 * The homepage also loads frontendArticlesTabs.css, which historically
 * supplied a few low-level reset/layout properties for these navigation
 * rows. Inner frontend pages do not load that homepage-only stylesheet.
 * Keep those navigation-only foundation rules here as well so the same
 * PrimaryNavSidebarBlockPlugin markup resolves identically on the homepage
 * and on every inner public page, without loading any homepage/article
 * styles outside the homepage.
 * ---------------------------------------------------------------------- */
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block .house_left {
    display: none !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_row > img,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_row > i,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_row > .fa,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_row > .fas,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_row > .far,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_row > svg {
    display: none !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_row::after {
    content: none !important;
    display: none !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_icon,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_chevron {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_icon svg,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_chevron svg {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_row p,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_row a,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_row span:not(.ows_sidebar_nav_icon):not(.ows_sidebar_nav_chevron) {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    background: transparent !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_row p,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_row > a {
    min-width: 0 !important;
    flex: 1 1 auto !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block .content_accordion {
    border-radius: 0 !important;
    box-shadow: none !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block .content_accordion a {
    display: block !important;
}

/* -------------------------------------------------------------------------
 * Primary journal navigation
 * ---------------------------------------------------------------------- */
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.pkp_block.block_custom.ows_sidebar_nav_block {
    margin: 0 0 7px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_row,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block .house_right,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block .heaedr_accordion {
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    gap: 11px !important;
    width: 100% !important;
    min-height: 38px !important;
    margin: 0 !important;
    padding: 8px 14px !important;
    border: 1px solid color-mix(in srgb, var(--ows-sidebar-reference-line) 90%, white 10%) !important;
    border-radius: 4px !important;
    background: transparent !important;
    box-shadow: none !important;
    color: var(--ows-sidebar-reference-text) !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.25 !important;
    text-align: left !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_row:hover,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_row:focus-within {
    background: var(--ows-sidebar-reference-hover) !important;
    color: var(--ows-sidebar-reference-blue) !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_row:hover,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_row:focus-within,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block .house_right:hover,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block .house_right:focus-within,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block .heaedr_accordion:hover,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block .heaedr_accordion:focus-within {
    border-color: color-mix(in srgb, var(--ows-sidebar-reference-blue) 14%, white 86%) !important;
}

/* Keep the reference's solid active row, but use the homepage primary color. */
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block.ows_nav_active .ows_sidebar_nav_row,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block.ows_nav_active .house_right {
    background: var(--ows-sidebar-reference-blue) !important;
    border-color: var(--ows-sidebar-reference-blue) !important;
    color: #ffffff !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_icon {
    width: 18px !important;
    height: 18px !important;
    flex: 0 0 18px !important;
    color: var(--ows-sidebar-reference-icon) !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block.ows_nav_active .ows_sidebar_nav_icon {
    color: #ffffff !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_chevron {
    width: 13px !important;
    height: 13px !important;
    flex: 0 0 13px !important;
    margin-left: auto !important;
    color: var(--ows-sidebar-reference-icon) !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_icon svg,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_chevron svg {
    stroke-width: 1.65 !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_row p,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_row a,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_row span:not(.ows_sidebar_nav_icon):not(.ows_sidebar_nav_chevron) {
    color: inherit !important;
    font: inherit !important;
    line-height: inherit !important;
    text-decoration: none !important;
}

/* The reference has a single quiet divider directly below Contact Us. */
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.pkp_block.block_custom.ows_sidebar_nav_block--contact {
    margin-bottom: 0 !important;
    padding-bottom: 14px !important;
    border-bottom: 1px solid var(--ows-sidebar-reference-line) !important;
}

/* Keep native accordion children compact if one of the three expandable
 * journal menu rows is opened. */
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block .content_accordion {
    margin: 0 !important;
    padding: 1px 0 4px 43px !important;
    border: 0 !important;
    background: transparent !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block .content_accordion a {
    margin: 0 !important;
    padding: 5px 7px !important;
    border-radius: 4px !important;
    color: var(--ows-sidebar-reference-icon) !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.3 !important;
}

/* -------------------------------------------------------------------------
 * BROWSE / Articles in Press / Archive
 * ---------------------------------------------------------------------- */
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_browse {
    width: 100% !important;
    margin: 0 !important;
    padding: 17px 0 0 !important;
    border-top: 0 !important;
    background: transparent !important;
    color: var(--ows-sidebar-reference-text) !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_browse__label {
    margin: 0 0 5px !important;
    padding: 0 14px !important;
    color: var(--ows-sidebar-reference-muted) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    letter-spacing: .06em !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_browse__row {
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
    min-height: 30px !important;
    margin: 0 !important;
    padding: 6px 14px !important;
    border: 0 !important;
    border-radius: 4px !important;
    background: transparent !important;
    color: var(--ows-sidebar-reference-text) !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1.25 !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_browse__row:hover,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_browse__row:focus-visible {
    background: var(--ows-sidebar-reference-hover) !important;
    color: var(--ows-sidebar-reference-text) !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_browse__icon {
    width: 17px !important;
    height: 17px !important;
    flex: 0 0 17px !important;
    color: var(--ows-sidebar-reference-icon) !important;
    stroke-width: 1.65 !important;
}

/* Archive is a static heading in the reference; the volume rows are always
 * visible. Individual volumes remain independently expandable. */
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_browse__row--archive {
    cursor: default !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_browse__archiveChevron {
    display: none !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_browse__archiveContent {
    display: block !important;
    overflow: hidden !important;
    margin: 2px 14px 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_browse__volume {
    margin: 0 !important;
    padding: 0 !important;
    border-bottom: 0 !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_browse__volume:last-child {
    border-bottom: 0 !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_browse__volumeRow {
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 31px !important;
    margin: 0 !important;
    padding: 7px 17px !important;
    border: 0 !important;
    border-bottom: 1px solid var(--ows-sidebar-reference-line) !important;
    border-radius: 0 !important;
    background: var(--ows-sidebar-reference-surface) !important;
    color: var(--ows-sidebar-reference-text) !important;
    font-size: 14.5px !important;
    font-weight: 500 !important;
    line-height: 1.25 !important;
    transition: border-color .15s ease !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_browse__volumeRow:hover,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_browse__volumeRow:focus-visible {
    background: var(--ows-sidebar-reference-hover) !important;
    border-color: var(--ows-primary, #1a1a1a) !important;
    color: var(--ows-sidebar-reference-text) !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_browse__volumeChevron {
    width: 12px !important;
    height: 12px !important;
    flex: 0 0 12px !important;
    color: var(--ows-sidebar-reference-icon) !important;
    transform: none !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_browse__volumeToggle:checked + .ows_sidebar_browse__volumeRow
.ows_sidebar_browse__volumeChevron {
    transform: rotate(180deg) !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_browse__chevronSvg {
    width: 12px !important;
    height: 12px !important;
    stroke-width: 1.65 !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_browse__issues {
    padding: 2px 0 5px !important;
    border-top: 0 !important;
    background: var(--ows-sidebar-reference-hover) !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_browse__issue {
    padding: 6px 14px 6px 18px !important;
    color: var(--ows-sidebar-reference-icon) !important;
    font-size: 11.5px !important;
    line-height: 1.35 !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_browse__aipContent {
    margin: 2px 14px 3px !important;
    border-color: var(--ows-sidebar-reference-line) !important;
    border-radius: 4px !important;
}

/* -------------------------------------------------------------------------
 * Native Keywords block
 * ---------------------------------------------------------------------- */
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.pkp_block.block_keyword_cloud {
    box-sizing: border-box !important;
    width: 100% !important;
    margin: 25px 0 0 !important;
    padding: 15px 13px 14px !important;
    border: 1px solid var(--ows-sidebar-reference-line) !important;
    border-radius: 4px !important;
    background: var(--ows-sidebar-reference-surface) !important;
    box-shadow: none !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.pkp_block.block_keyword_cloud > .title,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.pkp_block.block_keyword_cloud h2.title {
    position: relative !important;
    display: block !important;
    box-sizing: border-box !important;
    width: 100% !important;
    margin: 0 0 9px !important;
    padding: 0 0 0 10px !important;
    border: 0 !important;
    background: transparent !important;
    color: var(--ows-sidebar-reference-text) !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-align: left !important;
    direction: ltr !important;
    float: none !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.pkp_block.block_keyword_cloud > .title::after,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.pkp_block.block_keyword_cloud h2.title::after {
    content: '' !important;
    position: absolute !important;
    display: block !important;
    left: 0 !important;
    right: auto !important;
    top: 50% !important;
    bottom: auto !important;
    width: 3px !important;
    height: 18px !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 1px !important;
    background: var(--ows-sidebar-reference-accent, #0d918f) !important;
    transform: translateY(-50%) !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.pkp_block.block_keyword_cloud .content {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: flex-start !important;
    gap: 6px !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.35 !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.pkp_block.block_keyword_cloud a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 4px 8px !important;
    border: 1px solid color-mix(in srgb, var(--ows-sidebar-reference-line) 88%, white 12%) !important;
    border-radius: 4px !important;
    background: var(--ows-sidebar-reference-chip) !important;
    color: var(--ows-sidebar-reference-icon) !important;
    box-shadow: none !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.25 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.pkp_block.block_keyword_cloud a:hover,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.pkp_block.block_keyword_cloud a:focus-visible {
    background: color-mix(in srgb, var(--ows-primary, #1a1a1a) 6%, white 94%) !important;
    border-color: var(--ows-primary, #1a1a1a) !important;
    color: var(--ows-sidebar-reference-icon) !important;
}

/* Responsive layouts keep the same visual hierarchy without forcing desktop
 * widths. The normal OJS/OWS column breakpoints continue to control placement. */
@media (max-width: 1179px) {
    html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
    .ows_sidebar_browse__archiveContent {
        margin-right: 14px !important;
        margin-left: 14px !important;
    }
}

/* 3.10.445.0: keep the English Keywords heading anchored to the physical
 * left edge even when OJS or the active locale puts the sidebar in RTL. */
html[dir="rtl"] body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.pkp_block.block_keyword_cloud > .title,
body[dir="rtl"].ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.pkp_block.block_keyword_cloud > .title {
    text-align: left !important;
    direction: ltr !important;
}

html[dir="rtl"] body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.pkp_block.block_keyword_cloud > .title::after,
body[dir="rtl"].ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.pkp_block.block_keyword_cloud > .title::after {
    left: 0 !important;
    right: auto !important;
}

/* -------------------------------------------------------------------------
 * 3.10.478.0 — Main left navigation typography
 * Keep all seven primary homepage sidebar menu labels at exactly 13px.
 * This final scoped override prevents theme/global anchor typography from
 * reducing individual labels while leaving Browse/Archive content unchanged.
 * ---------------------------------------------------------------------- */
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_row,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block .house_right,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block .heaedr_accordion,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_row a,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_row p,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_row span:not(.ows_sidebar_nav_icon):not(.ows_sidebar_nav_chevron),
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block .house_right a,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block .house_right p,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block .heaedr_accordion a,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block .heaedr_accordion p {
    font-size: 15px !important;
}

/* -------------------------------------------------------------------------
 * 3.10.491.0 — FINAL Keywords heading accent
 * Remove the old bottom underline and place a teal vertical accent directly
 * to the physical left of the word "Keywords".
 * ---------------------------------------------------------------------- */
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.pkp_block.block_keyword_cloud > .title,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.pkp_block.block_keyword_cloud h2.title {
    position: relative !important;
    display: block !important;
    margin: 0 0 9px !important;
    padding: 0 0 0 9px !important;
    border: 0 !important;
    text-align: left !important;
    direction: ltr !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.pkp_block.block_keyword_cloud > .title::before,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.pkp_block.block_keyword_cloud h2.title::before {
    content: "" !important;
    position: absolute !important;
    display: block !important;
    left: 0 !important;
    right: auto !important;
    top: 50% !important;
    bottom: auto !important;
    width: 3px !important;
    height: 18px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 1px !important;
    background: var(--ows-sidebar-reference-accent, #0d918f) !important;
    transform: translateY(-50%) !important;
}

/* Explicitly kill the old horizontal underline pseudo-element. */
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.pkp_block.block_keyword_cloud > .title::after,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.pkp_block.block_keyword_cloud h2.title::after {
    content: none !important;
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    background: none !important;
    border: 0 !important;
}



/* -------------------------------------------------------------------------
 * 3.10.492.0 — FINAL Keywords inline accent/text alignment
 * Force the accent line and the word "Keywords" into the same flex row.
 * ---------------------------------------------------------------------- */
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.pkp_block.block_keyword_cloud > .title,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.pkp_block.block_keyword_cloud h2.title {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 7px !important;
    width: 100% !important;
    margin: 0 0 9px !important;
    padding: 0 !important;
    border: 0 !important;
    text-align: left !important;
    direction: ltr !important;
    line-height: 1.2 !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.pkp_block.block_keyword_cloud > .title::before,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.pkp_block.block_keyword_cloud h2.title::before {
    content: "" !important;
    position: static !important;
    display: block !important;
    flex: 0 0 3px !important;
    width: 3px !important;
    min-width: 3px !important;
    height: 46px !important;
    min-height: 46px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 1px !important;
    background: var(--ows-sidebar-reference-accent, #0d918f) !important;
    transform: none !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.pkp_block.block_keyword_cloud > .title::after,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.pkp_block.block_keyword_cloud h2.title::after {
    content: none !important;
    display: none !important;
}

/* -------------------------------------------------------------------------
 * 3.10.495.0 — Align the right edge of every left-sidebar section
 * with the sidebar column boundary.
 *
 * The active theme leaves a small right-side inset on the sidebar itself
 * and on some native/custom blocks. Remove that inset and normalize the
 * main navigation, Browse/Archive area and Keywords card to the same
 * physical right edge, without changing their internal text/icon spacing.
 * ---------------------------------------------------------------------- */
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left {
    box-sizing: border-box !important;
    padding-right: 0 !important;
}

/* Primary menu wrappers */
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.pkp_block.block_custom.ows_sidebar_nav_block {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    margin-right: 0 !important;
}

/* Primary menu rows */
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_row,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block .house_right,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block .heaedr_accordion {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    margin-right: 0 !important;
}

/* Browse / Archive section */
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_browse,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_browse__row,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_browse__archiveContent,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_browse__volume,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_browse__volumeRow {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    margin-right: 0 !important;
}

/* Keywords outer card */
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.pkp_block.block_keyword_cloud {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    margin-right: 0 !important;
}

/* -------------------------------------------------------------------------
 * 3.10.496.0 — left sidebar width alignment repair
 *
 * 3.10.495.0 over-stretched the whole left column and pushed the BROWSE
 * section beyond the intended card grid. The correct target is not the
 * raw outer sidebar width; it is the same inner content width already used
 * by the primary menu cards. This repair restores that geometry and applies
 * it consistently to BROWSE and Keywords.
 * ---------------------------------------------------------------------- */

/* Restore the sidebar's native inner right spacing so sections do not spill. */
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left {
    box-sizing: border-box !important;
    padding-right: 14px !important;
}

/* Use one shared effective content width for the three left-sidebar groups:
   1) primary menu cards, 2) browse/archive, 3) keywords box. */
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.pkp_block.block_custom.ows_sidebar_nav_block,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_browse,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.pkp_block.block_keyword_cloud {
    box-sizing: border-box !important;
    width: calc(100% - 14px) !important;
    max-width: calc(100% - 14px) !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
}

/* Keep the navigation rows filling their own card width only. */
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_row,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block .house_right,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block .heaedr_accordion {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-right: 0 !important;
}

/* BROWSE internals: remove extra horizontal margins that caused the visual
   overflow, and let all rows align to the same right edge as the menu cards. */
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_browse__label,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_browse__row,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_browse__volume,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_browse__volumeRow,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_browse__archiveContent,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_browse__aipContent {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_browse__archiveContent {
    margin-top: 2px !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_browse__aipContent {
    margin-top: 2px !important;
    margin-bottom: 3px !important;
}

/* Keywords box: keep the outer card aligned to the menu width. */
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.pkp_block.block_keyword_cloud {
    margin-top: 25px !important;
}

/* -------------------------------------------------------------------------
 * 3.10.497.0 — Keywords reference redesign
 * Scoped only to the native keyword cloud block in the left homepage sidebar.
 * It replaces the previous minimal treatment with the supplied soft-card /
 * lavender-chip reference style while keeping keywords fully dynamic.
 * ---------------------------------------------------------------------- */
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.pkp_block.block_keyword_cloud {
    position: relative !important;
    box-sizing: border-box !important;
    width: calc(100% - 14px) !important;
    max-width: calc(100% - 14px) !important;
    margin: 25px 0 0 !important;
    padding: 20px 16px 16px !important;
    border: 1px solid #edf0f7 !important;
    border-radius: 4px !important;
    background: #ffffff !important;
    box-shadow: none !important;
    overflow: hidden !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.pkp_block.block_keyword_cloud::before {
    content: "" !important;
    position: absolute !important;
    top: 18px !important;
    right: 58px !important;
    width: 42px !important;
    height: 42px !important;
    border: 0 !important;
    background-image: radial-gradient(circle, rgba(107, 114, 128, 0.18) 1.45px, transparent 1.65px);
    background-size: 12px 12px !important;
    background-position: 0 0 !important;
    opacity: 1 !important;
    pointer-events: none !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.pkp_block.block_keyword_cloud::after {
    content: "" !important;
    position: absolute !important;
    top: 14px !important;
    right: 12px !important;
    width: 54px !important;
    height: 54px !important;
    border: 0 !important;
    border-radius: 10px !important;
    background-color: rgba(107, 114, 128, 0.12) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 34px 34px !important;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><circle cx='11' cy='11' r='6.75'/><path d='M20 20l-4.5-4.5'/></svg>") !important;
    pointer-events: none !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.pkp_block.block_keyword_cloud > .title,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.pkp_block.block_keyword_cloud h2.title {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    width: 100% !important;
    margin: 0 0 18px !important;
    padding: 0 70px 0 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: #27378d !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-align: left !important;
    direction: ltr !important;
    float: none !important;
    z-index: 1 !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.pkp_block.block_keyword_cloud > .title::before,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.pkp_block.block_keyword_cloud h2.title::before {
    content: "" !important;
    position: static !important;
    display: block !important;
    flex: 0 0 4px !important;
    width: 4px !important;
    min-width: 4px !important;
    height: 42px !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 2px !important;
    background: var(--ows-sidebar-reference-accent, #0d918f) !important;
    transform: none !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.pkp_block.block_keyword_cloud > .title::after,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.pkp_block.block_keyword_cloud h2.title::after {
    content: none !important;
    display: none !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.pkp_block.block_keyword_cloud .content {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: flex-start !important;
    gap: 10px 12px !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.35 !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.pkp_block.block_keyword_cloud a {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    min-height: 40px !important;
    margin: 0 !important;
    padding: 8px 14px 8px 12px !important;
    border: 1px solid #eee9ff !important;
    border-radius: 12px !important;
    background: #f5f1ff !important;
    color: #4d45bc !important;
    box-shadow: none !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;
    text-decoration: none !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.pkp_block.block_keyword_cloud a:hover,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.pkp_block.block_keyword_cloud a:focus-visible {
    background: #efe9ff !important;
    border-color: #e3dbff !important;
    color: #4138b1 !important;
    transform: translateY(-1px) !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.pkp_block.block_keyword_cloud a::before {
    content: "" !important;
    display: block !important;
    flex: 0 0 15px !important;
    width: 15px !important;
    height: 15px !important;
    min-width: 15px !important;
    min-height: 15px !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 15px 15px !important;
    filter: none !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.pkp_block.block_keyword_cloud a:nth-child(6n+1)::before {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'><rect x='1.5' y='8' width='3' height='6' rx='1' fill='%235b4bd3'/><rect x='6.5' y='4.5' width='3' height='9.5' rx='1' fill='%235b4bd3'/><rect x='11.5' y='2' width='3' height='12' rx='1' fill='%235b4bd3'/></svg>") !important;
}
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.pkp_block.block_keyword_cloud a:nth-child(6n+2)::before {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'><circle cx='8' cy='5' r='3' fill='%235b4bd3'/><path d='M3 14c0-2.35 2.24-4 5-4s5 1.65 5 4' fill='%235b4bd3'/></svg>") !important;
}
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.pkp_block.block_keyword_cloud a:nth-child(6n+3)::before {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'><path d='M3 3.5h10a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H8l-3.5 2v-2H3a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2Z' fill='%235b4bd3'/></svg>") !important;
}
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.pkp_block.block_keyword_cloud a:nth-child(6n+4)::before {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'><path d='M2 6.2 8 1.8l6 4.4v6.1a1.2 1.2 0 0 1-1.2 1.2H3.2A1.2 1.2 0 0 1 2 12.3V6.2Z' fill='%235b4bd3'/><circle cx='8' cy='8' r='1.8' fill='white'/></svg>") !important;
}
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.pkp_block.block_keyword_cloud a:nth-child(6n+5)::before {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%235b4bd3' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M2 12.5h12'/><path d='M3 10 6 7l2.2 2.2L13 4.5'/></svg>") !important;
}
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.pkp_block.block_keyword_cloud a:nth-child(6n)::before {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'><path d='M8 8V1a7 7 0 1 1-7 7h7Z' fill='%235b4bd3'/><path d='M9 1.4A6.6 6.6 0 0 1 14.6 7H9V1.4Z' fill='%237a6ae9'/></svg>") !important;
}

/* -------------------------------------------------------------------------
 * 3.10.500.0 — Keyword chip refinement
 * Keep the new Keywords card, but simplify each keyword pill to match the
 * site's established teal visual language.
 * ---------------------------------------------------------------------- */
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.pkp_block.block_keyword_cloud a {
    gap: 0 !important;
    min-height: 34px !important;
    padding: 7px 11px !important;
    border: 1px solid #e2e8e6 !important;
    border-radius: 4px !important;
    background: #f5f6f6 !important;
    color: #3f4b47 !important;
    box-shadow: none !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    transition: border-color .15s ease !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.pkp_block.block_keyword_cloud a:hover,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.pkp_block.block_keyword_cloud a:focus-visible {
    background: #eef0f0 !important;
    border-color: var(--ows-primary, #1a1a1a) !important;
    color: #3f4b47 !important;
    transform: none !important;
}

/* Remove all decorative keyword icons. */
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.pkp_block.block_keyword_cloud a::before {
    content: none !important;
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    min-width: 0 !important;
    min-height: 0 !important;
    background: none !important;
}



/* -------------------------------------------------------------------------
 * 3.10.501.0 — heading text color normalization
 * Keywords heading only.
 * ---------------------------------------------------------------------- */
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.pkp_block.block_keyword_cloud > .title,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.pkp_block.block_keyword_cloud h2.title {
    color: #000000 !important;
}

/* -------------------------------------------------------------------------
 * 3.10.502.0 — compact Keywords top-right decorative motif
 * Shrink only the dotted field and search tile/icon.
 * ---------------------------------------------------------------------- */
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.pkp_block.block_keyword_cloud::before {
    top: 17px !important;
    right: 46px !important;
    width: 30px !important;
    height: 30px !important;
    background-size: 10px 10px !important;
    background-image: radial-gradient(circle, rgba(107, 114, 128, 0.18) 1.2px, transparent 1.4px) !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.pkp_block.block_keyword_cloud::after {
    top: 15px !important;
    right: 12px !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 8px !important;
    background-size: 24px 24px !important;
}

/* -------------------------------------------------------------------------
 * 3.10.503.0 — BROWSE reference redesign
 * ---------------------------------------------------------------------- */
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_browse {
    position: relative !important;
    box-sizing: border-box !important;
    width: calc(100% - 14px) !important;
    max-width: calc(100% - 14px) !important;
    margin: 18px 0 0 !important;
    padding: 18px 16px 16px !important;
    border: 1px solid #e7ecec !important;
    border-radius: 4px !important;
    background: #ffffff !important;
    box-shadow: 0 4px 14px rgba(18, 43, 57, 0.055) !important;
    color: #172229 !important;
    overflow: hidden !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_browse__label {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    box-sizing: border-box !important;
    width: 100% !important;
    margin: 0 0 18px !important;
    padding: 0 0 14px !important;
    border: 0 !important;
    border-bottom: 1px solid var(--ows-sidebar-reference-line) !important;
    color: #000000 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    letter-spacing: .10em !important;
    text-transform: uppercase !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_browse__label::before {
    content: "" !important;
    display: block !important;
    flex: 0 0 4px !important;
    width: 4px !important;
    height: 38px !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 2px !important;
    background: var(--ows-sidebar-reference-accent, #0d918f) !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_browse__row {
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    width: 100% !important;
    min-height: 48px !important;
    margin: 0 !important;
    padding: 6px 2px !important;
    border: 0 !important;
    border-radius: 4px !important;
    background: transparent !important;
    color: #111820 !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1.25 !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_browse__row:hover,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_browse__row:focus-visible {
    background: color-mix(in srgb, var(--ows-sidebar-reference-accent, #0d918f) 4.5%, transparent) !important;
    color: #0b7472 !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_browse__icon {
    box-sizing: content-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 21px !important;
    height: 21px !important;
    flex: 0 0 21px !important;
    padding: 10px !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: color-mix(in srgb, var(--ows-sidebar-reference-accent, #0d918f) 8%, transparent) !important;
    color: var(--ows-sidebar-reference-accent, #0d918f) !important;
    stroke-width: 1.75 !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_browse__icon svg {
    width: 21px !important;
    height: 21px !important;
    stroke: currentColor !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_browse__row--archive {
    cursor: default !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_browse__archiveChevron {
    display: none !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_browse__archiveContent {
    display: block !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
    margin: 10px 0 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_browse__volume {
    margin: 0 0 8px !important;
    padding: 0 !important;
    border: 0 !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_browse__volumeRow {
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    min-height: 54px !important;
    margin: 0 !important;
    padding: 12px 14px !important;
    border: 1px solid #e2e8e6 !important;
    border-radius: 4px !important;
    background: #fafbfb !important;
    color: #2a3532 !important;
    font-size: 14.5px !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;
    transition: border-color .15s ease !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_browse__volumeRow:hover,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_browse__volumeRow:focus-visible {
    background: #f4f5f5 !important;
    border-color: var(--ows-primary, #1a1a1a) !important;
    color: #2a3532 !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_browse__volumeChevron,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_browse__chevronSvg {
    width: 15px !important;
    height: 15px !important;
    flex: 0 0 15px !important;
    color: #6b7280 !important;
    stroke-width: 1.9 !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_browse__issues {
    margin-top: 4px !important;
    padding: 4px 0 !important;
    border: 0 !important;
    border-radius: 4px !important;
    background: #fafbfb !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_browse__issue {
    padding: 7px 12px !important;
    color: #526763 !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_browse__aipContent {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 4px 0 6px !important;
    border-color: #e2e8e6 !important;
    border-radius: 4px !important;
}

/* 3.10.504.0 — BROWSE heading text color */
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_browse__label {
    color: #000000 !important;
}

/* -------------------------------------------------------------------------
 * 3.10.505.0 — Homepage primary left-navigation reference card treatment
 *
 * Scope is intentionally limited to the seven decorated homepage navigation
 * blocks (Home through Contact Us). Browse, Archive, Keywords, the main page,
 * the right sidebar and all backend/workflow UI remain untouched.
 * ---------------------------------------------------------------------- */
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.pkp_block.block_custom.ows_sidebar_nav_block {
    margin: 0 0 8px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_row,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block .house_right,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block .heaedr_accordion {
    position: relative !important;
    isolation: isolate !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    width: 100% !important;
    min-height: 54px !important;
    margin: 0 !important;
    padding: 10px 16px !important;
    border: 1px solid #e4ebee !important;
    border-radius: 4px !important;
    background: #ffffff !important;
    box-shadow: 0 3px 12px rgba(16, 49, 61, 0.035) !important;
    color: #102d45 !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1.25 !important;
    text-align: left !important;
    overflow: hidden !important;
    transition: border-color .16s ease, background-color .16s ease, box-shadow .16s ease, color .16s ease !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_row > *,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block .house_right > *,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block .heaedr_accordion > * {
    position: relative !important;
    z-index: 1 !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_row:hover,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_row:focus-within,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block .house_right:hover,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block .house_right:focus-within,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block .heaedr_accordion:hover,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block .heaedr_accordion:focus-within {
    border-color: rgba(8, 127, 145, 0.24) !important;
    background: #fbfdfd !important;
    box-shadow: 0 4px 14px rgba(16, 49, 61, 0.055) !important;
    color: #0b6878 !important;
}

/* Home: pale aqua panel, teal left rail and a subtle botanical mark exactly
 * within the active row. No external image asset is introduced. */
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block.ows_nav_active .ows_sidebar_nav_row,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block.ows_nav_active .house_right {
    padding-left: 16px !important;
    border-color: color-mix(in srgb, var(--ows-primary, #1a1a1a) 20%, white 80%) !important;
    background: linear-gradient(90deg, color-mix(in srgb, var(--ows-primary, #1a1a1a) 12%, white 88%) 0%, #ffffff 82%) !important;
    box-shadow: 0 3px 13px rgba(8, 86, 100, 0.045) !important;
    color: var(--ows-primary, #1a1a1a) !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block.ows_nav_active .ows_sidebar_nav_row::before,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block.ows_nav_active .house_right::before {
    content: "" !important;
    position: absolute !important;
    z-index: 0 !important;
    top: -1px !important;
    bottom: -1px !important;
    left: -1px !important;
    width: 6px !important;
    border-radius: 4px 0 0 4px !important;
    background: var(--ows-primary, #1a1a1a) !important;
    pointer-events: none !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block.ows_nav_active .ows_sidebar_nav_row::after,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block.ows_nav_active .house_right::after {
    content: "" !important;
    position: absolute !important;
    z-index: 0 !important;
    right: 14px !important;
    bottom: -5px !important;
    width: 88px !important;
    height: 48px !important;
    display: block !important;
    opacity: .34 !important;
    background-color: var(--ows-primary, #1a1a1a) !important;
    -webkit-mask-repeat: no-repeat !important;
    mask-repeat: no-repeat !important;
    -webkit-mask-position: right bottom !important;
    mask-position: right bottom !important;
    -webkit-mask-size: contain !important;
    mask-size: contain !important;
    -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 64' fill='none'><path d='M5 62C30 45 55 28 109 10' stroke='black' stroke-width='2.2' stroke-linecap='round'/><path d='M33 45c3-10 9-16 18-18-1 9-7 15-18 18ZM48 36c3-11 9-17 18-19-1 9-7 16-18 19ZM64 28c3-11 9-18 18-20-1 10-7 17-18 20ZM81 20c2-10 8-16 16-19 0 9-5 16-16 19ZM96 14c0-9 4-14 10-18 2 8-1 15-10 18ZM24 52c-8-1-14 1-19 7 8 2 14 0 19-7ZM42 42c-9-1-15 1-20 7 8 3 15 1 20-7ZM58 33c-9-1-15 2-20 8 9 2 15 0 20-8ZM75 24c-8 0-14 3-18 9 8 2 14-1 18-9Z' fill='black'/></svg>") !important;
    mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 64' fill='none'><path d='M5 62C30 45 55 28 109 10' stroke='black' stroke-width='2.2' stroke-linecap='round'/><path d='M33 45c3-10 9-16 18-18-1 9-7 15-18 18ZM48 36c3-11 9-17 18-19-1 9-7 16-18 19ZM64 28c3-11 9-18 18-20-1 10-7 17-18 20ZM81 20c2-10 8-16 16-19 0 9-5 16-16 19ZM96 14c0-9 4-14 10-18 2 8-1 15-10 18ZM24 52c-8-1-14 1-19 7 8 2 14 0 19-7ZM42 42c-9-1-15 1-20 7 8 3 15 1 20-7ZM58 33c-9-1-15 2-20 8 9 2 15 0 20-8ZM75 24c-8 0-14 3-18 9 8 2 14-1 18-9Z' fill='black'/></svg>") !important;
    pointer-events: none !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 42px !important;
    height: 42px !important;
    flex: 0 0 42px !important;
    color: var(--ows-sidebar-reference-icon) !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block.ows_nav_active .ows_sidebar_nav_icon {
    color: var(--ows-primary, #1a1a1a) !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_icon svg {
    width: 24px !important;
    height: 24px !important;
    stroke-width: 1.65 !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_row > p,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_row > a,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_row > span:not(.ows_sidebar_nav_icon):not(.ows_sidebar_nav_chevron),
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block .house_right > p,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block .house_right > a,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block .house_right > span:not(.ows_sidebar_nav_icon):not(.ows_sidebar_nav_chevron),
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block .heaedr_accordion > p,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block .heaedr_accordion > a,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block .heaedr_accordion > span:not(.ows_sidebar_nav_icon):not(.ows_sidebar_nav_chevron) {
    flex: 1 1 auto !important;
    min-width: 0 !important;
}

/* Submit uses the circular icon tile visible in the supplied reference. */
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block--submit .ows_sidebar_nav_icon {
    box-sizing: border-box !important;
    width: 42px !important;
    height: 42px !important;
    flex-basis: 42px !important;
    padding: 9px !important;
    border-radius: 50% !important;
    background: #f1f7f8 !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block--submit .ows_sidebar_nav_icon svg {
    width: 24px !important;
    height: 24px !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_chevron {
    width: 16px !important;
    height: 16px !important;
    flex: 0 0 16px !important;
    margin-left: auto !important;
    color: #0a7181 !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_chevron svg {
    width: 16px !important;
    height: 16px !important;
    stroke-width: 1.8 !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_row p,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_row a,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_row span:not(.ows_sidebar_nav_icon):not(.ows_sidebar_nav_chevron),
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block .house_right a,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block .house_right p,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block .heaedr_accordion a,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block .heaedr_accordion p {
    color: inherit !important;
    font: inherit !important;
    line-height: inherit !important;
    text-decoration: none !important;
}

/* The screenshot ends the menu cleanly after Contact Us; do not carry the
 * older divider/card separator into the refreshed primary navigation. */
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.pkp_block.block_custom.ows_sidebar_nav_block--contact {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    border-bottom: 0 !important;
}

/* Opened Journal Info / Editors / Reviewers children retain native behaviour;
 * only their spacing is tied visually to the new parent card. */
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block .content_accordion {
    margin: 3px 0 0 !important;
    padding: 3px 8px 3px 70px !important;
    border: 0 !important;
    background: transparent !important;
}



/* -------------------------------------------------------------------------
 * 3.10.506.0 — Compact height + shared alignment rail for homepage menu
 * Reduce each primary left-menu card height, tighten vertical spacing, and
 * reserve the same icon column width for all seven rows so labels and
 * chevrons sit on one consistent horizontal alignment.
 * ---------------------------------------------------------------------- */
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.pkp_block.block_custom.ows_sidebar_nav_block--contact {
    margin-bottom: 0 !important;
}


/* -------------------------------------------------------------------------
 * 3.10.507.0 — Final browse width + Home label alignment repair
 * Match the BROWSE card width to the primary menu card column and force the
 * active Home row content to sit on the left, immediately beside its icon.
 * ---------------------------------------------------------------------- */
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_browse,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.pkp_block.block_custom.ows_sidebar_browse,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.pkp_block.ows_sidebar_browse {
    width: 100% !important;
    max-width: 100% !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_row,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block .house_right,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block .heaedr_accordion {
    justify-content: flex-start !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block--home .ows_sidebar_nav_row,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block--home .house_right {
    justify-content: flex-start !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block--home .ows_sidebar_nav_row > p,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block--home .ows_sidebar_nav_row > a,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block--home .ows_sidebar_nav_row > span:not(.ows_sidebar_nav_icon):not(.ows_sidebar_nav_chevron),
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block--home .house_right > p,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block--home .house_right > a,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block--home .house_right > span:not(.ows_sidebar_nav_icon):not(.ows_sidebar_nav_chevron) {
    flex: 1 1 auto !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block--home .ows_sidebar_nav_row > p > a,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block--home .house_right > p > a,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block--home .ows_sidebar_nav_row > a,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block--home .house_right > a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: auto !important;
    max-width: none !important;
    flex: 0 1 auto !important;
    text-align: left !important;
}


/* -------------------------------------------------------------------------
 * 3.10.508.0 — Keywords card width alignment repair
 * Keep the native Keywords card on the same outer width as the BROWSE card
 * and the primary left-menu card column.
 * ---------------------------------------------------------------------- */
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.pkp_block.block_keyword_cloud {
    width: 100% !important;
    max-width: 100% !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
}


/* -------------------------------------------------------------------------
 * 3.10.509.0 — Exact 45px primary menu card height
 * Scope: only the seven primary homepage left-navigation cards.
 * ---------------------------------------------------------------------- */
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_row,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block .house_right,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block .heaedr_accordion {
    height: 45px !important;
    min-height: 45px !important;
    max-height: 45px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}


/* -------------------------------------------------------------------------
 * 3.10.510.0 — Equal menu gaps + olive branch active Home ornament
 * Scope: only the seven primary homepage left-navigation cards and the
 * decorative botanical mark inside the active Home card.
 * ---------------------------------------------------------------------- */
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.pkp_block.block_custom.ows_sidebar_nav_block {
    margin-top: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 8px !important;
    margin-left: 0 !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.pkp_block.block_custom.ows_sidebar_nav_block--contact {
    margin-bottom: 0 !important;
}

/* Replace the previous generic botanical flourish with a recognizable,
 * restrained olive branch: a curved twig with alternating narrow leaves. */
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block.ows_nav_active .ows_sidebar_nav_row::after,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block.ows_nav_active .house_right::after {
    right: 14px !important;
    bottom: -4px !important;
    width: 94px !important;
    height: 48px !important;
    opacity: .34 !important;
    background-repeat: no-repeat !important;
    background-position: right bottom !important;
    background-size: contain !important;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 140 70' fill='none'><path d='M6 66C35 53 66 35 128 8' stroke='%238fcfd4' stroke-width='2.15' stroke-linecap='round'/><ellipse cx='31' cy='53' rx='11' ry='4.2' transform='rotate(-31 31 53)' fill='%23b7e1e3'/><ellipse cx='41' cy='46' rx='11' ry='4.2' transform='rotate(25 41 46)' fill='%23c3e7e8'/><ellipse cx='54' cy='41' rx='12' ry='4.4' transform='rotate(-34 54 41)' fill='%23b7e1e3'/><ellipse cx='66' cy='34' rx='12' ry='4.4' transform='rotate(24 66 34)' fill='%23c3e7e8'/><ellipse cx='79' cy='29' rx='12.5' ry='4.5' transform='rotate(-35 79 29)' fill='%23b7e1e3'/><ellipse cx='92' cy='22' rx='12' ry='4.3' transform='rotate(23 92 22)' fill='%23c3e7e8'/><ellipse cx='105' cy='17' rx='11.5' ry='4.2' transform='rotate(-36 105 17)' fill='%23b7e1e3'/><ellipse cx='117' cy='11' rx='10.5' ry='4' transform='rotate(22 117 11)' fill='%23c3e7e8'/></svg>") !important;
}


/* -------------------------------------------------------------------------
 * 3.10.511.0 — Real equal menu spacing + recognizable olive branch
 *
 * Root cause of the uneven gaps: Journal Info / Editors / Reviewers own a
 * .content_accordion container. Even while its children are collapsed, the
 * container's vertical padding from older rules kept a small footprint below
 * those cards. Remove that collapsed footprint and let spacing be controlled
 * only by a single 8px inter-card margin. The accordion links remain fully
 * functional when opened.
 * ---------------------------------------------------------------------- */
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.pkp_block.block_custom.ows_sidebar_nav_block {
    margin: 0 !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.pkp_block.block_custom.ows_sidebar_nav_block ~
.pkp_block.block_custom.ows_sidebar_nav_block {
    margin-top: 8px !important;
}

/* Critical: no hidden top/bottom padding may remain under accordion cards. */
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block .content_accordion {
    margin: 0 !important;
    padding-top: 0 !important;
    padding-right: 8px !important;
    padding-bottom: 0 !important;
    padding-left: 70px !important;
}

/* Replace the previous soft flourish with an unmistakable olive branch:
 * curved twig, paired lanceolate leaves and three small olives. */
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block.ows_nav_active .ows_sidebar_nav_row::after,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block.ows_nav_active .house_right::after {
    content: "" !important;
    right: 11px !important;
    bottom: -1px !important;
    width: 98px !important;
    height: 44px !important;
    opacity: .38 !important;
    background-repeat: no-repeat !important;
    background-position: right bottom !important;
    background-size: 98px 44px !important;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 118 54' fill='none'><path d='M5 51C25 43 45 32 63 22C79 14 94 8 112 4' stroke='%2388c9cf' stroke-width='2' stroke-linecap='round'/><path d='M24 42C15 40 10 35 9 30C17 30 23 34 27 39C26 40 25 41 24 42Z' fill='%23b9e1e4'/><path d='M31 38C31 29 35 23 41 20C43 27 40 34 34 39C33 39 32 38 31 38Z' fill='%23a9d9dd'/><path d='M43 32C34 30 29 25 28 20C36 20 42 23 46 29C45 30 44 31 43 32Z' fill='%23b9e1e4'/><path d='M52 27C52 18 56 12 62 9C64 17 61 23 55 28C54 28 53 27 52 27Z' fill='%23a9d9dd'/><path d='M63 22C55 19 51 14 51 9C59 10 65 14 68 19C66 20 65 21 63 22Z' fill='%23b9e1e4'/><path d='M73 17C73 10 77 5 83 2C84 9 82 14 77 18C76 18 74 18 73 17Z' fill='%23a9d9dd'/><path d='M83 13C76 11 72 7 72 3C79 3 85 6 88 10C86 11 85 12 83 13Z' fill='%23b9e1e4'/><path d='M94 9C95 4 99 1 104 0C104 5 102 9 98 11C96 11 95 10 94 9Z' fill='%23a9d9dd'/><circle cx='38' cy='35' r='2.7' fill='%2388c9cf'/><circle cx='60' cy='24' r='2.5' fill='%2399d2d7'/><circle cx='79' cy='15' r='2.4' fill='%2388c9cf'/></svg>") !important;
}


/* -------------------------------------------------------------------------
 * 3.10.512.0 — Home row alignment + black label + exact branch image
 * Scope: only the active Home card in the homepage left sidebar.
 * ---------------------------------------------------------------------- */
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block--home .ows_sidebar_nav_row,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block--home .house_right {
    justify-content: flex-start !important;
    color: #000000 !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block--home .ows_sidebar_nav_row > p,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block--home .ows_sidebar_nav_row > a,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block--home .ows_sidebar_nav_row > span:not(.ows_sidebar_nav_icon):not(.ows_sidebar_nav_chevron),
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block--home .house_right > p,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block--home .house_right > a,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block--home .house_right > span:not(.ows_sidebar_nav_icon):not(.ows_sidebar_nav_chevron) {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex: 1 1 auto !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
    color: #000000 !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block--home .ows_sidebar_nav_row > p > a,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block--home .house_right > p > a,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block--home .ows_sidebar_nav_row > a,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block--home .house_right > a {
    color: #000000 !important;
    justify-content: flex-start !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block--home .ows_sidebar_nav_icon {
    color: #0a7687 !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block.ows_nav_active.ows_sidebar_nav_block--home .ows_sidebar_nav_row::after,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block.ows_nav_active.ows_sidebar_nav_block--home .house_right::after {
    content: "" !important;
    right: 11px !important;
    bottom: -1px !important;
    width: 116px !important;
    height: 48px !important;
    opacity: 1 !important;
    background-repeat: no-repeat !important;
    background-position: right bottom !important;
    background-size: contain !important;
    background-image: url('../images/home-card-olive-branch-reference.png') !important;
}


/* -------------------------------------------------------------------------
 * 3.10.513.0 — Exact Home label inline alignment
 * Force the Home label to sit immediately beside the icon on the same text
 * rail used by the other primary menu cards.
 * ---------------------------------------------------------------------- */
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block--home .ows_sidebar_nav_row,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block--home .house_right {
    direction: ltr !important;
    justify-content: flex-start !important;
    column-gap: 12px !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block--home .ows_sidebar_nav_row > p,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block--home .house_right > p {
    display: contents !important;
    margin: 0 !important;
    padding: 0 !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block--home .ows_sidebar_nav_row > p > a,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block--home .house_right > p > a,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block--home .ows_sidebar_nav_row > a,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block--home .house_right > a {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
    direction: ltr !important;
    color: #000000 !important;
}


/* -------------------------------------------------------------------------
 * 3.10.514.0 — Final active Home text rail fix
 * The active Home row may still inherit a full-width native anchor from the
 * theme and center its label. Collapse that width and pin the label to the
 * same left-start text rail used by the other primary menu cards.
 * ---------------------------------------------------------------------- */
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block--home .ows_sidebar_nav_row > a,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block--home .house_right > a,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block--home .ows_sidebar_nav_row > p > a,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block--home .house_right > p > a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 auto 0 0 !important;
    padding: 0 !important;
    text-align: left !important;
    direction: ltr !important;
    white-space: nowrap !important;
    color: #000000 !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block--home .ows_sidebar_nav_row > p,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block--home .house_right > p {
    display: inline !important;
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}


/* -------------------------------------------------------------------------
 * 3.10.515.0 — Deterministic Home icon + label group
 * Keep the actual Home anchor immediately beside the house icon regardless
 * of legacy custom-block wrapper or theme anchor width/alignment rules.
 * ---------------------------------------------------------------------- */
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block--home .ows_sidebar_nav_row,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block--home .house_right {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    direction: ltr !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block--home .ows_sidebar_nav_homeGroup {
    position: relative !important;
    z-index: 2 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    direction: ltr !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block--home .ows_sidebar_nav_homeGroup > .ows_sidebar_nav_icon {
    flex: 0 0 42px !important;
    width: 42px !important;
    height: 42px !important;
    margin: 0 !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block--home .ows_sidebar_nav_homeGroup > a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
    direction: ltr !important;
    white-space: nowrap !important;
    color: #000000 !important;
}

/* Any now-empty legacy paragraph wrapper must not take space in the row. */
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block--home .ows_sidebar_nav_row > p:empty,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block--home .house_right > p:empty {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
}


/* -------------------------------------------------------------------------
 * 3.10.516.0 — Compact BROWSE card proportions
 * Scope: only the homepage left-sidebar BROWSE card. The goal is to bring
 * its vertical scale into the same visual rhythm as the 45px primary menu
 * cards without changing content, links, archive logic or other sections.
 * ---------------------------------------------------------------------- */
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_browse {
    margin-top: 25px !important;
    padding: 12px 14px 12px !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_browse__label {
    gap: 9px !important;
    margin-bottom: 8px !important;
    padding-bottom: 9px !important;
    font-size: 13px !important;
    letter-spacing: .08em !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_browse__label::before {
    height: 28px !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_browse__row {
    gap: 10px !important;
    min-height: 40px !important;
    padding: 4px 2px !important;
    font-size: 14px !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_browse__icon {
    width: 18px !important;
    height: 18px !important;
    flex-basis: 18px !important;
    padding: 8px !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_browse__icon svg {
    width: 18px !important;
    height: 18px !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_browse__archiveContent {
    margin-top: 4px !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_browse__volume {
    margin-bottom: 0 !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_browse__volumeRow {
    min-height: 45px !important;
    height: 45px !important;
    padding: 8px 12px !important;
    font-size: 14px !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_browse__volumeChevron,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_browse__chevronSvg {
    width: 13px !important;
    height: 13px !important;
    flex-basis: 13px !important;
}


/* -------------------------------------------------------------------------
 * 3.10.517.0 — Compact Keywords card proportions
 * Scope: only the homepage left-sidebar Keywords card. The goal is to bring
 * its vertical scale into the same visual rhythm as the compact BROWSE card
 * and the 45px primary menu cards without changing keyword functionality.
 * ---------------------------------------------------------------------- */
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.pkp_block.block_keyword_cloud {
    margin-top: 25px !important;
    padding: 12px 14px 14px !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.pkp_block.block_keyword_cloud > .title,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.pkp_block.block_keyword_cloud h2.title {
    gap: 9px !important;
    margin-bottom: 10px !important;
    padding-right: 56px !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.pkp_block.block_keyword_cloud > .title::before,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.pkp_block.block_keyword_cloud h2.title::before {
    height: 28px !important;
    min-height: 28px !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.pkp_block.block_keyword_cloud::before {
    top: 15px !important;
    right: 43px !important;
    width: 26px !important;
    height: 26px !important;
    background-size: 9px 9px !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.pkp_block.block_keyword_cloud::after {
    top: 13px !important;
    right: 11px !important;
    width: 36px !important;
    height: 36px !important;
    border-radius: 8px !important;
    background-size: 20px 20px !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.pkp_block.block_keyword_cloud .content {
    gap: 8px !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.pkp_block.block_keyword_cloud a {
    min-height: 30px !important;
    padding: 5px 10px !important;
    font-size: 12.5px !important;
    line-height: 1.2 !important;
}


/* -------------------------------------------------------------------------
 * 3.10.518.0 — Remove icon background tiles in Submit and BROWSE rows
 * Scope: only the Submit Manuscript icon and the BROWSE card row icons
 * (Articles in Press / Archive). Keep spacing/alignment intact.
 * ---------------------------------------------------------------------- */
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block--submit .ows_sidebar_nav_icon {
    padding: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_browse__icon {
    box-sizing: border-box !important;
    padding: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
}


/* -------------------------------------------------------------------------
 * 3.10.519.0 — BROWSE row alignment + deterministic Home inline layout
 * Scope: only the BROWSE rows and the active Home row in the homepage left
 * sidebar. Other homepage/backend areas remain unchanged.
 * ---------------------------------------------------------------------- */
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_browse {
    padding-left: 16px !important;
    padding-right: 16px !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_browse__row {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 4px 0 !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_browse__icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 42px !important;
    height: 42px !important;
    flex: 0 0 42px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_browse__icon svg {
    width: 18px !important;
    height: 18px !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_browse__row > span:not(.ows_sidebar_browse__icon):not(.ows_sidebar_browse__archiveChevron),
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_browse__row > a,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_browse__row > p {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block--home .ows_sidebar_nav_homeGroup {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block--home .ows_sidebar_nav_homeGroup > a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
    white-space: nowrap !important;
    color: #000000 !important;
}


/* -------------------------------------------------------------------------
 * 3.10.520.0 — Match BROWSE icon size to primary menu icons
 * Keep the 42px alignment rail introduced in 3.10.519.0, but render the
 * Articles in Press and Archive SVG artwork at the same 24px size used by
 * the primary menu icons above.
 * ---------------------------------------------------------------------- */
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_browse__iconRail {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 42px !important;
    height: 42px !important;
    flex: 0 0 42px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_browse__iconRail > .ows_sidebar_browse__icon {
    display: block !important;
    width: 24px !important;
    height: 24px !important;
    flex: 0 0 24px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_browse__row > .ows_sidebar_browse__iconRail + span {
    flex: 1 1 auto !important;
    min-width: 0 !important;
}


/* -------------------------------------------------------------------------
 * 3.10.521.0 — Deterministic BROWSE icon/text rail alignment
 * Use a two-column grid for Articles in Press and Archive so reducing the
 * SVG artwork cannot change label position. The first 42px column exactly
 * matches the primary menu icon rail above; the second column starts on the
 * same text rail as Submit Manuscript / Guide for Authors / etc.
 * ---------------------------------------------------------------------- */
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_browse__row {
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: 42px minmax(0, 1fr) !important;
    column-gap: 12px !important;
    align-items: center !important;
    justify-content: stretch !important;
    width: 100% !important;
    min-height: 40px !important;
    margin: 0 !important;
    padding: 4px 0 !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_browse__row > .ows_sidebar_browse__iconRail {
    grid-column: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    justify-self: stretch !important;
    width: 42px !important;
    height: 40px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_browse__row > .ows_sidebar_browse__iconRail > .ows_sidebar_browse__icon {
    display: block !important;
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    max-width: 24px !important;
    min-height: 24px !important;
    max-height: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_browse__row > .ows_sidebar_browse__iconRail + span {
    grid-column: 2 !important;
    justify-self: start !important;
    align-self: center !important;
    display: block !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
    line-height: 1.25 !important;
}


/* -------------------------------------------------------------------------
 * 3.10.534.0 — Sidebar icon color refinement
 * Change the circled homepage sidebar icons (primary menu + Browse icons) to
 * #7a7a7a while leaving text, chevrons, and other elements unchanged.
 * ---------------------------------------------------------------------- */
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_icon,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block--home .ows_sidebar_nav_icon,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block--submit .ows_sidebar_nav_icon,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_homeGroup > .ows_sidebar_nav_icon,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_browse__icon,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_browse__iconRail > .ows_sidebar_browse__icon {
    color: #7a7a7a !important;
}


/* -------------------------------------------------------------------------
 * 3.10.539.0 — Remove all card shadows from the homepage left sidebar.
 * Scope: primary navigation rows, Browse, Keywords, including nav hover/active
 * states. Borders, spacing, colors and all other layout rules stay unchanged.
 * ---------------------------------------------------------------------- */
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_row,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block .house_right,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block .heaedr_accordion,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_row:hover,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_row:focus-within,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block .house_right:hover,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block .house_right:focus-within,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block .heaedr_accordion:hover,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block .heaedr_accordion:focus-within,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block.ows_nav_active .ows_sidebar_nav_row,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block.ows_nav_active .house_right,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_browse,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.pkp_block.block_keyword_cloud {
    box-shadow: none !important;
}


/* -------------------------------------------------------------------------
 * 3.10.541.0 — Left-sidebar heading typography refinement
 * Scope: only Browse and Keywords headings requested by the user.
 * ---------------------------------------------------------------------- */
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_browse__label {
    font-size: 15px !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.pkp_block.block_keyword_cloud > .title,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.pkp_block.block_keyword_cloud h2.title {
    font-size: 15px !important;
}


/* -------------------------------------------------------------------------
 * 3.10.560.0 — "Submit Manuscript" as a sidebar call-to-action button
 * PrimaryNavSidebarBlockPlugin now pulls the "Submit Manuscript" nav item
 * out of the accordion/link list and renders it as a standalone button
 * (.ows_sidebar_submit_button) instead. Unscoped (not gated behind the
 * ows_homepage_left_sidebar_mounted body class) since the button is plain
 * server-rendered markup with nothing for the mount JS to decorate.
 * ---------------------------------------------------------------------- */
.pkp_structure_sidebar.left .ows_sidebar_submit_wrapper {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 0 14px !important;
}

.pkp_structure_sidebar.left .ows_sidebar_submit_wrapper .content {
    padding: 0 !important;
}

.ows_sidebar_submit_button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 12px 16px !important;
    background: #0d3b36 !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    border-radius: 5px !important;
}

.ows_sidebar_submit_button:hover {
    background: #17615a !important;
    color: #ffffff !important;
}

.ows_sidebar_submit_button svg {
    width: 18px !important;
    height: 18px !important;
    flex-shrink: 0 !important;
}


/* -------------------------------------------------------------------------
 * 3.10.565.0 — "Guide for Authors" secondary sidebar CTA button
 * Same treatment as .ows_sidebar_submit_button (see above), rendered by
 * PrimaryNavSidebarBlockPlugin::renderGuideButton() directly below the
 * primary Submit Manuscript button - outlined instead of solid so the two
 * stacked buttons stay visually distinct.
 * ---------------------------------------------------------------------- */
.ows_sidebar_submit_button--secondary {
    background: #ffffff !important;
    color: #0d3b36 !important;
    border: 1.5px solid #0d3b36 !important;
}

.ows_sidebar_submit_button--secondary:hover {
    background: #eaf4f0 !important;
    color: #0d3b36 !important;
}

/* -------------------------------------------------------------------------
 * Inner public pages main-column width — 3.10.582.0
 *
 * Use a 1260px main content column on every public page except the journal
 * homepage. The homepage keeps its existing approved three-column geometry.
 * ---------------------------------------------------------------------- */
@media (min-width: 992px) {
    html body:not(.pkp_page_index) .pkp_structure_main {
        width: 1260px !important;
    }
}

/* -------------------------------------------------------------------------
 * Inner public pages page-wrapper margin — 3.10.584.0
 *
 * Remove the centering margin from the generic OJS page wrapper on every
 * public page except the journal homepage. This deliberately targets the
 * common direct .page child of .pkp_structure_main, so custom pages such as
 * Submit Your Manuscript and Guide for Authors as well as native OJS pages
 * all follow the same zero-margin rule. The homepage keeps its approved
 * three-column geometry unchanged.
 * ---------------------------------------------------------------------- */
html body:not(.pkp_page_index) .pkp_structure_main > .page {
    margin: 0 !important;
}

/* -------------------------------------------------------------------------
 * 3.10.585.0 — Match submenu/inter-menu spacing on every public page
 *
 * The approved homepage navigation uses a single 8px gap between primary
 * menu blocks and zero residual vertical spacing around an expanded
 * accordion's child list. Apply those spacing rules without relying on the
 * homepage mount body class so Journal Info / Editors / Reviewers expand with
 * the exact same vertical rhythm on every public page. No typography, color,
 * border, icon or content rules are changed here.
 * ---------------------------------------------------------------------- */
html body .pkp_structure_sidebar.left
.pkp_block.block_custom.ows_sidebar_nav_block {
    margin: 0 !important;
}

html body .pkp_structure_sidebar.left
.pkp_block.block_custom.ows_sidebar_nav_block ~
.pkp_block.block_custom.ows_sidebar_nav_block {
    margin-top: 8px !important;
}

html body .pkp_structure_sidebar.left
.ows_sidebar_nav_block .content_accordion {
    margin: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* -------------------------------------------------------------------------
 * 3.10.586.0 — Expanded sidebar submenu spacing identical on inner pages
 *
 * Root cause of the remaining large gaps on inner pages: the server-rendered
 * Journal Info / Editors / Reviewers child markup places a <br> after every
 * child link. The homepage-only frontendArticlesTabs.css already suppresses
 * those <br> elements and normalizes the child links, but inner pages do not
 * load that stylesheet. Mirror only those navigation spacing resets here so
 * expanded submenus have the same compact rhythm everywhere.
 * ---------------------------------------------------------------------- */
html body .pkp_structure_sidebar.left
.ows_sidebar_nav_block .content_accordion {
    gap: 0 !important;
    row-gap: 0 !important;
}

html body .pkp_structure_sidebar.left
.ows_sidebar_nav_block .content_accordion br {
    display: none !important;
}

html body .pkp_structure_sidebar.left
.ows_sidebar_nav_block .content_accordion a {
    box-sizing: border-box !important;
    display: block !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 5px 8px !important;
    font-size: 13.5px !important;
    line-height: 1.3 !important;
}

/* -------------------------------------------------------------------------
 * 3.10.587.0 — Remove the active Home left rail on every public page
 *
 * Keep the approved active Home card/background and botanical accent, but
 * remove only the narrow teal vertical rail rendered by the active row's
 * ::before pseudo-element. This selector intentionally follows the shared
 * public left-sidebar markup so the rail is absent consistently everywhere.
 * ---------------------------------------------------------------------- */
html body .pkp_structure_sidebar.left
.ows_sidebar_nav_block.ows_nav_active .ows_sidebar_nav_row::before,
html body .pkp_structure_sidebar.left
.ows_sidebar_nav_block.ows_nav_active .house_right::before {
    content: none !important;
    display: none !important;
}

/* -------------------------------------------------------------------------
 * 3.10.598.0 — Fixed horizontal rail offset for the left sidebar on inner pages
 *
 * frontendHomepageCover.js measures only the small wrapper-induced horizontal
 * delta between an inner public page and the approved homepage grid. Apply
 * that delta visually to the sidebar itself, leaving the main page/content
 * widths, right sidebar and all responsive layouts untouched.
 * ---------------------------------------------------------------------- */
@media (min-width: 1180px) {
    html body:not(.pkp_page_index) .pkp_structure_sidebar.left.ows_sidebar_horizontal_aligned {
        position: relative !important;
        left: -22px !important;
    }
}


/* -------------------------------------------------------------------------
 * 3.10.776.0 — Remove Home from the public sidebar and turn the submission
 * row into the journal Site Color CTA.
 *
 * --ows-primary is populated from the manager-selected Site Color through
 * window.owsAccentColorConfig/frontendHomepageCover.js.  Keep the label and
 * icon white for reliable contrast, as explicitly requested.
 * ---------------------------------------------------------------------- */
html body .pkp_structure_sidebar.left
.pkp_block.block_custom.ows_sidebar_nav_block--home {
    display: none !important;
}

html body .pkp_structure_sidebar.left
.pkp_block.block_custom.ows_sidebar_nav_block--submit .ows_sidebar_nav_row,
html body .pkp_structure_sidebar.left
.pkp_block.block_custom.ows_sidebar_nav_block--submit .heaedr_accordion {
    border: 1px solid var(--ows-primary, #1a1a1a) !important;
    border-radius: 4px !important;
    background: var(--ows-primary, #1a1a1a) !important;
    color: #ffffff !important;
    box-shadow: none !important;
}

html body .pkp_structure_sidebar.left
.pkp_block.block_custom.ows_sidebar_nav_block--submit .ows_sidebar_nav_row:hover,
html body .pkp_structure_sidebar.left
.pkp_block.block_custom.ows_sidebar_nav_block--submit .ows_sidebar_nav_row:focus-within,
html body .pkp_structure_sidebar.left
.pkp_block.block_custom.ows_sidebar_nav_block--submit .heaedr_accordion:hover,
html body .pkp_structure_sidebar.left
.pkp_block.block_custom.ows_sidebar_nav_block--submit .heaedr_accordion:focus-within {
    border-color: color-mix(in srgb, var(--ows-primary, #1a1a1a) 86%, #000 14%) !important;
    background: color-mix(in srgb, var(--ows-primary, #1a1a1a) 86%, #000 14%) !important;
    color: #ffffff !important;
}

html body .pkp_structure_sidebar.left
.pkp_block.block_custom.ows_sidebar_nav_block--submit .ows_sidebar_nav_row a,
html body .pkp_structure_sidebar.left
.pkp_block.block_custom.ows_sidebar_nav_block--submit .heaedr_accordion a,
html body .pkp_structure_sidebar.left
.pkp_block.block_custom.ows_sidebar_nav_block--submit .ows_sidebar_nav_icon {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

html body .pkp_structure_sidebar.left
.pkp_block.block_custom.ows_sidebar_nav_block--submit .ows_sidebar_nav_icon svg {
    fill: none !important;
    stroke: #ffffff !important;
}

/* ==========================================================
 * OWS Dashboard 3.10.779.0
 * Left sidebar hover states follow Site Color.
 * ========================================================== */
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_row:hover,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_row:focus-within,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block .house_right:hover,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block .house_right:focus-within,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block .heaedr_accordion:hover,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block .heaedr_accordion:focus-within {
    border-color: color-mix(in srgb, var(--ows-primary, #1a1a1a) 24%, white 76%) !important;
    background: color-mix(in srgb, var(--ows-primary, #1a1a1a) 5.5%, white 94.5%) !important;
    box-shadow: 0 4px 14px rgba(16, 49, 61, 0.055) !important;
    color: var(--ows-primary, #1a1a1a) !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_row:hover .ows_sidebar_nav_icon,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_row:focus-within .ows_sidebar_nav_icon,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block .house_right:hover .ows_sidebar_nav_icon,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block .house_right:focus-within .ows_sidebar_nav_icon,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block .heaedr_accordion:hover .ows_sidebar_nav_icon,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block .heaedr_accordion:focus-within .ows_sidebar_nav_icon,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_row:hover .ows_sidebar_nav_chevron,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_row:focus-within .ows_sidebar_nav_chevron,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block .house_right:hover .ows_sidebar_nav_chevron,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block .house_right:focus-within .ows_sidebar_nav_chevron,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block .heaedr_accordion:hover .ows_sidebar_nav_chevron,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block .heaedr_accordion:focus-within .ows_sidebar_nav_chevron {
    color: var(--ows-primary, #1a1a1a) !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_browse__row:hover,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_browse__row:focus-visible {
    background: color-mix(in srgb, var(--ows-primary, #1a1a1a) 5%, white 95%) !important;
    color: var(--ows-primary, #1a1a1a) !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_browse__row:hover .ows_sidebar_browse__icon,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_browse__row:focus-visible .ows_sidebar_browse__icon {
    background: color-mix(in srgb, var(--ows-primary, #1a1a1a) 12%, white 88%) !important;
    color: var(--ows-primary, #1a1a1a) !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_browse__row:hover .ows_sidebar_browse__label,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_browse__row:focus-visible .ows_sidebar_browse__label,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_browse__row:hover .ows_sidebar_browse__title,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_browse__row:focus-visible .ows_sidebar_browse__title,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_browse__row:hover span,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_browse__row:focus-visible span {
    color: var(--ows-primary, #1a1a1a) !important;
}


/* ==========================================================
 * OWS Dashboard 3.10.870.0
 * Homepage left sidebar — stronger borders for better visibility
 * Scope: primary nav rows, Browse card, Keywords card and archive control
 * ========================================================== */
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_row,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block .house_right,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_nav_block .heaedr_accordion {
    border-width: 2px !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_browse,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.pkp_block.block_keyword_cloud {
    border-width: 2px !important;
}

html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_browse__volumeRow,
html body.ows_homepage_left_sidebar_mounted .pkp_structure_sidebar.left
.ows_sidebar_browse__aipContent {
    border-width: 2px !important;
}