
#articleDetailModal{
    --dm-blue:#1f659c;
    --dm-sky:#2596be;
    --dm-ink:#17283b;
    --dm-muted:#63788b;
    --dm-line:rgba(31,101,156,.13);
    --dm-soft:#eef8fd;
    --dm-bg:#f4f8fb;
    --dm-shadow:0 26px 80px rgba(15,23,42,.22);
}

#articleDetailModal .ff-detail-modal-dialog{
    width:min(1480px,calc(100vw - 18px))!important;
    max-width:min(1480px,calc(100vw - 18px))!important;
    height:calc(100vh - 18px)!important;
    margin:9px auto!important;
}

#articleDetailModal .ff-detail-shell{
    height:100%!important;
    min-height:0!important;
    display:flex!important;
    flex-direction:column!important;
    border:0!important;
    border-radius:24px!important;
    overflow:hidden!important;
    background:linear-gradient(180deg,#fff 0%,var(--dm-bg) 100%)!important;
    box-shadow:var(--dm-shadow)!important;
}

#articleDetailModal .ff-detail-header{
    position:relative!important;
    top:auto!important;
    flex:0 0 auto!important;
    align-items:center!important;
    gap:.8rem!important;
    padding:10px 14px!important;
    background:
        radial-gradient(circle at 0% 0%,rgba(37,150,190,.14),transparent 34%),
        linear-gradient(135deg,#fff 0%,#f1f9fd 100%)!important;
    border-bottom:1px solid var(--dm-line)!important;
    z-index:3!important;
}

#articleDetailModal .ff-detail-header-main{
    flex:1 1 440px!important;
    min-width:260px!important;
}

#articleDetailModal .ff-detail-kicker{
    display:inline-flex!important;
    align-items:center!important;
    gap:.42rem!important;
    padding:.24rem .54rem!important;
    border:1px solid rgba(31,101,156,.12)!important;
    border-radius:999px!important;
    background:rgba(31,101,156,.07)!important;
    color:var(--dm-blue)!important;
    font-size:.64rem!important;
    line-height:1.1!important;
    letter-spacing:.11em!important;
    font-weight:850!important;
}

#articleDetailModal .ff-detail-title{
    margin:.34rem 0 .16rem!important;
    color:var(--dm-ink)!important;
    font-size:clamp(1.05rem,1.45vw,1.55rem)!important;
    line-height:1.08!important;
    letter-spacing:0!important;
    font-weight:790!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
}

#articleDetailModal .ff-detail-meta-line{
    color:var(--dm-muted)!important;
    font-size:.8rem!important;
    line-height:1.25!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
}

#articleDetailModal .ff-detail-header-actions{
    flex:0 1 690px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:.5rem!important;
    flex-wrap:wrap!important;
}

#articleDetailModal #articleDetailModalHeaderRating{
    display:flex!important;
    align-items:center!important;
    gap:.35rem!important;
    padding:.34rem .52rem!important;
    border:1px solid rgba(31,101,156,.11)!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.74)!important;
}

#articleDetailModal #articleDetailModalHeaderRating small,
#articleDetailModal #articleDetailModalHeaderRating .btn-link{
    display:none!important;
}

#articleDetailModal .ff-detail-toolbar{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:.38rem!important;
    flex-wrap:wrap!important;
}

#articleDetailModal .ff-detail-toolbar .btn{
    min-height:34px!important;
    border-radius:999px!important;
    padding:.38rem .58rem!important;
    font-size:.8rem!important;
    line-height:1.1!important;
    font-weight:720!important;
    box-shadow:none!important;
}

#articleDetailModal .ff-detail-toolbar .dropdown-menu{
    border:1px solid var(--dm-line)!important;
    border-radius:16px!important;
    box-shadow:0 18px 48px rgba(15,23,42,.16)!important;
}

#articleDetailModal .ff-detail-more-menu{
    width:min(360px,calc(100vw - 32px))!important;
    padding:.75rem!important;
}

#articleDetailModal .ff-detail-more-menu .ff-detail-more-title{
    margin:.25rem 0 .38rem!important;
    color:var(--dm-blue)!important;
    font-size:.74rem!important;
    font-weight:820!important;
    text-transform:uppercase!important;
    letter-spacing:.055em!important;
}

#articleDetailModal .ff-detail-more-menu .ff-detail-more-block + .ff-detail-more-block{
    margin-top:.72rem!important;
    padding-top:.72rem!important;
    border-top:1px solid rgba(31,101,156,.10)!important;
}

#articleDetailModal .ff-detail-pdf-action{
    min-height:40px!important;
    padding:.5rem .84rem!important;
    border:0!important;
    background:linear-gradient(135deg,#dc2626 0%,#ef4444 100%)!important;
    color:#fff!important;
    box-shadow:0 12px 26px rgba(220,38,38,.22)!important;
}

#articleDetailModal .ff-detail-toolbar .ff-detail-pdf-action{
    min-height:40px!important;
    padding:.5rem .92rem!important;
    font-size:.9rem!important;
    box-shadow:0 12px 26px rgba(220,38,38,.22)!important;
}

#articleDetailModal .ff-detail-pdf-action i{
    font-size:1.18rem!important;
}

#articleDetailModal .ff-detail-close{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    border:1px solid rgba(31,101,156,.14)!important;
    border-radius:999px!important;
    background:#fff!important;
    color:#31536c!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    box-shadow:0 8px 18px rgba(15,23,42,.08)!important;
}

#articleDetailModal .ff-detail-body{
    flex:1 1 auto!important;
    min-height:0!important;
    padding:0!important;
    overflow:hidden!important;
    background:linear-gradient(180deg,#f6f9fc 0%,#edf6fb 100%)!important;
}

#articleDetailModal .modal-footer{
    display:none!important;
}

#articleDetailModal .ff-detail-layout{
    height:100%!important;
    min-height:0!important;
    display:grid!important;
    grid-template-columns:170px minmax(0,1fr)!important;
}

#articleDetailModal .ff-detail-sidebar{
    min-height:0!important;
    overflow:auto!important;
    border-right:1px solid var(--dm-line)!important;
    background:
        linear-gradient(180deg,rgba(255,255,255,.92),rgba(239,248,252,.92)),
        radial-gradient(circle at 0 0,rgba(31,101,156,.10),transparent 34%)!important;
    padding:12px 10px!important;
}

#articleDetailModal .ff-detail-nav{
    position:sticky!important;
    top:0!important;
    display:flex!important;
    flex-direction:column!important;
    gap:.34rem!important;
}

#articleDetailModal .ff-detail-nav-btn{
    width:100%!important;
    min-height:36px!important;
    display:flex!important;
    align-items:center!important;
    gap:.45rem!important;
    border:1px solid transparent!important;
    border-radius:12px!important;
    background:transparent!important;
    color:#496a7e!important;
    padding:.42rem .52rem!important;
    text-align:left!important;
    font-size:.8rem!important;
    font-weight:650!important;
}

#articleDetailModal .ff-detail-nav-btn i{
    width:24px!important;
    height:24px!important;
    min-width:24px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:10px!important;
    background:rgba(37,150,190,.09)!important;
    color:#258ab4!important;
}

#articleDetailModal .ff-detail-nav-btn:hover,
#articleDetailModal .ff-detail-nav-btn.is-active{
    border-color:rgba(31,101,156,.13)!important;
    background:rgba(255,255,255,.78)!important;
    color:var(--dm-blue)!important;
    box-shadow:0 8px 20px rgba(31,101,156,.06)!important;
}

#articleDetailModal .ff-detail-nav-btn.is-available{
    border-color:rgba(34,197,94,.28)!important;
    background:rgba(34,197,94,.12)!important;
    color:#14783c!important;
}

#articleDetailModal .ff-detail-nav-btn.is-available i{
    background:rgba(34,197,94,.18)!important;
    color:#15803d!important;
}

#articleDetailModal .ff-detail-nav-btn.is-available.is-active{
    border-color:rgba(22,163,74,.78)!important;
    background:linear-gradient(135deg,#16a34a 0%,#22c55e 100%)!important;
    color:#fff!important;
    box-shadow:0 10px 24px rgba(34,197,94,.20)!important;
}

#articleDetailModal .ff-detail-nav-btn.is-available.is-active i{
    background:rgba(255,255,255,.22)!important;
    color:#fff!important;
}

#articleDetailModal .ff-detail-main{
    min-width:0!important;
    min-height:0!important;
    height:100%!important;
    padding:10px!important;
    overflow:auto!important;
}

#articleDetailModal .ff-detail-topgrid{
    display:grid!important;
    grid-template-columns:280px minmax(0,1fr)!important;
    gap:10px!important;
    margin:0 0 10px!important;
    align-items:stretch!important;
}

#articleDetailModal .ff-detail-preview-card,
#articleDetailModal .ff-detail-context-card,
#articleDetailModal .ff-detail-section-card{
    border:1px solid var(--dm-line)!important;
    border-radius:16px!important;
    background:rgba(255,255,255,.94)!important;
    box-shadow:0 12px 32px rgba(15,23,42,.06)!important;
    overflow:hidden!important;
}

#articleDetailModal .ff-detail-card-head{
    min-height:36px!important;
    padding:.5rem .68rem!important;
    border-bottom:1px solid rgba(31,101,156,.10)!important;
    background:linear-gradient(90deg,rgba(37,150,190,.08),rgba(255,255,255,.94))!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:.65rem!important;
}

#articleDetailModal .ff-detail-card-title{
    margin:0!important;
    color:var(--dm-blue)!important;
    font-size:.88rem!important;
    line-height:1.15!important;
    font-weight:780!important;
    letter-spacing:0!important;
}

#articleDetailModal .ff-detail-card-body{
    padding:.62rem!important;
}

#articleDetailModal .ff-preview-stage{
    min-height:0!important;
    height:198px!important;
    padding:.46rem!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border:1px solid rgba(31,101,156,.10)!important;
    border-radius:14px!important;
    background:linear-gradient(180deg,#f7fcff 0%,#fff 100%)!important;
}

#articleDetailModal .ff-preview-stage img{
    max-width:100%!important;
    max-height:186px!important;
    width:auto!important;
    height:auto!important;
    object-fit:contain!important;
    border-radius:10px!important;
    box-shadow:0 10px 28px rgba(15,23,42,.14)!important;
}

#articleDetailModal .ff-preview-fallback{
    min-height:0!important;
    height:100%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border:1px dashed rgba(31,101,156,.18)!important;
    border-radius:12px!important;
    color:var(--dm-muted)!important;
    background:#fff!important;
    text-align:center!important;
}

#articleDetailModal .ff-detail-preview-cta{
    width:100%!important;
    margin-top:.52rem!important;
    min-height:38px!important;
    border:0!important;
    border-radius:13px!important;
    background:linear-gradient(135deg,#dc2626,#ef4444)!important;
    color:#fff!important;
    font-weight:830!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:.5rem!important;
    box-shadow:0 14px 28px rgba(220,38,38,.20)!important;
}

#articleDetailModal .ff-detail-preview-cta i{
    font-size:1.12rem!important;
}

#articleDetailModal .ff-detail-badges{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:.35rem!important;
}

#articleDetailModal .ff-detail-badges .badge,
#articleDetailModal .ff-detail-inline-list .badge,
#articleDetailModal .ff-detail-inline-list a,
#articleDetailModal .ff-detail-inline-list span{
    border-radius:999px!important;
}

#articleDetailModal .ff-detail-keyword-links{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:.28rem!important;
}

#articleDetailModal .ff-detail-keyword-chip{
    display:inline-flex!important;
    align-items:center!important;
    max-width:100%!important;
    padding:.22rem .46rem!important;
    border:1px solid rgba(31,101,156,.16)!important;
    border-radius:999px!important;
    background:rgba(31,101,156,.07)!important;
    color:var(--dm-blue)!important;
    font-size:.68rem!important;
    line-height:1.1!important;
    font-weight:760!important;
    text-decoration:none!important;
    white-space:normal!important;
}

#articleDetailModal .ff-detail-keyword-chip:hover{
    background:rgba(31,101,156,.13)!important;
    border-color:rgba(31,101,156,.26)!important;
    color:#174d78!important;
    text-decoration:none!important;
}

#articleDetailModal .ff-detail-meta-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:.48rem!important;
}

#articleDetailModal .ff-detail-meta-item{
    min-width:0!important;
    display:grid!important;
    grid-template-columns:30px minmax(0,1fr)!important;
    gap:.48rem!important;
    align-items:start!important;
    padding:.52rem!important;
    border:1px solid rgba(31,101,156,.11)!important;
    border-radius:13px!important;
    background:rgba(248,252,255,.88)!important;
}

#articleDetailModal .ff-detail-meta-item.is-wide{
    grid-column:span 2!important;
}

#articleDetailModal .ff-detail-meta-icon{
    width:30px!important;
    height:30px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:11px!important;
    background:rgba(37,150,190,.10)!important;
    color:#258ab4!important;
}

#articleDetailModal .ff-detail-meta-label{
    margin-bottom:.16rem!important;
    color:var(--dm-muted)!important;
    font-size:.62rem!important;
    line-height:1.1!important;
    font-weight:800!important;
    text-transform:uppercase!important;
    letter-spacing:.055em!important;
}

#articleDetailModal .ff-detail-meta-value{
    min-width:0!important;
    color:#244257!important;
    font-size:.82rem!important;
    line-height:1.22!important;
    font-weight:680!important;
    overflow-wrap:anywhere!important;
}

#articleDetailModal .ff-author-link,
#articleDetailModal .ff-journal-link{
    color:var(--dm-blue)!important;
    text-decoration:none!important;
    font-weight:760!important;
}

#articleDetailModal .ff-journal-meta-wrap{
    display:flex!important;
    align-items:center!important;
    gap:.4rem!important;
    flex-wrap:wrap!important;
}

#articleDetailModal .ff-my-journal-inline{
    border-radius:999px!important;
    padding:.22rem .55rem!important;
    font-size:.72rem!important;
    font-weight:850!important;
    line-height:1.2!important;
}

#articleDetailModal .ff-my-journal-inline.is-active{
    background:#2fb344!important;
    border-color:#2fb344!important;
    color:#fff!important;
}

#articleDetailModal .ff-author-link:hover,
#articleDetailModal .ff-journal-link:hover{
    text-decoration:underline!important;
}

#articleDetailModal .ff-detail-actions-row{
    display:flex!important;
    align-items:center!important;
    flex-wrap:wrap!important;
    gap:.35rem!important;
    margin-top:.48rem!important;
}

#articleDetailModal .ff-detail-section-stack{
    display:block!important;
}

#articleDetailModal .ff-detail-info-grid{
    display:grid!important;
    grid-template-columns:1.1fr .9fr!important;
    gap:10px!important;
}

#articleDetailModal .ff-detail-section-card.ff-detail-keyword-card,
#articleDetailModal .ff-detail-section-card.ff-detail-citation-card{
    align-self:start!important;
}

#articleDetailModal .ff-detail-abstract,
#articleDetailModal .ff-detail-summary,
#articleDetailModal .ff-detail-fulltext,
#articleDetailModal .ff-detail-resolver,
#articleDetailModal .ff-detail-literature,
#articleDetailModal .ff-detail-note-text,
#articleDetailModal .ff-detail-similar-list{
    color:#2f4155!important;
    font-size:.84rem!important;
    line-height:1.38!important;
}

#articleDetailModal .ff-detail-resolver .carelit-resolver-image-link,
#articleDetailModal .ff-detail-resolver .carelit-resolver-buttons .carelit-resolver-image-link{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    min-width:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    text-decoration:none!important;
}

#articleDetailModal .ff-detail-resolver .carelit-resolver-image-link img{
    max-width:220px!important;
    max-height:48px!important;
    object-fit:contain!important;
    display:block!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
}

#articleDetailModal .ff-archive-options{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:.62rem!important;
}

#articleDetailModal .ff-archive-option{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:center!important;
    gap:.28rem!important;
    min-height:54px!important;
    padding:.68rem .78rem!important;
    border:1px solid rgba(151,191,218,.52)!important;
    border-radius:6px!important;
    background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(244,250,254,.92))!important;
    box-shadow:0 8px 20px rgba(31,101,156,.07)!important;
}

#articleDetailModal a.ff-archive-option{
    color:var(--dm-blue)!important;
    text-decoration:none!important;
}

#articleDetailModal a.ff-archive-option:hover{
    border-color:rgba(31,101,156,.48)!important;
    background:#fff!important;
    transform:translateY(-1px)!important;
}

#articleDetailModal .ff-archive-option-label{
    display:inline-flex!important;
    align-items:center!important;
    gap:.38rem!important;
    color:#0f4d7a!important;
    font-size:.82rem!important;
    font-weight:820!important;
    line-height:1.2!important;
}

#articleDetailModal .ff-archive-option-hint{
    color:#62768d!important;
    font-size:.74rem!important;
    line-height:1.25!important;
}

#articleDetailModal .ff-detail-resolver .carelit-resolver-buttons{
    display:grid!important;
    grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important;
    align-items:stretch!important;
    gap:.55rem!important;
    width:100%!important;
}

#articleDetailModal .ff-detail-resolver .carelit-resolver-buttons > a:not(.carelit-resolver-image-link),
#articleDetailModal .ff-detail-resolver .carelit-resolver-buttons > button{
    width:100%!important;
    min-height:48px!important;
    margin:0!important;
    padding:.58rem .66rem!important;
    border:1px solid rgba(197,220,236,.82)!important;
    border-radius:6px!important;
    background:rgba(255,255,255,.88)!important;
    color:#0f5f94!important;
    box-shadow:none!important;
}

#articleDetailModal .ff-detail-resolver .carelit-resolver-buttons > a:not(.carelit-resolver-image-link):hover,
#articleDetailModal .ff-detail-resolver .carelit-resolver-buttons > button:hover{
    border-color:rgba(31,101,156,.45)!important;
    background:#fff!important;
}

#articleDetailModal .ff-detail-resolver .carelit-resolver-buttons > .carelit-resolver-image-link{
    min-height:48px!important;
    align-self:center!important;
    justify-content:flex-start!important;
}

#articleDetailModal .ff-detail-abstract,
#articleDetailModal .ff-detail-summary{
    max-height:none!important;
    overflow:visible!important;
    padding-right:0!important;
}

#articleDetailModal .ff-detail-keywords-scroll{
    max-height:92px!important;
    overflow:auto!important;
}

#articleDetailModal .ff-detail-hit-row{
    display:grid!important;
    grid-template-columns:150px minmax(0,1fr)!important;
    gap:14px!important;
    align-items:start!important;
    padding:.72rem!important;
    border:1px solid var(--dm-line)!important;
    border-radius:16px!important;
    background:rgba(255,255,255,.86)!important;
}

#articleDetailModal .ff-detail-hit-row + .ff-detail-hit-row{
    margin-top:10px!important;
}

#articleDetailModal .ff-detail-hit-preview{
    min-height:180px!important;
    display:flex!important;
    align-items:flex-start!important;
    justify-content:center!important;
    border-radius:13px!important;
    background:linear-gradient(180deg,#f7fcff,#fff)!important;
    border:1px solid rgba(31,101,156,.10)!important;
    padding:.4rem!important;
}

#articleDetailModal .ff-detail-hit-preview img{
    max-width:100%!important;
    max-height:210px!important;
    object-fit:contain!important;
    border-radius:9px!important;
    box-shadow:0 8px 22px rgba(15,23,42,.12)!important;
}

#articleDetailModal .ff-detail-snippet-label{
    display:inline-flex!important;
    align-items:center!important;
    gap:.32rem!important;
    margin-bottom:.42rem!important;
    border-radius:999px!important;
    background:rgba(31,101,156,.10)!important;
    color:var(--dm-blue)!important;
    padding:.18rem .48rem!important;
    font-size:.68rem!important;
    line-height:1.1!important;
    font-weight:850!important;
}

#articleDetailModal .ff-detail-fulltext{
    border-left:3px solid rgba(31,101,156,.24)!important;
    padding:.35rem .3rem .35rem .7rem!important;
}

#articleDetailModal .ff-hit-mark{
    border-radius:.32rem!important;
    padding:.03rem .16rem!important;
    background:linear-gradient(135deg,rgba(255,221,87,.95),rgba(255,244,177,.95))!important;
    color:#17283b!important;
    font-weight:850!important;
    box-decoration-break:clone!important;
    -webkit-box-decoration-break:clone!important;
}

#articleDetailModal .ff-similar-item{
    width:100%!important;
    display:block!important;
    border:1px solid var(--dm-line)!important;
    border-radius:16px!important;
    background:rgba(255,255,255,.90)!important;
    color:var(--dm-ink)!important;
    text-align:left!important;
    padding:.72rem .82rem!important;
    margin-bottom:10px!important;
}

#articleDetailModal .ff-similar-item:hover{
    border-color:rgba(31,101,156,.34)!important;
    background:rgba(31,101,156,.07)!important;
}

#articleDetailModal .ff-similar-title{
    display:block!important;
    color:var(--dm-blue)!important;
    font-size:.92rem!important;
    font-weight:900!important;
    line-height:1.24!important;
    margin-bottom:.28rem!important;
}

#articleDetailModal .ff-similar-meta{
    display:block!important;
    color:var(--dm-muted)!important;
    font-size:.72rem!important;
    font-weight:650!important;
    margin-bottom:.38rem!important;
}

#articleDetailModal .ff-similar-abstract{
    display:block!important;
    color:#2f4155!important;
    font-size:.78rem!important;
    line-height:1.36!important;
}

#articleDetailModal .ff-detail-citation-tools{
    display:flex!important;
    align-items:center!important;
    gap:.42rem!important;
    flex-wrap:wrap!important;
    margin-bottom:.42rem!important;
}

#articleDetailModal #citationText{
    display:block!important;
    margin:0!important;
    padding:.55rem .66rem!important;
    border-left:3px solid rgba(31,101,156,.28)!important;
    border-radius:12px!important;
    background:rgba(248,252,255,.95)!important;
    color:#2f4155!important;
    font-size:.78rem!important;
    line-height:1.34!important;
}

#articleDetailModal .ff-detail-rating-inline{
    display:none!important;
    margin-top:0!important;
    padding-top:0!important;
    border-top:0!important;
}

#articleDetailModal .rating-stars{
    display:inline-flex!important;
    align-items:center!important;
    gap:.12rem!important;
}

#articleDetailModal .rating-stars .star{
    font-size:.95rem!important;
    line-height:1!important;
}

#articleDetailModal .ff-detail-tree-grid,
#articleDetailModal .ff-archive-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
}

#articleDetailModal .ff-tree-browser{
    max-height:calc(100vh - 210px)!important;
    overflow:auto!important;
}

#articleDetailModal .ff-tree-pane-title{
    margin:0 0 .55rem!important;
    color:var(--dm-blue)!important;
    font-size:.78rem!important;
    font-weight:820!important;
    text-transform:uppercase!important;
    letter-spacing:.05em!important;
}

#articleDetailModal .ff-topic-tree-summary{
    display:grid!important;
    grid-template-columns:repeat(auto-fit,minmax(120px,1fr))!important;
    gap:8px!important;
    margin-bottom:12px!important;
}

#articleDetailModal .ff-topic-root-card{
    border:1px solid var(--dm-line)!important;
    border-radius:14px!important;
    background:rgba(248,252,255,.76)!important;
    padding:.62rem .72rem!important;
}

#articleDetailModal .ff-topic-root-card.is-hit{
    border-color:rgba(31,101,156,.34)!important;
    background:linear-gradient(135deg,rgba(31,101,156,.12),rgba(255,255,255,.92))!important;
}

#articleDetailModal .ff-topic-root-code{
    display:block!important;
    color:var(--dm-muted)!important;
    font-size:.64rem!important;
    font-weight:900!important;
    letter-spacing:.08em!important;
    text-transform:uppercase!important;
}

#articleDetailModal .ff-topic-root-name{
    display:block!important;
    color:var(--dm-ink)!important;
    font-size:.76rem!important;
    font-weight:850!important;
    line-height:1.25!important;
    margin-top:.22rem!important;
}

#articleDetailModal .ff-topic-root-count{
    display:inline-flex!important;
    align-items:center!important;
    margin-top:.42rem!important;
    border-radius:999px!important;
    padding:.12rem .42rem!important;
    background:rgba(31,101,156,.1)!important;
    color:var(--dm-blue)!important;
    font-size:.67rem!important;
    font-weight:850!important;
}

#articleDetailModal .ff-topic-group{
    border:1px solid var(--dm-line)!important;
    border-radius:18px!important;
    background:#fff!important;
    overflow:hidden!important;
    margin-bottom:10px!important;
}

#articleDetailModal .ff-topic-group-head{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    padding:.68rem .82rem!important;
    background:linear-gradient(135deg,rgba(31,101,156,.08),rgba(255,255,255,.94))!important;
    border-bottom:1px solid var(--dm-line)!important;
}

#articleDetailModal .ff-topic-group-title{
    margin:0!important;
    color:var(--dm-ink)!important;
    font-size:.95rem!important;
    font-weight:900!important;
    line-height:1.2!important;
}

#articleDetailModal .ff-topic-branch{
    padding:.72rem .82rem!important;
}

#articleDetailModal .ff-topic-branch + .ff-topic-branch{
    border-top:1px solid var(--dm-line)!important;
}

#articleDetailModal .ff-topic-branch-title{
    margin:0 0 .5rem!important;
    color:var(--dm-muted)!important;
    font-size:.72rem!important;
    font-weight:900!important;
    text-transform:uppercase!important;
    letter-spacing:.06em!important;
}

#articleDetailModal .ff-topic-item{
    display:block!important;
    width:100%!important;
    border:1px solid rgba(31,101,156,.14)!important;
    border-radius:14px!important;
    background:rgba(248,252,255,.72)!important;
    color:var(--dm-ink)!important;
    text-align:left!important;
    text-decoration:none!important;
    padding:.58rem .66rem!important;
    margin-top:7px!important;
}

#articleDetailModal .ff-topic-item:hover{
    border-color:rgba(31,101,156,.38)!important;
    background:rgba(31,101,156,.08)!important;
}

#articleDetailModal .ff-topic-item-main{
    display:flex!important;
    align-items:flex-start!important;
    justify-content:space-between!important;
    gap:8px!important;
}

#articleDetailModal .ff-topic-item-title{
    font-weight:900!important;
    line-height:1.25!important;
}

#articleDetailModal .ff-topic-item-score{
    flex:0 0 auto!important;
    border-radius:999px!important;
    background:rgba(31,101,156,.1)!important;
    color:var(--dm-blue)!important;
    padding:.08rem .42rem!important;
    font-size:.64rem!important;
    font-weight:900!important;
}

#articleDetailModal .ff-topic-item-path{
    margin-top:.28rem!important;
    color:var(--dm-muted)!important;
    font-size:.72rem!important;
}

@media(min-width:1200px){
    #articleDetailModal .ff-detail-layout-info .ff-detail-main{
        display:block!important;
        overflow:auto!important;
        -webkit-overflow-scrolling:touch!important;
    }

    #articleDetailModal .ff-detail-layout-info .ff-detail-section-stack{
        min-height:auto!important;
    }

    #articleDetailModal .ff-detail-layout-info .ff-detail-info-grid{
        height:auto!important;
        min-height:auto!important;
        grid-template-rows:auto auto!important;
        align-items:start!important;
    }

    #articleDetailModal .ff-detail-layout-info .ff-detail-section-card{
        min-height:auto!important;
        display:flex!important;
        flex-direction:column!important;
    }

    #articleDetailModal .ff-detail-layout-info .ff-detail-card-body{
        min-height:auto!important;
        flex:0 0 auto!important;
    }
}

@media(min-width:1200px) and (max-height:860px){
    #articleDetailModal .ff-detail-header{
        padding:8px 12px!important;
    }

    #articleDetailModal .ff-detail-title{
        font-size:clamp(1rem,1.32vw,1.38rem)!important;
    }

    #articleDetailModal .ff-detail-body{
        min-height:0!important;
    }

    #articleDetailModal .ff-detail-main{
        padding:8px!important;
    }

    #articleDetailModal .ff-detail-topgrid{
        grid-template-columns:250px minmax(0,1fr)!important;
        gap:8px!important;
        margin-bottom:8px!important;
    }

    #articleDetailModal .ff-detail-card-head{
        min-height:32px!important;
        padding:.44rem .58rem!important;
    }

    #articleDetailModal .ff-detail-card-body{
        padding:.52rem!important;
    }

    #articleDetailModal .ff-preview-stage{
        height:164px!important;
    }

    #articleDetailModal .ff-preview-stage img{
        max-height:154px!important;
    }

    #articleDetailModal .ff-detail-preview-cta{
        min-height:34px!important;
        margin-top:.42rem!important;
    }

    #articleDetailModal .ff-detail-meta-grid{
        gap:.38rem!important;
    }

    #articleDetailModal .ff-detail-meta-item{
        min-height:46px!important;
        padding:.42rem!important;
    }

    #articleDetailModal .ff-detail-abstract,
    #articleDetailModal .ff-detail-summary{
        max-height:none!important;
        overflow:visible!important;
    }

    #articleDetailModal .ff-detail-keywords-scroll{
        max-height:66px!important;
    }

    #articleDetailModal #citationText{
        display:-webkit-box!important;
        -webkit-line-clamp:2!important;
        -webkit-box-orient:vertical!important;
        overflow:hidden!important;
    }
}

@media(max-width:1199.98px){
    #articleDetailModal .ff-detail-modal-dialog{
        width:100%!important;
        max-width:100%!important;
        height:100%!important;
        margin:0!important;
    }

    #articleDetailModal .ff-detail-shell{
        border-radius:0!important;
    }

    #articleDetailModal .ff-detail-layout{
        grid-template-columns:1fr!important;
    }

    #articleDetailModal .ff-detail-sidebar{
        border-right:0!important;
        border-bottom:1px solid var(--dm-line)!important;
        padding:10px!important;
    }

    #articleDetailModal .ff-detail-nav{
        position:static!important;
        flex-direction:row!important;
        overflow:auto!important;
    }

    #articleDetailModal .ff-detail-nav-btn{
        width:auto!important;
        white-space:nowrap!important;
    }

    #articleDetailModal .ff-detail-topgrid,
    #articleDetailModal .ff-detail-info-grid,
    #articleDetailModal .ff-detail-tree-grid,
    #articleDetailModal .ff-archive-grid{
        grid-template-columns:1fr!important;
    }

    #articleDetailModal .ff-detail-meta-grid{
        grid-template-columns:1fr!important;
    }

    #articleDetailModal .ff-detail-hit-row{
        grid-template-columns:1fr!important;
    }

    #articleDetailModal .ff-detail-hit-preview{
        min-height:0!important;
    }

    #articleDetailModal .ff-detail-hit-preview img{
        max-height:180px!important;
    }

    #articleDetailModal .ff-detail-meta-item.is-wide{
        grid-column:auto!important;
    }
}

@media(max-width:767.98px){
    #articleDetailModal .ff-detail-header{
        align-items:stretch!important;
    }

    #articleDetailModal .ff-detail-header-actions{
        justify-content:flex-start!important;
    }

    #articleDetailModal .ff-detail-main{
        padding:10px!important;
    }

    #articleDetailModal .ff-preview-stage{
        height:210px!important;
    }
}

@media(max-width:575.98px){
    #articleDetailModal .ff-detail-modal-dialog{
        width:100vw!important;
        max-width:100vw!important;
        height:100dvh!important;
        max-height:100dvh!important;
        margin:0!important;
    }

    #articleDetailModal .ff-detail-shell{
        width:100vw!important;
        height:100dvh!important;
        border-radius:0!important;
    }

    #articleDetailModal .ff-detail-header{
        display:grid!important;
        grid-template-columns:minmax(0,1fr) auto!important;
        align-items:center!important;
        gap:.45rem!important;
        min-height:54px!important;
        padding:7px 8px!important;
    }

    #articleDetailModal .ff-detail-header-main{
        min-width:0!important;
        flex:1 1 auto!important;
    }

    #articleDetailModal .ff-detail-kicker,
    #articleDetailModal #articleDetailModalHeaderRating{
        display:none!important;
    }

    #articleDetailModal .ff-detail-title{
        margin:0!important;
        font-size:.98rem!important;
        line-height:1.12!important;
        -webkit-line-clamp:2!important;
    }

    #articleDetailModal .ff-detail-meta-line{
        margin-top:.14rem!important;
        font-size:.68rem!important;
        line-height:1.15!important;
    }

    #articleDetailModal .ff-detail-header-actions{
        flex:0 0 auto!important;
        justify-content:flex-end!important;
        align-items:center!important;
        gap:.28rem!important;
        flex-wrap:nowrap!important;
    }

    #articleDetailModal .ff-detail-toolbar{
        gap:.24rem!important;
        flex-wrap:nowrap!important;
    }

    #articleDetailModal .ff-detail-toolbar .btn{
        width:34px!important;
        min-width:34px!important;
        height:34px!important;
        min-height:34px!important;
        padding:0!important;
        display:inline-flex!important;
        align-items:center!important;
        justify-content:center!important;
        border-radius:999px!important;
        overflow:hidden!important;
        font-size:0!important;
        white-space:nowrap!important;
    }

    #articleDetailModal .ff-detail-toolbar .ff-detail-pdf-action{
        width:42px!important;
        min-width:42px!important;
        box-shadow:0 10px 20px rgba(220,38,38,.20)!important;
    }

    #articleDetailModal .ff-detail-toolbar .btn i{
        margin:0!important;
        font-size:1rem!important;
        line-height:1!important;
    }

    #articleDetailModal .ff-detail-toolbar .dropdown-toggle::after{
        display:none!important;
    }

    #articleDetailModal .ff-detail-close{
        width:34px!important;
        min-width:34px!important;
        height:34px!important;
    }

    #articleDetailModal .ff-detail-body{
        flex:1 1 auto!important;
        height:auto!important;
        min-height:0!important;
        overflow:hidden!important;
    }

    #articleDetailModal .ff-detail-layout{
        height:100%!important;
        display:grid!important;
        grid-template-rows:auto minmax(0,1fr)!important;
        grid-template-columns:1fr!important;
    }

    #articleDetailModal .ff-detail-sidebar{
        min-height:0!important;
        max-height:52px!important;
        padding:6px 8px!important;
        overflow:hidden!important;
        border-bottom:1px solid var(--dm-line)!important;
        background:rgba(255,255,255,.94)!important;
    }

    #articleDetailModal .ff-detail-nav{
        position:static!important;
        display:flex!important;
        flex-direction:row!important;
        gap:.34rem!important;
        overflow-x:auto!important;
        overflow-y:hidden!important;
        padding-bottom:2px!important;
        scrollbar-width:none!important;
        -webkit-overflow-scrolling:touch!important;
    }

    #articleDetailModal .ff-detail-nav::-webkit-scrollbar{
        display:none!important;
    }

    #articleDetailModal .ff-detail-nav-btn{
        width:38px!important;
        min-width:38px!important;
        height:38px!important;
        min-height:38px!important;
        padding:0!important;
        justify-content:center!important;
        border-radius:999px!important;
        box-shadow:none!important;
    }

    #articleDetailModal .ff-detail-nav-btn span{
        display:none!important;
    }

    #articleDetailModal .ff-detail-nav-btn i{
        width:28px!important;
        height:28px!important;
        min-width:28px!important;
        margin:0!important;
    }

    #articleDetailModal .ff-detail-main{
        height:100%!important;
        min-height:0!important;
        padding:8px!important;
        overflow:auto!important;
        -webkit-overflow-scrolling:touch!important;
    }

    #articleDetailModal .ff-detail-topgrid{
        display:flex!important;
        flex-direction:column!important;
        gap:8px!important;
        margin-bottom:8px!important;
    }

    #articleDetailModal .ff-detail-context-card{
        order:1!important;
    }

    #articleDetailModal .ff-detail-preview-card{
        order:2!important;
        display:none!important;
    }

    #articleDetailModal .ff-detail-card-head{
        min-height:30px!important;
        padding:.42rem .55rem!important;
    }

    #articleDetailModal .ff-detail-card-title{
        font-size:.82rem!important;
    }

    #articleDetailModal .ff-detail-card-body{
        padding:.52rem!important;
    }

    #articleDetailModal .ff-detail-meta-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        gap:.36rem!important;
    }

    #articleDetailModal .ff-detail-meta-item{
        grid-template-columns:26px minmax(0,1fr)!important;
        gap:.36rem!important;
        min-height:0!important;
        padding:.42rem!important;
        border-radius:12px!important;
    }

    #articleDetailModal .ff-detail-meta-item.is-wide{
        grid-column:1 / -1!important;
    }

    #articleDetailModal .ff-detail-meta-item:nth-child(n+5){
        display:none!important;
    }

    #articleDetailModal .ff-detail-meta-icon{
        width:26px!important;
        height:26px!important;
        border-radius:10px!important;
        font-size:.86rem!important;
    }

    #articleDetailModal .ff-detail-meta-label{
        font-size:.55rem!important;
        letter-spacing:.045em!important;
    }

    #articleDetailModal .ff-detail-meta-value{
        font-size:.74rem!important;
        line-height:1.18!important;
        display:-webkit-box!important;
        -webkit-line-clamp:2!important;
        -webkit-box-orient:vertical!important;
        overflow:hidden!important;
    }

    #articleDetailModal .ff-detail-actions-row{
        margin-top:.36rem!important;
        gap:.28rem!important;
    }

    #articleDetailModal .ff-detail-actions-row .badge,
    #articleDetailModal .ff-detail-badges .badge{
        padding:.22rem .42rem!important;
        font-size:.64rem!important;
    }

    #articleDetailModal .ff-detail-info-grid{
        display:block!important;
    }

    #articleDetailModal .ff-detail-info-grid > .ff-detail-section-card + .ff-detail-section-card{
        margin-top:8px!important;
    }

    #articleDetailModal .ff-detail-section-card.ff-detail-citation-card{
        display:none!important;
    }

    #articleDetailModal .ff-detail-abstract,
    #articleDetailModal .ff-detail-summary{
        max-height:none!important;
        overflow:visible!important;
        font-size:.78rem!important;
        line-height:1.34!important;
    }

    #articleDetailModal .ff-detail-keywords-scroll{
        max-height:66px!important;
    }

    #articleDetailModal .ff-detail-keyword-chip{
        padding:.18rem .38rem!important;
        font-size:.62rem!important;
        line-height:1.08!important;
    }

    #articleDetailModal .ff-detail-more-menu.show{
        position:fixed!important;
        inset:auto 10px 10px 10px!important;
        width:auto!important;
        max-height:min(72dvh,520px)!important;
        overflow:auto!important;
        transform:none!important;
        border-radius:18px!important;
        z-index:2147483646!important;
        box-shadow:0 28px 70px rgba(15,23,42,.28)!important;
    }
}
