/* Blog styles (simple) */
.blog-toolbar{
  display:flex; gap:.5rem; flex-wrap:wrap; margin:1rem 0;
}
.blog-toolbar input, .blog-toolbar select{
  padding:.5rem .6rem; border:1px solid #ccc; border-radius:.4rem; min-width: 180px;
}
.post-card{ background:#111; color:#fff; border:1px solid #222; border-radius:.6rem; padding:1rem; margin:1rem 0; }
.post-card h3{ margin:.2rem 0 .4rem; }
.post-card .post-meta{ color:#bbb; font-size:.9rem; margin-bottom:.5rem; }
.post-card .readmore{ display:inline-block; margin-top:.3rem; }
#postContainer{ background:#111; color:#fff; border:1px solid #222; border-radius:.6rem; padding:1rem; }
#postContainer h1, #postContainer h2, #postContainer h3{ margin-top:1.2rem; }
#postContainer p{ line-height:1.6; }
#postMeta{ color:#bbb; font-size:.95rem; margin:.2rem 0 1rem; }
/* Blog images: responsive + centered on dark theme */
#postContainer img{
  max-width:100%;
  height:auto;
  display:block;
  margin:1rem auto;
  border-radius:.5rem;
}