/* articles.css — сетка статей (шапка и табы — из blog/main.css) */
.blog__tab { text-decoration: none; }

.articles__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.acard { display: flex; flex-direction: column; background: #101010; border: 1px solid rgba(255,255,255,.09); border-radius: 10px; overflow: hidden; text-decoration: none; transition: border-color .18s, transform .18s; }
.acard:hover { border-color: rgba(var(--accent-rgb, 230, 57, 70), .45); transform: translateY(-2px); }
.acard__cover { aspect-ratio: 1200 / 630; background: #0a0a0a; overflow: hidden; }
.acard__cover img { width: 100%; height: 100%; object-fit: cover; display: block; }
.acard__body { padding: 16px 18px 18px; }
.acard__meta { font-family: var(--font-mono, monospace); font-size: .64rem; color: var(--text-muted, #6f6f6f); margin-bottom: 7px; }
.acard__title { font-family: var(--font-mono, monospace); font-size: 1.08rem; line-height: 1.35; color: #fff; font-weight: 500; }
.acard__sub { color: var(--text-secondary, #a3a3a3); font-size: .84rem; line-height: 1.6; margin-top: 7px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.acard__tags { font-family: var(--font-mono, monospace); font-size: .64rem; color: var(--accent-hover, #ff6b76); margin-top: 10px; opacity: .8; }
.articles__empty { border: 1px dashed rgba(255,255,255,.14); border-radius: 10px; padding: 42px 20px; text-align: center; color: var(--text-muted, #6f6f6f); font-family: var(--font-mono, monospace); font-size: .78rem; }

@media (max-width: 820px) {
    .articles__grid { grid-template-columns: 1fr; }
}

.acard__reacts { display: flex; flex-wrap: wrap; gap: .45rem; margin-top: 10px; font-family: var(--font-mono, monospace); font-size: .66rem; color: var(--text-muted, #8f8f8f); }
.acard__reacts span { white-space: nowrap; }