/* Reading pages use the site's own typography and a restrained editorial grid. */
.article-page{color:#1b252d;background:#fff}
.article-page main,.article-page .site-footer{background:#fff}
.article-page main{overflow:visible}
.article-page .page-hero.article-hero{position:relative;isolation:isolate;overflow:hidden;min-height:460px;padding:155px 0 52px;border-radius:0;background:#18374e;color:#fff}
.article-hero-image{position:absolute;inset:0;z-index:-2;display:block;width:100%;height:100%;object-fit:cover;object-position:center 40%}
.article-page .article-hero::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(3,19,36,.62) 0%,rgba(3,19,36,.62) 25%,rgba(3,19,36,.38) 55%,rgba(3,19,36,.8) 100%);pointer-events:none}
.article-hero .breadcrumbs{flex-wrap:nowrap;gap:12px;min-width:0;color:#fff;font-size:14px}
.article-hero .breadcrumbs [aria-current]{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.article-hero .breadcrumbs a{flex:none}
.article-hero .article-meta{display:flex;align-items:center;flex-wrap:wrap;gap:12px 24px;margin:25px 0 15px;font-size:14px;line-height:1.5;color:#fff}
.article-hero .article-meta time{color:#e0e9f1}
.article-page .article-hero h1{max-width:1000px;margin:0;font-size:clamp(40px,4.8vw,64px);font-weight:400;line-height:1.08;letter-spacing:-.04em;overflow-wrap:break-word;color:#fff}
.article-page .article-reading-grid{max-width:1000px}
.article-reading-grid{display:block;padding-top:42px;padding-bottom:76px}
.story-article-content{min-width:0;width:100%}
.article-byline{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:34px;padding-bottom:24px;border-bottom:1px solid #e8edf1}
.article-author{display:flex;align-items:center;gap:18px;text-decoration:none}
.article-author img{width:82px;height:auto}
.article-author span{display:grid;gap:4px;line-height:1.3}
.article-author small{font-size:12px;color:#7b8c97}
.article-author strong{font-size:15px;font-weight:500;color:#244a6a}
.article-author:hover{text-decoration:none}
.article-byline time{font-size:14px;color:#6b7f8d}
.article-page .story-article-content section{scroll-margin-top:calc(var(--header-height,84px) + 90px);margin-bottom:42px}
.story-article-content h2{font-size:34px;font-weight:400;line-height:1.2;letter-spacing:-.03em;color:#1b252d;margin:0 0 20px}
.story-article-content p{font-size:19px;line-height:1.85;color:#536c7b;margin:0 0 22px}
.story-article-content .article-dek{font-size:21px;line-height:1.65;color:#345469;margin:0 0 38px}
.story-article-content .article-source{margin-top:40px;margin-bottom:0;padding-top:22px;border-top:1px solid #e5ebf1;font-size:13px;color:#7b8c97}
.article-source a{color:#0047ab}
.article-related{padding:55px 0 76px;background:#fff}
.article-related>.section-wrap{max-width:1360px}
.article-related h2.article-related-heading{font-size:38px;font-weight:400;line-height:1.15;letter-spacing:-.035em;margin:0 0 30px}
.article-outline a:focus-visible,.article-source a:focus-visible{outline:2px solid #0047ab;outline-offset:5px}
@media(max-width:800px){
 .article-page .page-hero.article-hero{min-height:400px;padding:130px 0 40px}
 .article-page .article-hero h1{font-size:40px;max-width:none}
 .article-hero .breadcrumbs{font-size:13px;gap:10px}
 .story-article-content .article-dek{font-size:19px}
 .article-reading-grid{padding-top:28px;padding-bottom:45px}
 .article-byline{gap:16px;margin-bottom:27px}
 .story-article-content h2{font-size:28px}
 .story-article-content p{font-size:17px;line-height:1.8}
 .article-related{padding:40px 0 50px}
}
@media(max-width:540px){
 .article-page .article-hero h1{font-size:34px;line-height:1.13}
 .article-hero .breadcrumbs{font-size:12px;gap:8px}
 .article-hero .article-meta{font-size:13px}
 .article-author{gap:12px}
 .article-author img{width:64px}
 .article-byline time{font-size:12px}
 .story-article-content .article-dek{font-size:18px}
 .article-related h2.article-related-heading{font-size:32px}
}