/* Match the editor's presentation classes inside published blog content only. */
.blog-content { overflow-wrap: anywhere; display: flow-root; }
.blog-content img { max-width: 100%; }
.blog-content .text-tiny { font-size: .7em; }
.blog-content .text-small { font-size: .85em; }
.blog-content .text-big { font-size: 1.4em; }
.blog-content .text-huge { font-size: 1.8em; }
.blog-content figure.image { display: table; max-width: 100%; margin: 1em auto; }
.blog-content figure.image img { display: block; max-width: 100%; height: auto; }
.blog-content figure.image figcaption { display: table-caption; caption-side: bottom; padding: .5em; text-align: center; }
.blog-content figure.image-style-side,
.blog-content figure.image-style-align-right { float: right; margin-left: 1em; max-width: 50%; }
.blog-content figure.image-style-align-left { float: left; margin-right: 1em; max-width: 50%; }
.blog-content figure.image-style-full,
.blog-content figure.image-style-align-center { clear: both; margin-left: auto; margin-right: auto; }
.blog-content figure.table { max-width: 100%; overflow-x: auto; margin: 1em 0; }
.blog-content table { border-collapse: collapse; max-width: 100%; }
.blog-content td, .blog-content th { border: 1px solid #bbb; padding: .4em; }