.article {
    img {
        max-width:100%;
        height:auto;
        margin:auto;
    }

    .thumbnail img {
        width:100%;
        aspect-ratio: 16 / 9;
        border-radius: $card-radius;
        object-fit: cover;
    }
}

.article-meta {
    .author-area {
        display: flex;
        align-items: center;
        margin-bottom: $lineheight / 2;

        img {
            border-radius: 9999px;
            width: $lineheight * 3;
            height: auto;
            margin: 0;
            margin-right: $lineheight / 2;
        }
    }

    .article-category {
        .badge {
            display: inline-block;
            margin-bottom: $lineheight / 4;
        }
    }
}