.blog-content h2 { margin: 2.25rem 0 1rem; color: #00FF41; font-family: 'JetBrains Mono', monospace; font-size: 1.5rem; font-weight: 700; line-height: 1.35; }
.blog-content h3 { margin: 1.75rem 0 0.75rem; color: #e5e7eb; font-family: 'JetBrains Mono', monospace; font-size: 1.2rem; font-weight: 700; }
.blog-content p { margin: 0 0 1.25rem; }
.blog-content a { color: #00FF41; text-decoration: underline; text-decoration-color: rgba(0, 255, 65, .45); text-underline-offset: 3px; }
.blog-content a:hover { color: #66ffb2; }
.blog-content ul, .blog-content ol { margin: 0 0 1.25rem 1.5rem; }
.blog-content ul { list-style: square; }
.blog-content ol { list-style: decimal; }
.blog-content li { margin-bottom: .5rem; }
.blog-content blockquote { margin: 1.5rem 0; border-left: 3px solid #00FF41; background: rgba(0, 255, 65, .06); padding: 1rem 1.25rem; color: #d1d5db; }
.blog-content figure { margin: 2rem 0; }
.blog-content img { margin: 1.5rem auto; max-width: 100%; height: auto; border: 1px solid rgba(0, 255, 65, .3); }
.blog-content figcaption { margin-top: -.75rem; color: #9ca3af; font-size: .875rem; line-height: 1.5; text-align: center; }
.blog-content .blog-callout { margin: 1.5rem 0; border: 1px solid rgba(0, 255, 65, .25); background: rgba(0, 255, 65, .06); padding: 1rem 1.25rem; }
.blog-content table { width: 100%; margin: 1.5rem 0; border-collapse: collapse; font-size: .95em; }
.blog-content th, .blog-content td { border: 1px solid rgba(0, 255, 65, .2); padding: .8rem; text-align: left; vertical-align: top; }
.blog-content th { color: #00FF41; background: rgba(0, 255, 65, .07); font-family: 'JetBrains Mono', monospace; }
.blog-content pre { margin: 1.5rem 0; }
.blog-content .article-video { margin: 1.75rem 0 2rem; overflow: hidden; border: 1px solid rgba(0, 255, 65, .3); border-radius: .25rem; background: #020a05; }
.blog-content .article-video video { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; background: #020a05; }
.blog-content .article-table-wrap { width: 100%; margin: 1.5rem 0; overflow-x: auto; }
.blog-content .article-table-wrap table { min-width: 46rem; margin: 0; }
.blog-content .youtube-embed { position: relative; margin: 1.5rem 0; overflow: hidden; border: 1px solid rgba(0, 255, 65, .3); background: #020a05; padding-top: 56.25%; }
.blog-content .youtube-embed iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.blog-content .references { margin-top: 3rem; border-top: 1px solid rgba(0, 255, 65, .2); padding-top: .75rem; }
.blog-content .references li { overflow-wrap: anywhere; }