/* Blog archive — Cohort 1. Class pattern: blog-1-{element}. */

.blog-1-wrap {
    --blog-1-muted: #6b7280;
}

.blog-1-title {
    letter-spacing: -0.02em;
}

.blog-1-desc {
    max-width: 60ch;
}

.blog-1-sidebar {
    position: sticky;
    top: 90px;
}

.blog-1-widget-title {
    letter-spacing: 0.06em;
    color: var(--blog-1-muted);
}

.blog-1-cats a {
    color: #1f2937;
    border-bottom: 1px solid #f1f5f9;
    transition: color 0.15s ease;
}

.blog-1-cats a:hover {
    color: #4f46e5;
}

.blog-1-recent-thumb {
    width: 56px;
    height: 56px;
    object-fit: cover;
    flex: 0 0 auto;
}

.blog-1-recent-title {
    color: #1f2937;
    line-height: 1.3;
}

.blog-1-recent a:hover .blog-1-recent-title {
    color: #4f46e5;
}

.blog-1-empty {
    border: 1px dashed #e5e7eb;
    border-radius: 0.75rem;
}

@media (max-width: 991.98px) {
    .blog-1-sidebar {
        position: static;
    }
}