/* Blog card (list row) — Cohort 4 (Minimal Text List). blog-card-4-{element}. */
.blog-4-list { display: flex; flex-direction: column; }

.blog-card-4 {
    display: flex; gap: 1.75rem; align-items: flex-start;
    padding: 1.75rem 0; border-bottom: 1px solid #ececec;
}
.blog-4-list > .blog-card-4:first-child { padding-top: 0; }

.blog-card-4-text { flex: 1 1 auto; min-width: 0; }
.blog-card-4-meta {
    font-size: .78rem; letter-spacing: .04em; text-transform: uppercase; color: #9ca3af;
    margin-bottom: .55rem; display: flex; flex-wrap: wrap; gap: .35rem; align-items: center;
}
.blog-card-4-cat { color: #111827; font-weight: 600; }
.blog-card-4-sep { color: #d1d5db; }
.blog-card-4-title { font-size: 1.5rem; font-weight: 700; line-height: 1.25; letter-spacing: -0.02em; margin-bottom: .5rem; }
.blog-card-4-link { color: #111827; transition: color .15s ease; }
.blog-card-4-link:hover { color: #4f46e5; }
.blog-card-4-excerpt {
    font-size: 1rem; line-height: 1.65; color: #6b7280; margin: 0;
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}

.blog-card-4-media { flex: 0 0 140px; }
.blog-card-4-img { width: 140px; height: 108px; object-fit: cover; border-radius: .6rem; display: block; }

@media (max-width: 575.98px) {
    .blog-card-4 { flex-direction: column-reverse; gap: 1rem; }
    .blog-card-4-media, .blog-card-4-img { width: 100%; }
    .blog-card-4-img { height: 200px; }
}