/* Mona — nội dung bài cũ (Classic Editor) trong khung bài viết mới. blog.css của thiết kế chỉ định kiểu h2/p/ul;
   bảng và trích dẫn mona-v1.php gắn class sẵn của thiết kế (.dtable, .article-quote), còn lại định kiểu ở đây bằng token. */
.article-body h2[id], .article-body h3[id] { scroll-margin-top: 120px; }
.article-body h3 { font-family: var(--font-body); font-weight: 700; font-size: var(--h6-size); line-height: var(--h6-lh); color: var(--color-black); margin: var(--space-6) 0 var(--space-3); }
.article-body h4 { font-family: var(--font-body); font-weight: 700; font-size: var(--body-size); line-height: var(--body-lh); color: var(--color-black); margin: var(--space-5) 0 var(--space-2); }
.article-body ul { list-style: disc; }
.article-body ol { list-style: decimal; margin: 0 0 var(--space-4) var(--space-6); color: var(--text-secondary); font-size: var(--body-size); line-height: 1.7; }
.article-body ol li { margin-bottom: var(--space-2); }
.article-body li > p { margin-bottom: var(--space-2); }
.article-body a { color: var(--color-primary); text-decoration: underline; text-underline-offset: 2px; }
.article-body strong { color: var(--color-black); }
.article-body img { max-width: 100%; height: auto; border-radius: var(--radius-lg); }
.article-body figure, .article-body .wp-caption { max-width: 100% !important; margin: var(--space-6) 0; }
.article-body .wp-caption img { display: block; width: 100%; }
.article-body figcaption, .article-body .wp-caption-text { margin-top: var(--space-2); font-size: 14px; line-height: 20px; color: var(--text-muted); text-align: center; }
.article-body .aligncenter { margin-left: auto; margin-right: auto; }
.article-body .alignleft { float: left; margin: 0 var(--space-6) var(--space-4) 0; }
.article-body .alignright { float: right; margin: 0 0 var(--space-4) var(--space-6); }
.article-body .mona-table { overflow-x: auto; margin: var(--space-6) 0; }
.article-body .mona-table .article-table { margin: 0; }
.article-body iframe { max-width: 100%; border: 0; }
.article-body iframe[src*="youtube"], .article-body iframe[src*="vimeo"] { width: 100%; height: auto; aspect-ratio: 16 / 9; }
.article-body hr { border: 0; border-top: 1px solid var(--border-subtle); margin: var(--space-8) 0; }
.article-body::after { content: ""; display: table; clear: both; }
.article-toc[hidden] { display: none; }
.blog-latest__grid > .blog-pagination { grid-column: 1 / -1; padding-bottom: 0; }
