:root{--blog-text:#111827;--blog-muted:#6b7280;--blog-border:rgba(17,24,39,0.08)}.blog-wrap{padding:40px 16px;background:#fff}.blog-container{max-width:1200px;margin:0 auto}.blog-header{text-align:center;margin-bottom:24px}.blog-title{margin:0 0 8px;font-size:28px;font-weight:700;color:var(--blog-text)}.blog-subtitle{margin:0;color:var(--blog-muted)}.blog-loading{display:flex;align-items:center;justify-content:center;padding:40px 0}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:20px;gap:20px}.post-card{border:1px solid var(--blog-border);border-radius:16px;background:#fff;overflow:hidden;display:flex;flex-direction:column}.post-media{display:block;position:relative}.post-media img{width:100%;height:220px;object-fit:cover;display:block}.post-body{padding:16px}.post-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.post-tags{display:flex;flex-wrap:wrap;gap:6px}.tag{border:1px solid var(--blog-border);border-radius:999px;padding:4px 10px}.post-date,.tag{font-size:12px;color:var(--blog-muted)}.post-date{display:flex;align-self:flex-start}.post-title{margin:6px 0 8px;font-size:18px;font-weight:700}.post-title a{color:var(--blog-text);text-decoration:none}.post-title a:hover{text-decoration:underline}.post-actions{margin-top:8px}.read-more{color:var(--blog-text);text-decoration:underline;font-weight:600}.blog-pagination{margin-top:24px;display:flex;justify-content:center}@media (max-width:992px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.blog-grid{grid-template-columns:1fr}.post-media img{height:200px}}