/* Editorial-only presentation. Shared service pages and navigation stay unchanged. */
.article-page .page-hero{padding-block:40px 44px}
.article-page .page-hero .shell{max-width:1040px}
.article-page .page-hero .breadcrumb{margin-bottom:22px;font-size:14px;line-height:1.6}
.article-page .page-hero h1{max-width:26ch;font-size:clamp(30px,3.8vw,48px);line-height:1.16;letter-spacing:-.025em;text-wrap:balance}
.article-page .page-hero .section-lead{max-width:65ch;font-size:19px;line-height:1.65}
.article-page main>.section{padding-block:44px 64px}
.article-page .content-wrap{max-width:72ch;margin-inline:auto;font-size:18px;line-height:1.8;overflow-wrap:anywhere}
.article-page .content-wrap>p:first-child{font-size:15px;font-weight:700;color:var(--blue-dark);margin-bottom:8px}
.article-page .content-wrap>p:nth-child(2){font-size:14px;line-height:1.6;color:#465467;margin-bottom:32px;padding-bottom:20px;border-bottom:1px solid var(--line)}
.article-page [data-article-body] h2{font-size:clamp(24px,2.6vw,32px);line-height:1.3;letter-spacing:-.015em;margin:2em 0 .7em}
.article-page [data-article-body] p{margin-bottom:1.2em}
.article-page [data-article-body] li{margin-block:.6em;padding-left:.25em}
.article-page [data-article-body] ul{padding-left:1.3em}
.article-page [data-article-body] a{text-underline-offset:.2em;text-decoration-thickness:1px}
.article-page [data-article-body] blockquote{margin:1.5em 0;padding:20px 24px;border-left:4px solid var(--blue);background:#f1f7fc;border-radius:0 12px 12px 0}
.article-page [data-article-body] blockquote p:last-child{margin-bottom:0}
.article-page .content-wrap>p:last-child{border-top:1px solid var(--line);margin-top:40px;padding-top:24px;font-size:16px;line-height:1.8}
.article-page .grid>.card{padding:28px;border-top:4px solid var(--blue);box-shadow:0 6px 20px rgba(14,64,110,.04)}
.article-page .grid>.card:focus-within{box-shadow:0 0 0 3px #1768b5,var(--shadow)}
.article-page .grid>.card h2{font-size:clamp(22px,2.2vw,28px);line-height:1.3;letter-spacing:-.015em;margin-bottom:16px}
.article-page .grid>.card h2 a{text-decoration:none}
.article-page .grid>.card h2 a:hover{text-decoration:underline;text-underline-offset:.15em}
.article-page .grid>.card p{font-size:17px;line-height:1.7;margin-bottom:0}
@media(max-width:600px){
 .article-page .page-hero{padding-block:28px 30px}
 /* Override the shared mobile hero size without changing service pages. */
 .article-page .page-hero h1{font-size:clamp(28px,7vw,36px)!important}
 .article-page .page-hero .breadcrumb{margin-bottom:18px}
 .article-page .page-hero .section-lead{font-size:17px}
 .article-page main>.section{padding-block:30px 44px}
 .article-page .content-wrap{font-size:17px;line-height:1.75}
 .article-page .grid>.card{padding:22px}
 .article-page [data-article-body] blockquote{padding:16px 18px}
}
