/* RST Blog Rendering Safe V2: additive and limited to published article body. */
.article-page .article-reading-layout,.article-page .article-body.blog-rich{min-width:0;max-width:100%}
.article-page .article-body.blog-rich{overflow-wrap:break-word;overflow:visible}
.article-page .article-body.blog-rich :is(img,video,canvas,iframe){max-width:100%;height:auto}
.article-page .article-body.blog-rich figure{max-width:100%;margin:1.5rem 0}
.article-page .article-body.blog-rich figure img{display:block;max-width:100%;height:auto;margin-inline:auto}
.article-page .article-body.blog-rich :is(pre,code){overflow-wrap:anywhere}
.article-page .article-body.blog-rich pre{max-width:100%;overflow-x:auto}
.article-page .article-body.blog-rich .blog-hero{max-width:100%;box-sizing:border-box}
/* The page hero already supplies the primary H1. Preserve the embedded hero's other content. */
.article-page .article-body.blog-rich .blog-hero.blog-render-duplicate-heading>h1{display:none!important}
.article-page .article-body.blog-rich .blog-hero :is(p,span,small,time){color:#e1f2ed}
.article-page .article-body.blog-rich .blog-hero .lead{color:#e1f2ed}
.article-page .article-body.blog-rich :is(.article-table-scroll,.tablewrap){width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;box-sizing:border-box}
.article-page .article-body.blog-rich :is(.article-table-scroll,.tablewrap)>table{width:100%;min-width:0;border-collapse:collapse;table-layout:auto}
.article-page .article-body.blog-rich table :is(th,td){padding:13px 16px;border:1px solid #d0e0dd;vertical-align:top;text-align:left}
.article-page .article-body.blog-rich table tbody tr:nth-child(even){background:#f5faf8}
.article-page .article-body.blog-rich table th{background:#e6f2ef;color:#163c3a}
.article-page .article-body.blog-rich :is(svg.diagram,svg){max-width:100%;height:auto}
@media(max-width:760px){
 .article-page .article-body.blog-rich .blog-hero{padding:22px 18px}
 .article-page .article-body.blog-rich :is(.article-table-scroll,.tablewrap)>table{min-width:max-content;max-width:none}
 .article-page .article-body.blog-rich table :is(th,td){padding:10px 12px;font-size:14px}
}
@media print{
 .article-page .article-body.blog-rich :is(.article-table-scroll,.tablewrap){overflow:visible!important}
 .article-page .article-body.blog-rich :is(.article-table-scroll,.tablewrap)>table{min-width:0!important;width:100%!important}
}