/* Phase 09.3 Plan 03 (SEO-03, CONT-03, CONT-05): related posts widget on /blog/{slug}/.
   Reuses .dzin-blog-archive__card styles from link-roles.css for DRY.
   Adds grid layout: 1 col mobile / 3 cols desktop. */

.dzin-blog-related {
    margin: 3rem 0 1rem;
    padding-top: 2rem;
    border-top: 1px solid #eaeaea;
}

.dzin-blog-related__title {
    font-size: 1.35rem;
    font-weight: 700;
    margin: 0 0 1.5rem;
    color: var(--color-text, #1A1A2E);
    letter-spacing: -0.02em;
}

.dzin-blog-related__grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
}

@media (min-width: 720px) {
    .dzin-blog-related__grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 1.75rem;
    }
}

/* Внутри related grid карточки компактнее, чем на archive */
.dzin-blog-related__card {
    grid-template-columns: 1fr !important;
    padding: 1rem !important;
}
.dzin-blog-related__card .dzin-blog-archive__card-title {
    font-size: 1.05rem;
}
.dzin-blog-related__card .dzin-blog-archive__excerpt {
    font-size: 0.9rem;
}