/* ==================================================
   DAILYPOST RELATED ARTICLE COMPONENT
   Refactor 10 July 2026
================================================== */

/* INLINE RELATED */
body .detail-article .article-content .inline-related,
body .detail-article .premium-content .inline-related{
    margin:26px 0;
    padding:2px 0 2px 16px;
    border-left:3px solid #b3261e;
}

body .detail-article .inline-related strong{
    display:block;
    font-weight:800;
}

body .detail-article .inline-related a{
    font-weight:700;
}

/* RELATED SECTION */

body .detail-article .related-section{
    margin-top:40px;
}

body .detail-article .related-section .section-title{
    font-weight:900;
    margin-bottom:18px;
}

body .detail-article .related-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:18px;
}

body .detail-article .related-card{
    overflow:hidden;
}

body .detail-article .related-card img{
    width:100%;
    height:auto;
    display:block;
}

body .detail-article .related-card h4{
    font-weight:800;
    line-height:1.35;
}

@media(max-width:767px){
    body .detail-article .related-grid{
        grid-template-columns:1fr;
    }
}