@media(max-width:767.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;
        max-height:100dvh!important;
        border-radius:0!important;
        background:linear-gradient(180deg,#f8fcff 0%,#edf6fb 100%)!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:62px!important;
        padding:calc(env(safe-area-inset-top,0px) + 8px) 10px 8px!important;
        background:rgba(248,252,255,.96)!important;
        box-shadow:0 8px 20px rgba(15,23,42,.08)!important;
    }

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

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

    #articleDetailModal .ff-detail-meta-line{
        margin-top:.15rem!important;
        font-size:.72rem!important;
        line-height:1.2!important;
        white-space:normal!important;
        display:-webkit-box!important;
        -webkit-line-clamp:2!important;
        -webkit-box-orient:vertical!important;
    }

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

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

    #articleDetailModal .ff-detail-body{
        flex:1 1 auto!important;
        height:calc(100dvh - 62px)!important;
        max-height:calc(100dvh - 62px)!important;
        overflow:hidden!important;
    }

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

    #articleDetailModal .ff-detail-layout-mobile .ff-detail-sidebar,
    #articleDetailModal .ff-detail-layout-mobile .ff-detail-nav{
        display:none!important;
    }

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

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

    #articleDetailModal .ff-mobile-card{
        border:1px solid rgba(31,101,156,.13)!important;
        border-radius:18px!important;
        background:rgba(255,255,255,.96)!important;
        box-shadow:0 12px 28px rgba(15,23,42,.065)!important;
        overflow:hidden!important;
    }

    #articleDetailModal .ff-mobile-card + .ff-mobile-card{
        margin-top:10px!important;
    }

    #articleDetailModal .ff-mobile-card-head{
        padding:.62rem .72rem!important;
        border-bottom:1px solid rgba(31,101,156,.10)!important;
        background:linear-gradient(90deg,rgba(37,150,190,.08),rgba(255,255,255,.96))!important;
    }

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

    #articleDetailModal .ff-mobile-card-body{
        padding:.72rem!important;
    }

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

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

    #articleDetailModal .ff-mobile-meta{
        display:grid!important;
        gap:7px!important;
    }

    #articleDetailModal .ff-mobile-meta-row{
        display:grid!important;
        grid-template-columns:92px minmax(0,1fr)!important;
        gap:8px!important;
        align-items:start!important;
        padding:8px!important;
        border:1px solid rgba(31,101,156,.10)!important;
        border-radius:13px!important;
        background:#f8fcff!important;
    }

    #articleDetailModal .ff-mobile-meta-label{
        color:#6b7e91!important;
        font-size:.62rem!important;
        line-height:1.15!important;
        font-weight:850!important;
        letter-spacing:.055em!important;
        text-transform:uppercase!important;
    }

    #articleDetailModal .ff-mobile-meta-value{
        color:#1d3449!important;
        font-size:.82rem!important;
        line-height:1.25!important;
        font-weight:720!important;
        overflow-wrap:anywhere!important;
    }

    #articleDetailModal .ff-mobile-text{
        color:#24384e!important;
        font-size:.9rem!important;
        line-height:1.48!important;
        overflow-wrap:anywhere!important;
    }

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

    #articleDetailModal .ff-mobile-keywords span{
        border:1px solid rgba(31,101,156,.14)!important;
        border-radius:999px!important;
        background:rgba(31,101,156,.07)!important;
        color:var(--dm-blue)!important;
        padding:.24rem .48rem!important;
        font-size:.68rem!important;
        line-height:1.12!important;
        font-weight:800!important;
    }

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

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

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

    #articleDetailModal .ff-detail-toolbar .ff-detail-pdf-action{
        width:100%!important;
        min-width:0!important;
        height:42px!important;
        min-height:42px!important;
        border-radius:14px!important;
        padding:0 .85rem!important;
        font-size:.88rem!important;
        display:inline-flex!important;
        align-items:center!important;
        justify-content:center!important;
        gap:.4rem!important;
    }

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