
/*! BSCRS REAL FINAL OJS REFERENCE THEME - LOAD LAST - v20260823-2000 */
/* Total old theme shutdown */
html body.force-isj-reference-mode,
html body{
    background:#f5f7fb!important;
    color:#263348!important;
    font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
}
html body .reference-topline,
html body .mobile-brown-bar,
html body .journal-masthead:not(.isj-ref-header),
html body .journaltheme-masthead,
html body .master-poster-hero,
html body .blockbuster-hero,
html body .blockbuster-home,
html body .exact-reference-home,
html body .home-gateway-grid,
html body .home-featured-paper,
html body .home-two-column,
html body .home-indexing-strip,
html body .nav-shell:not(.isj-main-menu-bar),
html body .journaltheme-nav-shell:not(.isj-main-menu-bar),
html body .isj-reference-right-sidebar,
html body #aboutJournalSidebar{
    display:none!important;
    visibility:hidden!important;
    width:0!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    overflow:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
}

/* Header exactly OJS-like: title area + white menu */
html body .isj-ref-header{
    display:block!important;
    background:#fff!important;
    border-top:5px solid #07143f!important;
    border-bottom:1px solid #d9e6f3!important;
    box-shadow:0 8px 22px rgba(7,20,63,.08)!important;
    position:relative!important;
    z-index:1200!important;
    animation:ojsFinalHeader .35s ease-out both!important;
}
@keyframes ojsFinalHeader{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
html body .isj-top-identity{
    display:block!important;
    background:#fff!important;
    border-bottom:1px solid #e6eef8!important;
}
html body .isj-top-identity-inner{
    min-height:105px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:20px!important;
}
html body .isj-journal-brand{
    display:flex!important;
    align-items:center!important;
    gap:15px!important;
    color:#07143f!important;
    text-decoration:none!important;
}
html body .isj-journal-brand img{
    width:68px!important;
    height:68px!important;
    object-fit:contain!important;
    border-radius:12px!important;
    background:#fff!important;
    animation:ojsFinalLogoPulse 4.2s ease-in-out infinite!important;
}
@keyframes ojsFinalLogoPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.035)}}
html body .isj-journal-brand strong{
    display:block!important;
    color:#07143f!important;
    font-size:clamp(28px,4vw,44px)!important;
    line-height:1.05!important;
    letter-spacing:-.04em!important;
}
html body .isj-journal-brand small{
    display:block!important;
    margin-top:5px!important;
    color:#52627a!important;
    font-weight:700!important;
}
html body .isj-header-meta{
    display:grid!important;
    gap:6px!important;
    text-align:right!important;
}
html body .isj-header-meta span{
    display:inline-flex!important;
    justify-content:center!important;
    background:#eef7ff!important;
    color:#0d4fa3!important;
    padding:6px 9px!important;
    border-radius:999px!important;
    font-weight:900!important;
    font-size:12px!important;
}
html body .isj-main-menu-bar{
    display:block!important;
    background:#fff!important;
    border-top:1px solid #e6eef8!important;
}
html body .isj-main-nav{
    display:flex!important;
    align-items:center!important;
    flex-wrap:wrap!important;
    min-height:56px!important;
}
html body .isj-main-nav > a,
html body .isj-main-nav .nav-dropdown > a{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    min-height:56px!important;
    padding:0 18px!important;
    border-left:1px solid #edf2f8!important;
    color:#27354a!important;
    font-weight:900!important;
    background:#fff!important;
    text-decoration:none!important;
    overflow:hidden!important;
    transition:background .18s ease,color .18s ease!important;
}
html body .isj-main-nav > a:last-child{border-right:1px solid #edf2f8!important}
html body .isj-main-nav > a:hover,
html body .isj-main-nav .nav-dropdown:hover > a,
html body .isj-main-nav a.active-route{
    background:#eef7ff!important;
    color:#0d4fa3!important;
}
html body .isj-main-nav > a:after,
html body .isj-main-nav .nav-dropdown > a:after{
    content:""!important;
    position:absolute!important;
    left:15px!important;
    right:15px!important;
    bottom:8px!important;
    height:3px!important;
    border-radius:999px!important;
    background:linear-gradient(90deg,#07143f,#0d4fa3,#10b9c9)!important;
    transform:scaleX(0)!important;
    transform-origin:left!important;
    transition:transform .25s ease!important;
}
html body .isj-main-nav > a:hover:after,
html body .isj-main-nav .nav-dropdown:hover > a:after,
html body .isj-main-nav a.active-route:after{transform:scaleX(1)!important}
html body .isj-main-nav .nav-dropdown{position:relative!important}
html body .isj-main-nav .dropdown-panel{
    display:none!important;
    position:absolute!important;
    top:100%!important;
    left:0!important;
    min-width:245px!important;
    background:#fff!important;
    border:1px solid #d9e6f3!important;
    border-top:3px solid #10b9c9!important;
    box-shadow:0 18px 44px rgba(7,20,63,.16)!important;
    z-index:1500!important;
    animation:ojsDropdown .2s ease-out both!important;
}
@keyframes ojsDropdown{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
html body .isj-main-nav .nav-dropdown:hover .dropdown-panel{display:block!important}
html body .isj-main-nav .dropdown-panel a{
    display:block!important;
    padding:12px 14px!important;
    color:#27354a!important;
    text-decoration:none!important;
    border-bottom:1px solid #edf2f8!important;
    background:#fff!important;
}

/* Main width */
html body main.main.journaltheme-main-container,
html body main.container.main{
    width:min(1320px,100%)!important;
    max-width:1320px!important;
    margin:0 auto!important;
    padding:0 22px!important;
}

/* Home page: directly reference-like sections */
html body .ojs-final-home-page{
    display:block!important;
    width:100%!important;
    margin:0 auto!important;
    padding:22px 0 44px!important;
}
html body .ojs-final-journal-title{
    display:grid!important;
    grid-template-columns:120px 1fr!important;
    gap:20px!important;
    align-items:center!important;
    background:#fff!important;
    border:1px solid #d9e6f3!important;
    border-top:5px solid #07143f!important;
    padding:22px!important;
    margin:0 0 20px!important;
    animation:ojsPanelRise .42s ease-out both!important;
}
html body .ojs-title-logo img{
    width:100px!important;
    height:100px!important;
    object-fit:contain!important;
}
html body .ojs-title-copy h1{
    margin:4px 0 8px!important;
    color:#07143f!important;
    font-size:clamp(30px,4vw,48px)!important;
    line-height:1.05!important;
    letter-spacing:-.04em!important;
}
html body .ojs-title-copy p{
    margin:0!important;
    color:#52627a!important;
    font-weight:800!important;
    line-height:1.55!important;
}
html body .ojs-ref-section{
    position:relative!important;
    display:block!important;
    background:#fff!important;
    border:1px solid #d9e6f3!important;
    border-left:4px solid #0d4fa3!important;
    border-radius:0!important;
    padding:22px!important;
    margin:0 0 20px!important;
    box-shadow:none!important;
    overflow:hidden!important;
    animation:ojsPanelRise .48s ease-out both!important;
    transition:border-color .2s ease, box-shadow .2s ease, transform .2s ease!important;
}
@keyframes ojsPanelRise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
html body .ojs-ref-section:hover{
    border-color:#10b9c9!important;
    box-shadow:0 14px 34px rgba(7,20,63,.10)!important;
    transform:translateY(-2px)!important;
}
html body .ojs-ref-section:before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    background:linear-gradient(120deg,transparent 0 40%,rgba(16,185,201,.06) 50%,transparent 60%)!important;
    transform:translateX(-120%)!important;
    transition:transform .9s ease!important;
    pointer-events:none!important;
}
html body .ojs-ref-section:hover:before{transform:translateX(120%)!important}
html body .ojs-ref-section h2{
    margin:0 0 14px!important;
    padding-bottom:8px!important;
    border-bottom:1px solid #e6eef8!important;
    color:#07143f!important;
    font-size:24px!important;
    line-height:1.2!important;
    letter-spacing:-.02em!important;
}
html body .ojs-ref-section p{
    color:#34455d!important;
    line-height:1.78!important;
    font-weight:650!important;
}
html body .ojs-about-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 310px!important;
    gap:22px!important;
}
html body .ojs-stat-boxes{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:10px!important;
}
html body .ojs-stat-boxes a{
    display:grid!important;
    gap:6px!important;
    padding:14px!important;
    background:#f8fbff!important;
    border:1px solid #e6eef8!important;
    color:#07143f!important;
    text-decoration:none!important;
    transition:transform .2s ease,border-color .2s ease!important;
}
html body .ojs-stat-boxes a:hover{transform:translateY(-3px)!important;border-color:#10b9c9!important}
html body .ojs-stat-boxes strong{
    color:#0d4fa3!important;
    font-size:30px!important;
    line-height:1!important;
}
html body .ojs-stat-boxes span{
    color:#52627a!important;
    font-weight:900!important;
}
html body .ojs-info-lines{
    display:grid!important;
    grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;
    gap:8px 20px!important;
    margin-top:18px!important;
    padding:14px!important;
    background:#f8fbff!important;
    border:1px solid #e6eef8!important;
}
html body .ojs-info-lines p{margin:0!important}
html body .ojs-reference-list,
html body .ojs-indexing-list{
    columns:2!important;
    margin:12px 0!important;
    padding-left:22px!important;
}
html body .ojs-reference-list li,
html body .ojs-indexing-list li{
    margin:7px 0!important;
    break-inside:avoid!important;
}
html body .ojs-ref-section a{
    color:#0d4fa3!important;
    font-weight:900!important;
}
html body .ojs-workflow-row{
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:12px!important;
}
html body .ojs-workflow-row a{
    display:block!important;
    padding:16px!important;
    background:#f8fbff!important;
    border:1px solid #d9e6f3!important;
    text-decoration:none!important;
    position:relative!important;
    overflow:hidden!important;
    transition:transform .22s ease, border-color .22s ease!important;
}
html body .ojs-workflow-row a:hover{transform:translateY(-4px)!important;border-color:#10b9c9!important}
html body .ojs-workflow-row a:after{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.42),transparent)!important;
    transform:translateX(-120%)!important;
    transition:transform .65s ease!important;
}
html body .ojs-workflow-row a:hover:after{transform:translateX(120%)!important}
html body .ojs-workflow-row b{
    width:42px!important;
    height:42px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:50%!important;
    background:#07143f!important;
    color:#fff!important;
    margin-bottom:10px!important;
    animation:ojsClinicalPulse 3.2s ease-in-out infinite!important;
}
@keyframes ojsClinicalPulse{0%,100%{box-shadow:0 0 0 0 rgba(16,185,201,0)}50%{box-shadow:0 0 0 8px rgba(16,185,201,.14)}}
html body .ojs-workflow-row strong,
html body .ojs-workflow-row span{display:block!important}
html body .ojs-workflow-row strong{color:#07143f!important;font-size:17px!important}
html body .ojs-workflow-row span{color:#52627a!important;margin-top:5px!important}
html body .ojs-section-title-row{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:14px!important;
    border-bottom:1px solid #e6eef8!important;
    margin-bottom:14px!important;
}
html body .ojs-section-title-row h2{border-bottom:0!important;margin:0!important}
html body .ojs-article-list-final{
    display:grid!important;
    gap:14px!important;
}
html body .ojs-article-list-final article{
    padding:0 0 16px!important;
    border-bottom:1px solid #e6eef8!important;
    animation:ojsArticleSlide .42s ease-out both!important;
}
@keyframes ojsArticleSlide{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:none}}
html body .ojs-article-list-final article > span{
    color:#0a7f87!important;
    font-size:12px!important;
    font-weight:900!important;
}
html body .ojs-article-list-final h3{
    margin:5px 0!important;
    color:#07143f!important;
    font-size:20px!important;
}
html body .ojs-article-list-final h3 a{color:#07143f!important}
html body .ojs-article-list-final small{
    display:block!important;
    color:#52627a!important;
    line-height:1.55!important;
}
html body .ojs-announcement-list{
    display:grid!important;
    gap:10px!important;
}
html body .ojs-announcement-list a{
    display:grid!important;
    gap:5px!important;
    padding:12px!important;
    background:#f8fbff!important;
    border:1px solid #e6eef8!important;
    text-decoration:none!important;
}
html body .ojs-announcement-list strong{color:#07143f!important}
html body .ojs-announcement-list span,
html body .ojs-announcement-list small{color:#52627a!important}

/* Global public pages also become OJS-like */
html body .ojs-page,
html body .journal-page-grid,
html body .site-page,
html body .production-page-hero,
html body .ojs-content-card,
html body .card,
html body .article-item{
    border-color:#d9e6f3!important;
    box-shadow:none!important;
}
html body .ojs-content-card,
html body .card,
html body .article-item{
    animation:ojsPanelRise .42s ease-out both!important;
}
html body .ojs-content-card:hover,
html body .card:hover,
html body .article-item:hover{
    border-color:#10b9c9!important;
    box-shadow:0 12px 30px rgba(7,20,63,.08)!important;
}

/* Footer exact */
html body .minimal-contact-footer,
html body .minimal-footer-inner{
    display:none!important;
}
html body .bscrs-logo-line-footer{
    display:block!important;
    visibility:visible!important;
    background:#07143f!important;
    border-top:4px solid #10b9c9!important;
    color:#fff!important;
    padding:16px 0!important;
    opacity:1!important;
    animation:ojsFooter .35s ease-out both!important;
}
@keyframes ojsFooter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
html body .bscrs-logo-line-footer-inner{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:14px!important;
    text-align:center!important;
    flex-wrap:wrap!important;
}
html body .bscrs-logo-line-footer-inner img{
    width:42px!important;
    height:42px!important;
    object-fit:contain!important;
    background:#fff!important;
    border-radius:10px!important;
    padding:4px!important;
    animation:ojsFooterLogo 4s ease-in-out infinite!important;
}
@keyframes ojsFooterLogo{0%,100%{transform:scale(1)}50%{transform:scale(1.04)}}
html body .bscrs-logo-line-footer-inner p{
    margin:0!important;
    color:#fff!important;
    font-weight:800!important;
    line-height:1.45!important;
    font-size:14px!important;
}

/* Mobile */
@media(max-width:980px){
    html body .isj-mobile-menu-trigger{
        display:grid!important;
        width:42px!important;
        height:42px!important;
        place-items:center!important;
        background:#07143f!important;
        border-radius:10px!important;
        cursor:pointer!important;
    }
    html body .isj-mobile-menu-trigger span{
        display:block!important;
        width:22px!important;
        height:2px!important;
        background:#fff!important;
        margin:3px 0!important;
    }
    html body .isj-main-nav{
        display:none!important;
        grid-template-columns:1fr!important;
        padding:8px 0!important;
    }
    html body .nav-toggle:checked ~ .isj-main-nav{
        display:grid!important;
    }
    html body .isj-main-nav > a,
    html body .isj-main-nav .nav-dropdown > a{
        min-height:44px!important;
        border:0!important;
        border-bottom:1px solid #edf2f8!important;
    }
    html body .isj-main-nav .dropdown-panel{
        position:static!important;
        display:block!important;
        box-shadow:none!important;
        border:0!important;
        border-left:3px solid #10b9c9!important;
        margin-left:18px!important;
    }
    html body .ojs-about-grid,
    html body .ojs-final-journal-title{
        grid-template-columns:1fr!important;
    }
    html body .ojs-workflow-row{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
}
@media(max-width:640px){
    html body .isj-header-meta{display:none!important}
    html body .isj-top-identity-inner{min-height:auto!important;padding:12px 0!important}
    html body .isj-journal-brand img{width:52px!important;height:52px!important}
    html body .isj-journal-brand strong{font-size:24px!important}
    html body main.main.journaltheme-main-container,
    html body main.container.main{padding:0 10px!important}
    html body .ojs-ref-section,
    html body .ojs-final-journal-title{padding:16px!important}
    html body .ojs-reference-list,
    html body .ojs-indexing-list{columns:1!important}
    html body .ojs-workflow-row,
    html body .ojs-stat-boxes{grid-template-columns:1fr!important}
    html body .bscrs-logo-line-footer-inner{display:grid!important;justify-items:center!important}
    html body .bscrs-logo-line-footer-inner p{font-size:13px!important}
}
@media(prefers-reduced-motion: reduce){
    html body *,
    html body *:before,
    html body *:after{
        animation-duration:.001ms!important;
        animation-iteration-count:1!important;
        transition-duration:.001ms!important;
    }
}
