/* Responsive rich-text media for existing blog posts (Phase One). */
.article-content img, .article-content video, .article-content iframe { max-width: 100%; height: auto; }
.article-content figure { margin: 1.25rem 0; max-width: 100%; }
.article-content table { display: block; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.article-content pre { max-width: 100%; overflow-x: auto; white-space: pre-wrap; overflow-wrap: anywhere; }
.article-content { min-width: 0; overflow-wrap: anywhere; }
.article-content h1 { font-size: clamp(1.5rem, 3vw, 2.1rem); }
.article-content figcaption { color: #61616b; font-size: .9rem; }
@media (max-width: 575.98px) { .article-content { font-size: 1rem; line-height: 1.8; } }