.posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin:2rem 0}
.post-card{background:#f8f9fa;border-radius:8px;padding:1.5rem;text-decoration:none;color:inherit;transition:all .3s ease;border:2px solid transparent;display:flex;flex-direction:column}
.post-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px rgba(0,0,0,.1);border-color:#007bff}
.post-card h2,.post-card h3{margin:0 0 .5rem 0;color:#007bff}
.post-card h2{font-size:1.3rem}
.post-card h3{font-size:1.2rem}
.post-card:hover h2,.post-card:hover h3{color:#0056b3}
.post-description{color:#666;font-size:.95rem;line-height:1.5;flex-grow:1}
.post-meta{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #dee2e6}
.post-tag{background:#005A9C;padding:.25rem .75rem;border-radius:12px;font-size:.85rem;color:#ffffff;font-weight:600;border:2px solid #044f8c;display:inline-block}
.post-tag a{color:inherit;text-decoration:underline}
a{color:inherit;text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1.6px}
a.title{text-decoration:none}
@media (prefers-color-scheme:dark){
	.post-card{background:#2d2d2d;color:#e0e0e0}
	.post-card h2,.post-card h3{color:#4da3ff}
	.post-card:hover h2,.post-card:hover h3{color:#80bdff}
	.post-description{color:#b0b0b0}
	.post-meta{border-top-color:#444}
	.post-tag{background:#0b5db8;color:#ffffff;border-color:#083a72}
}