.blog-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
@media (max-width: 900px) { .blog-list { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 600px) { .blog-list { grid-template-columns: 1fr; } }
.blog-card { border: 1px solid var(--border); border-radius: 12px; background: var(--bg); padding: 16px; }
.blog-card h3 { margin: 0 0 6px; font-size: 1.1rem; }
.blog-remote-info { border: 1px dashed var(--border); border-radius: 12px; padding: 12px; background: var(--info-bg); }