@media(max-width:575.98px){
    #articleDetailModal{
        --dm-mobile-bottom:72px;
    }

    #articleDetailModal,
    #articleDetailModal.ff-detail-modal,
    body > #articleDetailModal.modal{
        width:100vw!important;
        height:100svh!important;
        max-height:100svh!important;
        overflow:hidden!important;
    }

    #articleDetailModal .ff-detail-modal-dialog{
        width:100vw!important;
        max-width:100vw!important;
        height:100svh!important;
        max-height:100svh!important;
        margin:0!important;
    }

    #articleDetailModal .ff-detail-shell{
        width:100vw!important;
        height:100svh!important;
        max-height:100svh!important;
        border-radius:0!important;
        overflow:hidden!important;
        background:linear-gradient(180deg,#ffffff 0%,#edf7fc 100%)!important;
    }

    #articleDetailModal .ff-detail-header{
        display:grid!important;
        grid-template-columns:minmax(0,1fr) auto!important;
        gap:.45rem!important;
        align-items:center!important;
        min-height:58px!important;
        padding:calc(env(safe-area-inset-top,0px) + 7px) 10px 7px!important;
        background:rgba(255,255,255,.96)!important;
        backdrop-filter:blur(12px)!important;
        box-shadow:0 8px 22px rgba(15,23,42,.08)!important;
    }

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

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

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

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

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

    #articleDetailModal .ff-detail-close{
        width:38px!important;
        min-width:38px!important;
        height:38px!important;
        border-radius:999px!important;
        box-shadow:none!important;
    }

    #articleDetailModal .ff-detail-toolbar{
        position:fixed!important;
        left:10px!important;
        right:10px!important;
        bottom:calc(env(safe-area-inset-bottom,0px) + 8px)!important;
        z-index:2147483635!important;
        min-height:56px!important;
        display:flex!important;
        align-items:center!important;
        gap:8px!important;
        padding:8px!important;
        border:1px solid rgba(31,101,156,.16)!important;
        border-radius:20px!important;
        background:rgba(255,255,255,.96)!important;
        box-shadow:0 18px 48px rgba(15,23,42,.18)!important;
        backdrop-filter:blur(14px)!important;
    }

    #articleDetailModal .ff-detail-toolbar:not(:has(.ff-detail-pdf-action)):not(:has(.dropdown)){
        display:none!important;
    }

    #articleDetailModal .ff-detail-toolbar > button[data-copy-citation],
    #articleDetailModal .ff-detail-toolbar > .btn:not(.ff-detail-pdf-action){
        display:none!important;
    }

    #articleDetailModal .ff-detail-toolbar .ff-detail-pdf-action{
        flex:1 1 auto!important;
        width:auto!important;
        min-width:0!important;
        height:44px!important;
        min-height:44px!important;
        border-radius:15px!important;
        padding:0 .9rem!important;
        font-size:.9rem!important;
        line-height:1!important;
        display:inline-flex!important;
        align-items:center!important;
        justify-content:center!important;
        gap:.45rem!important;
    }

    #articleDetailModal .ff-detail-toolbar .ff-detail-pdf-action span{
        display:inline!important;
    }

    #articleDetailModal .ff-detail-toolbar .ff-detail-pdf-action i{
        margin:0!important;
        font-size:1.12rem!important;
    }

    #articleDetailModal .ff-detail-toolbar .dropdown{
        flex:0 0 auto!important;
        margin-left:auto!important;
    }

    #articleDetailModal .ff-detail-toolbar .dropdown > .btn{
        width:46px!important;
        min-width:46px!important;
        height:44px!important;
        min-height:44px!important;
        padding:0!important;
        border-radius:15px!important;
        font-size:0!important;
        display:inline-flex!important;
        align-items:center!important;
        justify-content:center!important;
    }

    #articleDetailModal .ff-detail-toolbar .dropdown > .btn i{
        margin:0!important;
        font-size:1.08rem!important;
    }

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

    #articleDetailModal .ff-detail-more-menu.show{
        position:fixed!important;
        inset:auto 10px calc(env(safe-area-inset-bottom,0px) + 76px) 10px!important;
        width:auto!important;
        max-height:min(58svh,430px)!important;
        overflow:auto!important;
        transform:none!important;
        border-radius:20px!important;
        z-index:2147483646!important;
        box-shadow:0 24px 64px rgba(15,23,42,.26)!important;
        -webkit-overflow-scrolling:touch!important;
    }

    #articleDetailModal .ff-detail-body{
        height:calc(100svh - 58px)!important;
        max-height:calc(100svh - 58px)!important;
        overflow:hidden!important;
    }

    #articleDetailModal .ff-detail-layout{
        height:100%!important;
        display:block!important;
    }

    #articleDetailModal .ff-detail-sidebar{
        display:none!important;
    }

    #articleDetailModal .ff-detail-main{
        height:100%!important;
        min-height:0!important;
        padding:8px 8px calc(var(--dm-mobile-bottom) + env(safe-area-inset-bottom,0px) + 10px)!important;
        overflow:auto!important;
        -webkit-overflow-scrolling:touch!important;
        scrollbar-width:none!important;
    }

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

    #articleDetailModal .ff-detail-topgrid{
        display:block!important;
        margin:0 0 8px!important;
    }

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

    #articleDetailModal .ff-detail-context-card{
        margin:0 0 8px!important;
        border-radius:18px!important;
        box-shadow:0 10px 28px rgba(15,23,42,.06)!important;
    }

    #articleDetailModal .ff-detail-context-card .ff-detail-card-head{
        display:none!important;
    }

    #articleDetailModal .ff-detail-context-card .ff-detail-card-body{
        padding:8px!important;
    }

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

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

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

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

    #articleDetailModal .ff-detail-meta-icon{
        width:28px!important;
        height:28px!important;
        border-radius:11px!important;
        font-size:.9rem!important;
    }

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

    #articleDetailModal .ff-detail-meta-value{
        font-size:.76rem!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{
        display:none!important;
    }

    #articleDetailModal .ff-detail-info-grid{
        display:flex!important;
        flex-direction:column!important;
        gap:8px!important;
    }

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

    #articleDetailModal .ff-detail-section-card{
        border-radius:18px!important;
        box-shadow:0 10px 28px rgba(15,23,42,.055)!important;
    }

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

    #articleDetailModal .ff-detail-card-head{
        min-height:34px!important;
        padding:.48rem .66rem!important;
    }

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

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

    #articleDetailModal .ff-detail-abstract,
    #articleDetailModal .ff-detail-summary{
        max-height:none!important;
        overflow:visible!important;
        padding-right:0!important;
        font-size:.82rem!important;
        line-height:1.38!important;
        display:block!important;
        -webkit-line-clamp:unset!important;
        -webkit-box-orient:initial!important;
    }

    #articleDetailModal .ff-detail-keywords-scroll{
        max-height:none!important;
        overflow:hidden!important;
    }

    #articleDetailModal .ff-detail-keyword-links{
        max-height:64px!important;
        overflow:hidden!important;
    }

    #articleDetailModal .ff-detail-keyword-chip{
        padding:.2rem .42rem!important;
        font-size:.62rem!important;
    }

    #articleDetailModal .ff-detail-keyword-chip:nth-child(n+9){
        display:none!important;
    }

    #articleDetailModal .ff-loading{
        min-height:calc(100svh - 120px)!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        color:var(--dm-muted)!important;
    }
}

@supports(height:100dvh){
    @media(max-width:575.98px){
        #articleDetailModal,
        #articleDetailModal.ff-detail-modal,
        body > #articleDetailModal.modal,
        #articleDetailModal .ff-detail-modal-dialog,
        #articleDetailModal .ff-detail-shell{
            height:100dvh!important;
            max-height:100dvh!important;
        }

        #articleDetailModal .ff-detail-body{
            height:calc(100dvh - 58px)!important;
            max-height:calc(100dvh - 58px)!important;
        }
    }
}

@media(max-width:575.98px) and (max-height:700px){
    #articleDetailModal{
        --dm-mobile-bottom:66px;
    }

    #articleDetailModal .ff-detail-header{
        min-height:52px!important;
        padding:calc(env(safe-area-inset-top,0px) + 5px) 8px 5px!important;
    }

    #articleDetailModal .ff-detail-title{
        font-size:.92rem!important;
        -webkit-line-clamp:1!important;
    }

    #articleDetailModal .ff-detail-meta-line{
        font-size:.64rem!important;
    }

    #articleDetailModal .ff-detail-body{
        height:calc(100svh - 52px)!important;
        max-height:calc(100svh - 52px)!important;
    }

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

    #articleDetailModal .ff-detail-abstract{
        -webkit-line-clamp:unset!important;
    }

    #articleDetailModal .ff-detail-summary{
        -webkit-line-clamp:unset!important;
    }
}

@supports(height:100dvh){
    @media(max-width:575.98px) and (max-height:700px){
        #articleDetailModal .ff-detail-body{
            height:calc(100dvh - 52px)!important;
            max-height:calc(100dvh - 52px)!important;
        }
    }
}