/* Reuse the existing blog-note and blog-temps components. */
.blog-article__content .blog-ai-toc ol { margin: 12px 0 0; padding-left: 1.4em; list-style: decimal outside; }
.blog-article__content .blog-ai-toc li { text-align: left; }
.blog-article__content .blog-ai-toc li:last-child { margin-bottom: 0; }
.blog-ai-toc > p { font-weight: 600; }
.blog-ai-toc a { font-size: 16px; line-height: 24px; }
.blog-article__content > ol { list-style: decimal outside; }
.blog-article__content > ul { list-style: disc outside; }
.blog-article__content h2[id] { scroll-margin-top: 100px; }
.blog-temps.blog-ai-problems { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.blog-ai-problem { min-width: 0; text-align: left; }
.blog-ai-problem svg { width: 24px; height: 24px; color: #5C5A63; }
.blog-ai-table-wrap { margin: 20px 0 24px; border-radius: 16px; overflow: hidden; }
.blog-ai-table { width: 100%; table-layout: fixed; border-collapse: collapse; font-size: 16px; line-height: 24px; }
.blog-ai-table th, .blog-ai-table td { padding: 18px 20px; text-align: left; vertical-align: top; overflow-wrap: anywhere; }
.blog-ai-table th:first-child { width: 39%; }
.blog-ai-table thead { background: #2B2A32; color: #fff; }
.blog-ai-table tbody th { font-weight: 500; color: #2B2A32; }
.blog-ai-table tbody tr:nth-child(odd) { background: #F3F3F3; }
.blog-ai-table tbody tr:nth-child(even) { background: #FAFAFA; }
@media (max-width: 600px) {
  .blog-temps.blog-ai-problems { grid-template-columns: 1fr; }
  .blog-ai-table { font-size: 14px; line-height: 21px; }
  .blog-ai-table th, .blog-ai-table td { padding: 14px 12px; }
  .blog-ai-table th:first-child { width: 43%; }
}