.article_sidebar{
    background:#fff;
}

.article_sidebar_inner{
    display:flex;
    flex-direction:column;
}

.article_sidebar a{
    color:inherit;
    text-decoration:none;
    transition:color .18s ease;
}

.article_sidebar a:focus-visible{
    outline:2px solid #c2410c;
    outline-offset:3px;
    border-radius:2px;
}

.article_related{
    min-width:0;
}

.article_related>h2{
    margin:0 0 14px;
    color:#202020;
    font-size:17px;
    font-weight:700;
    line-height:1.3;
}

.article_related_list{
    display:flex;
    min-width:0;
    flex-direction:column;
    border-top:1px solid #eceef2;
}

.article_related_card{
    min-width:0;
    padding:14px 0;
    border-bottom:1px solid #eceef2;
}

.article_related_card.has_image{
    display:grid;
    grid-template-columns:112px minmax(0,1fr);
    gap:12px;
}

.article_related_image{
    position:relative;
    display:block;
    width:100%;
    aspect-ratio:4/3;
    overflow:hidden;
    border-radius:9px;
    background:#f2f2f2;
}

.article_related_image img,
.article_related_image picture{
    display:block;
    width:100%;
    height:100%;
}

.article_related_image_source{
    object-fit:cover;
    transition:transform .3s ease;
}

.article_related_content{
    display:flex;
    min-width:0;
    flex-direction:column;
}

.article_related_title{
    margin:0;
    color:#202020;
    font-size:15px;
    font-weight:700;
    line-height:1.3;
    overflow-wrap:anywhere;
}

.article_related_title a{
    color:inherit;
    text-decoration:none;
    transition:color .18s ease;
}

.article_related_meta{
    display:flex;
    min-width:0;
    flex-wrap:wrap;
    align-items:center;
    gap:3px 5px;
    margin-top:auto;
    padding-top:8px;
    color:#7a7a7a;
    font-size:11px;
    line-height:1.4;
}

.article_related_meta a{
    color:#666;
    font-weight:600;
    text-decoration:none;
    transition:color .18s ease;
}

.article_related_meta time{
    direction:ltr;
    unicode-bidi:isolate;
    white-space:nowrap;
}

.article_related_image:focus-visible,
.article_related_title a:focus-visible,
.article_related_meta a:focus-visible{
    outline:2px solid #c2410c;
    outline-offset:3px;
}

@media(hover:hover) and (pointer:fine){
    .article_related_title a:hover,
    .article_related_meta a:hover{
        color:#c2410c;
    }

    .article_related_card:hover .article_related_image_source{
        transform:scale(1.035);
    }
}

@media(max-width:867.99px){
    .article_sidebar{
        border-top:1px solid var(--ai-theme-border,#e5e7eb);
    }

    .article_related_card.has_image{
        grid-template-columns:128px minmax(0,1fr);
    }
}

@media(max-width:520px){
    .article_related_card.has_image{
        grid-template-columns:108px minmax(0,1fr);
        gap:10px;
    }
}

@media(prefers-reduced-motion:reduce){
    .article_sidebar a,
    .article_related_image_source{
        transition:none;
    }

    .article_related_card:hover .article_related_image_source{
        transform:none;
    }
}