/* 文章內容樣式（前台文章頁與後台預覽共用） */
.article-body { font-size: 17px; line-height: 2; color: var(--ink, #2b2622); }
.article-body p { font-size: 17px; line-height: 2; margin: 0 0 22px; }
.article-body h2 { font-size: 22px; line-height: 1.5; margin: 40px 0 14px; }
.article-body a { color: var(--accent, #8a6a45); text-decoration: underline; text-underline-offset: 3px; }
.article-body blockquote { margin: 28px 0; padding: 4px 0 4px 20px; border-left: 3px solid var(--accent, #8a6a45); color: var(--muted, #7a6f65); font-size: 18px; line-height: 1.9; }
.article-body ul { margin: 0 0 22px; padding-left: 1.4em; }
.article-body li { margin-bottom: 8px; line-height: 1.9; }
.article-body .blog-hr { border: 0; border-top: 1px solid var(--border, #e3dbd0); margin: 36px 0; }
.blog-fig { margin: 32px 0; }
.blog-fig img { display: block; width: 100%; height: auto; border-radius: var(--radius, 8px); }
.blog-fig figcaption { margin-top: 10px; font-size: 14px; line-height: 1.7; color: var(--muted, #7a6f65); text-align: center; }
.blog-fig--wide { margin-left: -60px; margin-right: -60px; }
.blog-fig--small { max-width: 320px; margin-left: auto; margin-right: auto; }
@media (max-width: 860px) { .blog-fig--wide { margin-left: 0; margin-right: 0; } }