.blog-content {
  color: #111827;
  line-height: 1.75;
  font-size: 1.05rem;
}
.blog-content h1,
.blog-content h2,
.blog-content h3,
.blog-content h4,
.blog-content h5,
.blog-content h6 {
  color: #0f172a;
  font-weight: 800;
  margin-top: 1.6em;
  margin-bottom: 0.6em;
}
.blog-content h1 { font-size: 2rem; }
.blog-content h2 { font-size: 1.5rem; }
.blog-content h3 { font-size: 1.25rem; }
.blog-content p { margin: 1em 0; }
.blog-content a { color: #2563eb; text-decoration: underline; }
.blog-content a:hover { color: #1d4ed8; }
.blog-content strong { color: #111827; }
.blog-content ul { list-style: disc; padding-left: 1.5rem; margin: .8em 0; }
.blog-content ol { list-style: decimal; padding-left: 1.5rem; margin: .8em 0; }
.blog-content blockquote { border-left: 4px solid #e5e7eb; padding-left: 1rem; color: #374151; font-style: italic; margin: 1em 0; }
.blog-content code { background: #f3f4f6; padding: .2em .35em; border-radius: .25rem; }
.blog-content pre { background: #0f172a; color: #e5e7eb; padding: 1rem; border-radius: .5rem; overflow: auto; }
.blog-content pre code { background: transparent; padding: 0; color: inherit; font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: .95rem; line-height: 1.6; display: block; }
.blog-content img { border-radius: .75rem; border: 1px solid #e5e7eb; margin: 1rem 0; max-width: 100%; height: auto; }

/* Smooth scroll on blog pages */
html { scroll-behavior: smooth; }

/* TOC styles */
.toc-nav a { display: block; padding: .25rem 0; color: #1f2937; }
.toc-nav a:hover { color: #2563eb; text-decoration: underline; }
.toc-nav a.active { color: #1d4ed8; font-weight: 600; }
.toc-nav li { list-style: none; }