/* Blog / Knowledge pages */
.blog-article {
  max-width: 860px;
  margin: 0 auto;
}

.blog-article h2 {
  margin-top: 2.2rem;
  margin-bottom: 0.9rem;
}

.blog-article h3 {
  margin-top: 1.6rem;
  margin-bottom: 0.7rem;
}

.blog-article p, .blog-article li {
  line-height: 1.8;
}

.blog-meta {
  color: rgba(0,0,0,0.65);
  font-size: 0.95rem;
  margin-top: 0.6rem;
}

.blog-callout {
  background: rgba(79, 195, 247, 0.12);
  border: 1px solid rgba(79, 195, 247, 0.25);
  padding: 1rem 1.2rem;
  border-radius: 14px;
  margin: 1.2rem 0;
}

.blog-toc {
  background: rgba(255, 107, 107, 0.10);
  border: 1px solid rgba(255, 107, 107, 0.20);
  padding: 1rem 1.2rem;
  border-radius: 14px;
  margin: 1.2rem 0;
}

@media (max-width: 768px) {
  .blog-article { padding: 0 6px; }
}