/* /blog/assets/css/blog.css */

.blog__filters { display: flex; gap: 8px; margin-top: 12px; }
.cat-btn { padding: 8px 12px; border: 1px solid #ddd; background: #fff; cursor: pointer; }
.cat-btn.is-active { background: #111; color: #fff; }

.post-list { display: grid; gap: 14px; }
.post-card { padding: 16px; border: 1px solid #eee; border-radius: 10px; }
.post-card__meta { display: flex; gap: 8px; align-items: center; font-size: 12px; color: #666; }
.post-card__title { margin: 8px 0; font-size: 18px; }

.post-card img{
  width: 100px;
  height: auto;
}
.badge { display: inline-block; padding: 2px 8px; border-radius: 999px;  }


.month-archive { list-style: none; padding: 0; margin: 0; display: grid; gap: 8px; }
.month-link { display: flex; justify-content: space-between; padding: 8px 10px; border: 1px solid #eee; border-radius: 8px; text-decoration: none; color: inherit; }
.month-link.is-active { border-color: #111; }

.post { max-width: 800px; margin: 40px auto; padding: 0 16px; }
.post__meta { 
  display: flex; 
  gap: 8px; 
  font-size: 12px; 
  color: #666; 
  margin-bottom: 8px;
 }
.post__body {
  margin-top: 24px; line-height: 1.8;
  

}
.empty { padding: 20px; color: #666; }
.is-hidden { display: none; }