.posts-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.post-card { background: #fff; border-radius: var(--radius-md); overflow: hidden; border: 1px solid var(--color-border); transition: var(--transition); }
.post-card:hover { box-shadow: var(--shadow-md); transform: translateY(-4px); }
.post-img { aspect-ratio: 16/9; overflow: hidden; background: var(--color-bg); }
.post-img img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s; }
.post-card:hover .post-img img { transform: scale(1.05); }
.post-body { padding: 20px; }
.post-meta { display: flex; align-items: center; gap: 8px; margin-bottom: 10px; }
.topic-date { font-family: var(--font-mono); font-size: 0.72rem; color: var(--color-text-light); }
.post-body h3 { font-size: 0.9rem; font-family: var(--font-body); font-weight: 500; color: var(--color-text); line-height: 1.6; }
@media(max-width:900px){ .posts-grid{grid-template-columns:repeat(2,1fr);} }
@media(max-width:600px){ .posts-grid{grid-template-columns:1fr;} }