.article-body {display: flow-root; overflow-wrap: anywhere;}
.article-body .article-cover {float: right; width: min(36%, 360px); margin: 0 0 20px 28px;}
.text-card .text-content .article-cover img, .article-body .article-cover img {display: block; width: 100%; height: auto; max-height: 300px; object-fit: contain; margin: 0; border-radius: 6px;}
.article-chart {clear: both; margin: 28px 0; padding: 16px; border: 1px solid var(--reading-border, #29343d); border-radius: 6px; max-width: 100%;}
.article-chart figcaption {font-size: 16px; font-weight: 600; margin-bottom: 12px;}
.article-chart-canvas {position: relative; height: 320px; min-width: 0;}
.article-chart-status {font-size: 14px; color: var(--reading-muted, #95a2af);}
@media (max-width: 600px) {
 .article-body .article-cover {float: none; width: min(100%, 320px); margin: 16px auto;}
 .text-card .text-content .article-cover img, .article-body .article-cover img {max-height: 220px;}
 .article-chart {padding: 10px; margin: 22px 0;}
 .article-chart-canvas {height: 260px;}
}