/* Styles for rendered article HTML (replaces @tailwindcss/typography) */
.article-content { line-height: 1.85; color: #8B7355; font-size: 1rem; }
.article-content h2 { font-family: 'Cormorant Garamond', Georgia, serif; font-size: 1.75rem; font-style: italic; color: #3A2E2E; margin-top: 2.5rem; margin-bottom: 0.75rem; line-height: 1.3; font-weight: 600; }
.article-content h3 { font-family: 'Cormorant Garamond', Georgia, serif; font-size: 1.35rem; font-style: italic; color: #3A2E2E; margin-top: 2rem; margin-bottom: 0.5rem; font-weight: 600; }
.article-content p { margin-bottom: 1.25rem; }
.article-content a { color: #C17F5C; text-decoration: underline; }
.article-content a:hover { color: #A86A47; }
.article-content ul, .article-content ol { padding-left: 1.5rem; margin-bottom: 1.25rem; }
.article-content ul { list-style: disc; }
.article-content ol { list-style: decimal; }
.article-content li { margin-bottom: 0.4rem; }
.article-content blockquote { border-left: 3px solid #C17F5C; background: rgba(193,127,92,0.06); padding: 1rem 1.25rem; margin: 1.5rem 0; font-style: italic; border-radius: 0 8px 8px 0; }
.article-content code { background: #EDE5DA; padding: 0.15rem 0.4rem; border-radius: 4px; font-size: 0.875em; color: #3A2E2E; font-family: ui-monospace, monospace; }
.article-content pre { background: #3A2E2E; color: #FAF5F0; padding: 1.25rem; border-radius: 12px; overflow-x: auto; margin-bottom: 1.25rem; }
.article-content pre code { background: none; padding: 0; color: inherit; font-size: 0.875rem; }
.article-content hr { border: none; border-top: 1px solid #EDE5DA; margin: 2rem 0; }
.article-content img { border-radius: 12px; max-width: 100%; margin: 1.5rem 0; border: 1px solid #EDE5DA; }
.article-content strong { color: #3A2E2E; font-weight: 600; }