.article-body { overflow-wrap: anywhere; line-height: 1.8; }
.article-body p, .article-body ul, .article-body ol, .article-body blockquote,
.article-body pre, .article-body table { margin: 0 0 1rem; }
.article-body h2, .article-body h3, .article-body h4,
.article-body h5, .article-body h6 { color: #f8fafc; font-weight: 700; margin: 1.5rem 0 .75rem; }
.article-body h2 { font-size: 1.5rem; }
.article-body h3 { font-size: 1.25rem; }
.article-body ul { list-style: disc; padding-left: 1.5rem; }
.article-body ol { list-style: decimal; padding-left: 1.5rem; }
.article-body a { color: #34d399; text-decoration: underline; }
.article-body blockquote { border-left: 3px solid #34d399; padding-left: 1rem; }
.article-body table { display: block; overflow-x: auto; border-collapse: collapse; max-width: 100%; }
.article-body td, .article-body th { padding: .5rem; border: 1px solid #475569; }
.article-body pre { white-space: pre-wrap; background: #0f172a; padding: 1rem; }

.article-body { min-width: 0; max-width: 100%; }
.article-body > :first-child { margin-top: 0; }
.article-body th { text-align: left; background: #18222f; }
.article-body strong { font-weight: 700; }
.article-body hr { border: 0; border-top: 1px solid #475569; margin: 1.5rem 0; }
.article-body code { overflow-wrap: anywhere; }