.c4y-blog-list { display:flex; flex-direction:column; gap:1.5rem; }
.c4y-blog-empty { color:rgb(107, 114, 128); padding:2rem 0; }

.c4y-blog-list .c4y-post-card {
    display:block; padding:1.5rem;
    background:#fff; border:1px solid rgb(228, 231, 236); border-radius:.75rem;
    text-decoration:none !important;
    transition:box-shadow .3s ease, border-color .3s ease;
}
.c4y-blog-list .c4y-post-card:link,
.c4y-blog-list .c4y-post-card:visited { text-decoration:none !important; color:inherit; }
.c4y-blog-list .c4y-post-card:hover { box-shadow:0 10px 25px -5px rgba(38,54,100,.10); }
.c4y-blog-list .c4y-post-card__cat {
    display:inline-block; font-size:.75rem; font-weight:600;
    color:rgb(104, 200, 81); background:rgba(104, 200, 81, .10);
    padding:.2rem .75rem; border-radius:9999px; margin-bottom:.75rem; line-height:1.5;
}
.c4y-blog-list .c4y-post-card__title {
    font-size:1.125rem; font-weight:600; color:#141f38;
    margin:0 0 .5rem; padding:0; line-height:1.4; transition:color .2s ease;
}
.c4y-blog-list .c4y-post-card:hover .c4y-post-card__title { color:rgb(104, 200, 81); }
.c4y-blog-list .c4y-post-card__exc {
    font-size:.875rem; color:rgb(107, 114, 128); line-height:1.6; margin:0 0 1rem; padding:0;
    display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.c4y-blog-list .c4y-post-card__meta { display:flex; gap:1rem; font-size:.75rem; color:#6b7280; }
.c4y-blog-list .c4y-post-card__meta span { display:flex; align-items:center; gap:.25rem; }
.c4y-blog-list .c4y-post-card__meta svg { flex-shrink:0; }