.article-content { color: #cbd5e1; overflow-wrap: anywhere; line-height: 1.85; }
.article-content h1, .article-content h2, .article-content h3, .article-content h4 { color: #f8fafc; font-weight: 700; line-height: 1.3; margin: 1.8em 0 .7em; }
.article-content h1 { font-size: 2em; } .article-content h2 { font-size: 1.65em; } .article-content h3 { font-size: 1.3em; } .article-content h4 { font-size: 1.1em; }
.article-content p, .article-content ul, .article-content ol, .article-content blockquote, .article-content pre, .article-content figure { margin: 1em 0; }
.article-content ul { list-style: disc; padding-left: 1.5em; } .article-content ol { list-style: decimal; padding-left: 1.5em; }
.article-content li { margin: .35em 0; }
.article-content a { color: #f7a54c; text-decoration: underline; text-underline-offset: .15em; }
.article-content blockquote { border-left: 3px solid #e87722; padding: .5em 1.2em; background: rgba(232,119,34,.06); }
.article-content pre { white-space: pre-wrap; overflow-x: auto; padding: 1em; background: #020617; border-radius: .5em; }
.article-content code { font-family: monospace; font-size: .9em; }
.article-content table { display: block; max-width: 100%; overflow-x: auto; border-collapse: collapse; margin: 1.5em 0; }
.article-content td, .article-content th { padding: .6em 1em; border: 1px solid #475569; text-align: left; }
.article-content th { background: #1e293b; }
.article-content img { max-width: 100%; height: auto; border-radius: .75em; margin: 1.5em auto; }
.article-content hr { border-color: #475569; margin: 2em 0; }