body { font-family: Arial, sans-serif; margin: 0; color: #1f2937; background: #fff; }
.wrap { max-width: 960px; margin: 0 auto; padding: 1.2rem; }
.post-card { border: 1px solid #e5e7eb; border-radius: 10px; padding: 1rem; margin-bottom: .9rem; }
.post-meta { color: #6b7280; font-size: .9rem; }
img.featured { width: 100%; max-height: 380px; object-fit: cover; border-radius: 10px; }
.pagination { display: flex; gap: .8rem; margin-top: 1rem; }
.categories { display: flex; flex-wrap: wrap; gap: .5rem; margin-bottom: 1rem; }
.cat-chip { border: 1px solid #d1d5db; padding: .3rem .7rem; border-radius: 999px; color: #374151; }
.cat-chip.active, .cat-chip:hover { border-color: #1d4ed8; color: #1d4ed8; }