/* ═══════════════════════════════════════════════════════════ */
/* Article Content Typography Styles (rich text from editor)  */
/* Extracted from header.php inline <style>                   */
/* ═══════════════════════════════════════════════════════════ */

.article-content h1 { font-size: 2.25em; font-weight: 800; margin-top: 0; margin-bottom: 0.8em; line-height: 1.1; color: #111827; letter-spacing: -0.025em; }
.article-content h2 { font-size: 1.5em; font-weight: 700; margin-top: 2em; margin-bottom: 0.8em; line-height: 1.3; color: #111827; letter-spacing: -0.025em; padding-bottom: 0.5em; border-bottom: 1px solid #e5e7eb; }
.article-content h3 { font-size: 1.25em; font-weight: 600; margin-top: 1.6em; margin-bottom: 0.6em; line-height: 1.4; color: #111827; }
.article-content h4 { font-size: 1.1em; font-weight: 600; margin-top: 1.5em; margin-bottom: 0.5em; color: #111827; }
.article-content p { margin-bottom: 1.25em; font-weight: 300; line-height: 1.8; }
.article-content strong, .article-content b { font-weight: 700; color: #111827; }
.article-content em, .article-content i { font-style: italic; }
.article-content u { text-decoration: underline; }
.article-content s, .article-content strike { text-decoration: line-through; }
.article-content ul { list-style-type: disc; padding-left: 1.6em; margin-bottom: 1.25em; }
.article-content ol { list-style-type: decimal; padding-left: 1.6em; margin-bottom: 1.25em; }
.article-content li { margin-bottom: 0.5em; line-height: 1.7; }
.article-content blockquote { border-left: 4px solid #00E5FF; padding: 0.5em 1.5em; margin: 1.5em 0; background: #f9fafb; border-radius: 0 0.5em 0.5em 0; font-style: italic; color: #4b5563; }
.article-content a { color: #00E5FF; text-decoration: none; }
.article-content a:hover { text-decoration: underline; }
.article-content img { max-width: 100%; height: auto; border-radius: 0.75em; margin: 1.5em 0; box-shadow: 0 4px 14px rgba(0,0,0,0.1); }
.article-content pre, .article-content code { font-family: 'Fira Code', 'Consolas', monospace; font-size: 0.875em; background: #f3f4f6; border-radius: 0.375em; padding: 0.2em 0.4em; }
.article-content pre { padding: 1em 1.25em; overflow-x: auto; margin: 1.5em 0; }
.article-content pre code { background: none; padding: 0; }
.article-content .ql-align-center { text-align: center; }
.article-content .ql-align-right { text-align: right; }
.article-content .ql-align-justify { text-align: justify; }
.article-content .ql-indent-1 { padding-left: 3em; }
.article-content .ql-indent-2 { padding-left: 6em; }
.article-content .ql-indent-3 { padding-left: 9em; }

/* Dark mode */
.dark .article-content h1, .dark .article-content h2, .dark .article-content h3, .dark .article-content h4 { color: #fff; }
.dark .article-content h2 { border-bottom-color: #262626; }
.dark .article-content strong, .dark .article-content b { color: #fff; }
.dark .article-content blockquote { background: rgba(23,23,23,0.5); color: #9ca3af; }
.dark .article-content pre, .dark .article-content code { background: #1e1e1e; color: #e5e7eb; }