/* public/js/front/components/Blog.css
   Extracted from resources/js/index/components/Blog.vue <style scoped> block — scoping
   dropped (the CDN runtime string template has no mechanism to process <style> tags, scoped
   or otherwise). Load this file via a <link rel="stylesheet"> tag in the Blade layout head. */
.blog_card{
    min-height: 100%;
    border-radius: 15px;
    overflow: hidden; padding: 15px; gap: 20px;
}
.card_img a {  display: flex;}
.card_img{ border-radius: 10px; overflow: hidden; display: flex;}
.card_img img{
    display: block;
    width: 100%;
    aspect-ratio: 1/0.7;
    object-fit: cover;
    object-position: center;
}
.author_list{ display: flex; flex-wrap: wrap; align-items: center; }
.author_list .btn{ padding: 5px 10px; }
.author_list li {
    position: relative;
    padding-right: 12px;
    margin-right: 12px; font-size: 16px;
}
.author_list li:last-child{ padding-right: 0; margin-right: 0; }
.author_list li:not(:last-child)::after {
    content: "";
    width: 1px;
    height: 12px;
    background-color: #545454;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    margin-top: 2px;
}