/* Shared by published articles, the visual editor and unsaved previews. */
.blog-article .blog-block,.rich-editor .blog-block{margin:30px 0;min-width:0;clear:both}
.blog-article .blog-columns,.rich-editor .blog-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;align-items:start}
.blog-article .blog-columns--three,.rich-editor .blog-columns--three{grid-template-columns:repeat(3,minmax(0,1fr))}
.blog-column{min-width:0}
.blog-column>:first-child{margin-top:0!important}
.blog-column>:last-child{margin-bottom:0!important}
.blog-article .blog-figure,.rich-editor .blog-figure{padding:0;text-align:center}
.blog-article .blog-figure img,.rich-editor .blog-figure img{display:block;width:auto;max-width:100%;height:auto;max-height:560px;object-fit:contain;margin:0 auto;border-radius:12px}
.blog-article .blog-hero img,.rich-editor .blog-hero img{max-height:640px}
.blog-article .blog-figure--small,.rich-editor .blog-figure--small{max-width:360px;margin-inline:auto}
.blog-article .blog-figure--wide img,.rich-editor .blog-figure--wide img{width:100%;max-height:none}
.blog-article figcaption,.rich-editor figcaption{font-size:12px;line-height:1.7;color:#6d8290;margin-top:11px;text-align:center}
.blog-column .blog-figure{margin-block:0}
.blog-column .blog-figure img{max-height:none;width:100%}
.blog-article .blog-callout,.rich-editor .blog-callout{padding:24px 28px;border-radius:12px;background:#eef6fb;border-left:4px solid #5487a5;line-height:1.85}
.blog-article .blog-callout--warm,.rich-editor .blog-callout--warm{background:#fff0ed;border-color:#e7575d}
.blog-article .blog-callout--note,.rich-editor .blog-callout--note{background:#f2f6f2;border-color:#789780}
.blog-article .blog-callout-title,.rich-editor .blog-callout-title{font-weight:750;font-size:15px;color:#193c50;margin:0 0 7px}
.blog-callout>:last-child{margin-bottom:0!important}
.blog-article .blog-quote,.rich-editor .blog-quote{padding:28px 30px 28px 34px;margin:35px 0;background:#f6f9fb;border:0;border-left:3px solid #e7575d;border-radius:0 12px 12px 0}
.blog-quote p{font-size:clamp(18px,2vw,23px);font-weight:500;line-height:1.65;color:#193c50;margin:0 0 15px}
.blog-quote cite{display:block;font-size:12px;color:#6d8290;font-style:normal}
.blog-article .blog-gallery,.rich-editor .blog-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}
.blog-gallery figure{margin:0}
.blog-gallery img{width:100%;aspect-ratio:4/3;height:auto!important;object-fit:cover!important;border-radius:10px}
.blog-article .blog-button,.rich-editor .blog-button{display:inline-flex;align-items:center;justify-content:center;padding:13px 23px;border-radius:8px;background:#5487a5;color:#fff;text-decoration:none;font-weight:650;font-size:13px;line-height:1.5}
.blog-article .blog-button:hover{background:#193c50;color:#fff}
.blog-article .blog-accordion,.rich-editor .blog-accordion{border:1px solid #dfe8ed;border-radius:10px;padding:18px 22px}
.blog-accordion summary{font-weight:700;cursor:pointer;color:#193c50}
.blog-accordion[open] summary{margin-bottom:15px}
.blog-article .blog-divider,.rich-editor .blog-divider{border:0;border-top:1px solid #dfe8ed;margin:40px 0}
.blog-related{padding-top:32px;padding-bottom:65px;border-top:1px solid #dfe8ed}
.blog-related h2{font-size:29px;margin:0 0 28px;letter-spacing:-.035em}
.blog-related .stories-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.blog-related .story-card{min-width:0}
.blog-related .story-image{display:block;overflow:hidden;border-radius:12px;aspect-ratio:8/5}
.blog-related .story-image img{width:100%;height:100%;object-fit:cover;margin:0}
.blog-related .story-meta{margin:16px 0 9px;font-size:10px;text-transform:uppercase;letter-spacing:.09em;color:#5487a5}
.blog-related h3{font-size:19px;line-height:1.4;margin:0 0 12px}
.blog-related .story-card>p:not(.story-meta){font-size:13px;line-height:1.8;margin-bottom:15px;color:#465c69}
@media(max-width:650px){
 .blog-article .blog-columns,.rich-editor .blog-columns,.blog-article .blog-columns--three,.rich-editor .blog-columns--three{grid-template-columns:minmax(0,1fr);gap:22px}
 .blog-article .blog-callout,.rich-editor .blog-callout{padding:20px}
 .blog-article .blog-quote,.rich-editor .blog-quote{padding:22px}
 .blog-related .stories-grid{grid-template-columns:1fr;gap:30px}
 .blog-related{padding-bottom:40px}
 .blog-article .blog-hero img{max-height:none}
}