.article-hero{
    padding:140px 0 80px;
    background:#f7f9fc;
}

.article-meta{
    display:flex;
    justify-content:center;
    gap:30px;
    flex-wrap:wrap;
    color:#6c757d;
    font-size:.95rem;
}

.article-meta i{
    color:#175cdd;
    margin-right:6px;
}

.article-image{
    max-height:520px;
    object-fit:cover;
}

.article-quote{
    background:#175cdd;
    color:#fff;
    padding:35px;
    border-radius:18px;
    margin:40px 0;
    font-size:1.2rem;
    font-style:italic;
    border-left:6px solid #0b4db8;
}

.author-box{
    display:flex;
    gap:25px;
    align-items:center;
    background:#fff;
    border-radius:20px;
    padding:30px;
    box-shadow:0 10px 35px rgba(0,0,0,.08);
}

.author-img{
    width:110px;
    height:110px;
    border-radius:50%;
    object-fit:cover;
}

@media(max-width:768px){

    .author-box{
        flex-direction:column;
        text-align:center;
    }

    .article-meta{
        gap:15px;
    }

}