.article-layout { grid-template-columns: minmax(0, 760px); justify-content: center; }
.article-body img, .article-body video { max-width: 100%; height: auto; }
.article-body figure { margin: 24px 0; }
.article-body iframe { width: 100%; min-height: 360px; border: 0; }
.article-body table { display: block; max-width: 100%; overflow-x: auto; }
.article-body pre { white-space: pre-wrap; overflow-wrap: anywhere; }
.article-body a { overflow-wrap: anywhere; }
.article-body h2, .article-body h3 { margin-top: 32px; }
.article-body li { margin-bottom: 10px; }
.article-body iframe.blog-video { display: block; aspect-ratio: 16 / 9; height: auto; min-height: 0; }
.article-body .blog-download { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 16px 0; border-bottom: 1px solid var(--line); }
.article-body .blog-download-action { flex-shrink: 0; padding: 8px 14px; border: 1px solid currentColor; border-radius: 6px; text-decoration: none; }
@media (max-width: 480px) { .article-body .blog-download { align-items: flex-start; flex-direction: column; gap: 10px; } }