/* Shared presentation for every HTML file served by /News/Article. */
.news-article-page { color: #0f2f56; background: #fff; }
.news-article-page .page-margins {
    max-width: 1200px; margin-left: auto; margin-right: auto;
    padding-left: 32px !important; padding-right: 32px !important;
}
.news-article-hero {
    padding: 34px 0 52px;
    background: linear-gradient(140deg, #f4f7fb 0%, #f8fbfc 62%, #eaf4f3 100%);
    border-bottom: 1px solid #e1eaf2;
}
.news-article-back { display: inline-block; margin-bottom: 32px; color: #4c749d; font-size: 14px; }
.news-article-back:hover, .news-article-back:focus { color: #00467f; }
.news-article-meta {
    display: flex; flex-wrap: wrap; align-items: center; gap: 12px;
    margin-bottom: 16px; color: #5b7892; font-family: 'latobold', Helvetica, sans-serif;
    font-size: 12px; letter-spacing: .09em; text-transform: uppercase;
}
.news-article-category { padding: 5px 12px; border-radius: 999px; background: #e7f1f8; color: #00467f; }
.news-article-meta-dot { color: #9db1c3; }
.news-article-hero h1 {
    max-width: 920px; margin: 0 0 20px; padding: 0;
    color: #0f2f56; font-family: 'latobold', Helvetica, sans-serif;
    font-size: 42px; line-height: 1.16; font-weight: normal;
}
.news-article-deck { max-width: 780px; margin: 0; color: #51657d; font-size: 19px; line-height: 1.5; }
.news-article-main { padding-top: 48px; padding-bottom: 64px; }
.news-article-grid { display: grid; grid-template-columns: minmax(0, 1fr) 270px; gap: 64px; align-items: start; }
.news-article-body { min-width: 0; color: #334f68; font-size: 16px; line-height: 1.75; }

/* The stored HTML uses old Bootstrap rows, bevels, and spacer rows. Keep its content
   and links while letting the article page own the visual layout. */
.news-article-body .bevel,
.news-article-body .bevel.tlbr,
.news-article-body .bevel.all,
.news-article-body .bevel.trbl,
.news-article-body .bevel.tr {
    margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; color: inherit;
}
.news-article-body .row { margin: 0; }
.news-article-body [class*="col-"] { float: none; width: auto; min-width: 0; padding: 0; }
.news-article-body .text-center { text-align: left; }
.news-article-body p { margin: 0 0 20px; color: inherit; font-size: inherit; line-height: inherit; }
.news-article-body p:first-of-type { color: #0f2f56; }
.news-article-body h1,
.news-article-body h2,
.news-article-body h3 {
    margin: 28px 0 12px; padding: 0; color: #0f2f56;
    font-family: 'latobold', Helvetica, sans-serif; font-weight: normal;
}
.news-article-body h1 { font-size: 26px; line-height: 1.35; }
.news-article-body h2 { font-size: 23px; line-height: 1.35; }
.news-article-body h3 { font-size: 19px; line-height: 1.4; }
.news-article-body a { color: #00467f; text-decoration: underline; text-underline-offset: 3px; overflow-wrap: anywhere; }
.news-article-body a:hover, .news-article-body a:focus { color: #0066a3; }
.news-article-body a[href*="WhitePaperForm"] {
    display: inline-block; padding: 12px 20px; border-radius: 999px;
    background: #00467f; color: #fff; font-size: 15px; line-height: 1.4; text-decoration: none;
}
.news-article-body a[href*="WhitePaperForm"]:hover,
.news-article-body a[href*="WhitePaperForm"]:focus { background: #0f2f56; color: #fff; }
.news-article-body ul, .news-article-body ol { margin: 0 0 22px; padding-left: 25px; }
.news-article-body li { margin-bottom: 7px; }
.news-article-body blockquote { margin: 28px 0; padding: 2px 0 2px 20px; border-left: 4px solid #65bd97; color: #0f2f56; font-size: 19px; line-height: 1.55; }
.news-article-body img { max-width: 100% !important; height: auto !important; }
.news-article-body .picimage { float: right; width: 38%; max-width: 280px !important; margin: 0 0 16px 24px; }
.news-article-body iframe { display: block; width: 100% !important; max-width: 560px; min-height: 260px; aspect-ratio: 16 / 9; margin: 20px 0; border: 0; }
.news-article-body table { display: block; max-width: 100% !important; overflow-x: auto; border-collapse: collapse; }
.news-article-body table table { width: auto !important; }

.news-article-related { padding: 23px 22px 8px; border: 1px solid #dde6f0; border-radius: 18px; background: #f9fbfd; }
.news-article-related h2 { margin: 0 0 9px; color: #0f2f56; font-family: 'latobold', Helvetica, sans-serif; font-size: 17px; line-height: 1.35; }
.news-article-related-rule { width: 32px; height: 3px; margin-bottom: 6px; border-radius: 4px; background: #65bd97; }
.news-article-related-link { display: block; padding: 16px 0; border-bottom: 1px solid #dde6f0; text-decoration: none; }
.news-article-related-link:last-child { border-bottom: 0; }
.news-article-related-meta { display: block; margin-bottom: 5px; color: #4c749d; font-family: 'latobold', Helvetica, sans-serif; font-size: 11px; letter-spacing: .1em; text-transform: uppercase; }
.news-article-related-title { display: block; color: #0f2f56; font-family: 'latobold', Helvetica, sans-serif; font-size: 14px; line-height: 1.45; }
.news-article-related-link:hover .news-article-related-title,
.news-article-related-link:focus .news-article-related-title { color: #0066a3; text-decoration: underline; }

.news-article-about {
    margin-top: 48px; padding: 24px; border: 1px solid #dde6f0;
    border-radius: 18px; background: #f9fbfd;
}
.news-article-about h2 { margin: 0 0 10px; color: #0f2f56; font-family: 'latobold', Helvetica, sans-serif; font-size: 17px; line-height: 1.35; }
.news-article-about .news-article-related-rule { margin-bottom: 16px; }
.news-article-body .news-article-about-copy { min-width: 0; margin: 0; color: #334f68; font-size: 15px; line-height: 1.7; }
.news-article-about a { color: #00467f; }
.news-article-about a:hover, .news-article-about a:focus { color: #0066a3; }
.news-article-page a:focus-visible { outline: 2px solid #3ca0e7; outline-offset: 3px; }

@media (max-width: 991px) {
    .news-article-grid { grid-template-columns: minmax(0, 1fr) 230px; gap: 32px; }
    .news-article-hero h1 { font-size: 36px; }
}
@media (max-width: 767px) {
    .news-article-page .page-margins { padding-left: 22px !important; padding-right: 22px !important; }
    .news-article-hero { padding: 26px 0 38px; }
    .news-article-back { margin-bottom: 26px; }
    .news-article-hero h1 { font-size: 32px; }
    .news-article-deck { font-size: 17px; }
    .news-article-main { padding-top: 34px; padding-bottom: 44px; }
    .news-article-grid { display: block; }
    .news-article-related { margin-top: 36px; }
    .news-article-body .picimage { float: none; display: block; width: auto; max-width: 100% !important; margin: 0 0 18px; }
    .news-article-about { margin-top: 36px; padding: 22px; }
}
@media (max-width: 420px) {
    .news-article-hero h1 { font-size: 28px; }
    .news-article-meta { gap: 8px; }
    .news-article-page .page-margins { padding-left: 18px !important; padding-right: 18px !important; }
}