/* Content Masters: responsive article media, local previews, click-to-load video. */
.blog-card{padding:0;overflow:hidden;background:#fff}
.blog-card-title-link{display:block;color:inherit;text-decoration:none}
.blog-card-title-link:focus-visible{outline:3px solid var(--blue);outline-offset:-4px;border-radius:10px}
.blog-card-cover{display:block;overflow:hidden;background:#f0f4f9;aspect-ratio:16/9}
.blog-card-cover picture,.blog-card-cover img{display:block;width:100%;height:100%}
.blog-card-cover img{object-fit:cover}
.blog-card h2{font-size:23px;line-height:1.35;margin:22px 24px 14px}
.blog-card-title-link:hover h2{color:var(--blue);text-decoration:underline;text-underline-offset:4px}
.blog-card .blog-meta{padding:0 24px;margin-bottom:14px}
.blog-card>p:not(.eyebrow){margin:0 24px 22px}
.blog-card>.text-link{margin:0 24px 25px;min-height:32px}
.blog-hero{padding-bottom:24px}
.blog-layout{padding-top:18px}
.article-cover{margin:0 0 28px;overflow:hidden}
.article-cover picture,.article-cover img{display:block;width:100%;height:auto;aspect-ratio:16/9}
.article-cover img{object-fit:cover;border-radius:12px;background:#eef2f7}
.article-cover figcaption{font-size:12px;line-height:1.6;color:var(--body-gray);margin-top:8px}
.blog-body .article-infographic{margin:34px 0}
.article-infographic picture,.blog-body .article-infographic img{display:block;width:100%;height:auto;aspect-ratio:1200/660}
.blog-body .article-infographic img{margin:0;border-radius:12px;background:#f5f8fc}
.blog-body .article-infographic figcaption{text-align:left;font-size:14px;line-height:1.75;margin-top:12px}
.blog-body .article-video{margin:36px 0;background:#f6f8fc;border:1px solid var(--border);border-radius:12px;overflow:hidden}
.article-video-frame{position:relative;aspect-ratio:16/9;background:#eaf0f8;overflow:hidden}
.article-video-frame picture,.blog-body .article-video-frame img{display:block;width:100%;height:100%;margin:0;object-fit:cover;border-radius:0}
.article-video-frame iframe{display:block;border:0;width:100%;height:100%}
.article-video button{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:linear-gradient(0deg,rgba(10,25,42,.75),rgba(10,25,42,.18));color:#fff;border:0;cursor:pointer;padding:20px;text-align:center;font:inherit}
.article-video button[hidden]{display:none}
.article-video button:focus-visible{outline:4px solid #fff;outline-offset:-8px}
.article-video-play{display:flex;align-items:center;justify-content:center;width:68px;height:68px;border-radius:50%;background:#fff;color:#214de3;box-shadow:0 5px 24px #07182e35}
.article-video-play svg{display:block;width:28px;height:28px;margin-left:3px}
.article-video-action{font-size:18px;font-weight:650;line-height:1.4}
.blog-body .article-video figcaption{padding:20px 23px;text-align:left;margin:0;font-size:14px;line-height:1.75}
.article-video figcaption strong{display:block;font-size:17px;margin-bottom:5px}
.article-video figcaption p{margin:7px 0;font-size:14px;line-height:1.75}
.article-video figcaption a{text-decoration:underline;text-underline-offset:3px}
.article-video .video-privacy{font-size:12px;color:var(--body-gray)}
.article-video .video-privacy a{color:inherit}
@media(max-width:600px){
 .blog-card h2{font-size:22px;margin:20px 21px 13px}
 .blog-card .blog-meta{padding:0 21px}
 .blog-card>p:not(.eyebrow){margin-right:21px;margin-left:21px}
 .blog-card>.text-link{margin-right:21px;margin-left:21px}
 .blog-body .article-infographic img{aspect-ratio:480/920}
 .article-cover{margin-bottom:24px}
 .article-video-action{font-size:16px}
 .article-video-play{width:54px;height:54px}
 .blog-body .article-video figcaption{padding:17px 18px}
}