.jm-container{
    display:grid;
    grid-template-columns:280px 1fr;
    gap:30px;
    max-width:1400px;
    margin:40px auto;
    padding:0 20px;
}

.jm-sidebar{
    background:#fff;
    border:1px solid #e5e5e5;
    padding:25px;
}

.jm-sidebar h3{
    margin-bottom:20px;
}

.jm-sidebar ul{
    list-style:none;
    margin:0;
    padding:0;
}

.jm-sidebar li{
    margin-bottom:12px;
}

.jm-sidebar li.active a{
    color:#005f8d;
    font-weight:700;
}

.jm-sidebar a{
    text-decoration:none;
}

.jm-content{
    background:#fff;
}

.jm-header{
    display:flex;
    gap:30px;
    align-items:flex-start;
    margin-bottom:30px;
}

.jm-cover img{
    width:180px;
    height:auto;
}

.jm-info h1{
    margin:0;
    font-size:42px;
    line-height:1.2;
}

.jm-meta{
    margin-top:10px;
    color:#666;
}

.jm-tabs{
    display:flex;
    gap:10px;
    margin:30px 0;
}

.jm-tabs button{
    padding:12px 20px;
    border:none;
    background:#eee;
    cursor:pointer;
}

.jm-tabs button.active{
    background:#005f8d;
    color:#fff;
}

.jm-tab{
    display:none;
}

.jm-tab.active{
    display:block;
}

.jm-search{
    display:flex;
    gap:10px;
    margin-bottom:20px;
}

.jm-search input{
    flex:1;
    padding:12px;
}

.jm-search button{
    padding:12px 25px;
}

.jm-download{
    display:inline-block;
    margin-top:20px;
    background:#005f8d;
    color:#fff;
    padding:12px 24px;
    text-decoration:none;
}

@media(max-width:991px){

    .jm-container{
        grid-template-columns:1fr;
    }

    .jm-header{
        flex-direction:column;
    }

    .jm-info h1{
        font-size:30px;
    }

    .jm-tabs{
        flex-wrap:wrap;
    }

}