.article-cover{

    width:100%;

    height:450px;

    object-fit:cover;

}

.article-title{

    color:#252562;

    font-weight:700;

    line-height:1.4;

}

.article-body{

    font-size:17px;

    line-height:2;

    color:#555;

}

.article-body img{

    max-width:100%;

    height:auto;

    border-radius:12px;

    margin:20px 0;

}

.share-btn{

    width:48px;

    height:48px;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:18px;

}

.card{

    border-radius:20px;

}

/* Sidebar */

.sidebar-thumb{
    width:100px;
    height:75px;
    object-fit:cover;
    border-radius:12px;
    flex-shrink:0;
}

.sidebar-title{
    font-size:15px;
    font-weight:600;
    color:#252562;
    line-height:1.45;
    margin-bottom:8px;
    transition:.3s;
}

.sidebar-title:hover{
    color:#0d6efd;
}

.sidebar-list{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:14px 20px;
    color:#555;
    text-decoration:none;
    border-bottom:1px solid #f1f1f1;
    transition:.25s;
}

.sidebar-list:hover{
    background:#f8f9fa;
    color:#252562;
}

.card{
    overflow:hidden;
}