/* Shared public/private-preview media styles; never depend on editor styles. */
.blog-article .rich-text { overflow-wrap: anywhere; }
.blog-article .rich-text figure { max-width: 100%; margin: 1.5rem 0; }
.blog-article .rich-text img,
.blog-article .rich-text video,
.blog-article .video-wrapper video { display: block; max-width: 100%; height: auto; margin-inline: auto; }
.blog-article .rich-text figcaption { padding-top: .65rem; color: #52616a; font-size: .875rem; line-height: 1.6; text-align: center; }
.blog-article .rich-text table { display: block; max-width: 100%; overflow-x: auto; }
.blog-article .ar-video-embed { padding: 1.25rem; margin-block: 1.5rem; border: 1px solid #b9d1d6; border-radius: .75rem; background: #f0f7f8; text-align: center; }
.blog-article .ar-video-embed > button { min-height: 44px; padding: .75rem 1.25rem; border: 1px solid #096472; border-radius: .4rem; color: #fff; background: #096472; cursor: pointer; font: inherit; font-weight: 600; }
.blog-article .ar-video-embed > button:focus-visible { outline: 3px solid #172a3a; outline-offset: 4px; }
.blog-article .ar-video-embed > p { margin: .75rem 0 0; font-size: .875rem; line-height: 1.6; }
.blog-article .ar-video-embed[data-loaded="true"] { padding: 0; overflow: hidden; }