:root{--article-measure:760px}
.article-archive-hero,.article-hero{background:var(--navy);color:var(--white);padding:88px 0 72px}
.article-hero{padding-block:48px}
.article-narrow{max-width:var(--article-measure)}
.article-archive-hero h1,.article-hero h1{color:var(--white);font-size:clamp(46px,7vw,76px);line-height:.98;letter-spacing:-.045em;margin:12px 0 22px}
.article-hero h1{font-size:clamp(34px,4.2vw,60px);line-height:1.08;letter-spacing:-.035em;text-wrap:balance}
.article-deck{font-size:clamp(19px,2.2vw,25px);line-height:1.55;max-width:38ch;color:rgba(255,255,255,.84)}
.article-meta{font-size:13px;font-weight:700;letter-spacing:.04em;color:var(--blue);margin:0 0 12px}
.article-breadcrumb-band{background:var(--surface,#F7F9FC);border-bottom:1px solid var(--line,#c5cfdd)}
.article-breadcrumb-band>.frame{max-width:1440px}
.article-breadcrumb-band .article-breadcrumbs{margin:0;padding:16px 0;font-size:14px;line-height:1.6;color:var(--muted,#4e5a70)}
.article-breadcrumbs ol{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 0;list-style:none;margin:0;padding:0}
/* Shared main li rules use !important for body copy; navigation is not body copy. */
body:not(.campaign-page) main .article-breadcrumbs li{display:flex;align-items:baseline;min-width:0;max-width:100%;margin:0;padding:0;font-size:14px!important;line-height:1.6!important;font-weight:400;overflow-wrap:anywhere}
.article-breadcrumbs li+li::before{content:"/";display:block;flex:none;width:auto;height:auto;margin:0;padding:0 10px;border:0;transform:none;color:var(--muted,#4e5a70);font:inherit}
.article-breadcrumbs a{color:var(--navy,#0E1849);font:inherit;text-decoration:none}
.article-breadcrumbs a:hover{text-decoration:underline;text-underline-offset:4px}
.article-breadcrumbs a:focus-visible{outline:2px solid var(--navy,#0E1849);outline-offset:4px;border-radius:3px}
.article-breadcrumb-band .article-breadcrumbs li[aria-current="page"] span{display:block;max-width:none;overflow:visible;color:var(--muted,#4e5a70);font:inherit;text-overflow:clip;white-space:normal}
.article-breadcrumb-band+.article-body{padding-top:52px}
@media(max-width:760px){.article-breadcrumb-band .article-breadcrumbs{padding:14px 0}.article-breadcrumbs li+li::before{padding:0 8px}.article-breadcrumb-band+.article-body{padding-top:36px}}
.article-byline{margin-top:24px;color:rgba(255,255,255,.72)}
.article-list{padding-top:72px;padding-bottom:96px;display:grid;gap:0}
.article-card{display:grid;grid-template-columns:minmax(220px,34%) 1fr;gap:38px;padding:34px 0;border-top:1px solid var(--line)}
.article-card:last-child{border-bottom:1px solid var(--line)}
.article-card-image{display:block;overflow:hidden;border-radius:8px;background:var(--surface);aspect-ratio:3/2}
.article-card-image img{width:100%;height:100%;object-fit:cover}
.article-card h2{font-size:clamp(28px,3vw,42px);line-height:1.08;margin:0 0 14px}
.article-card h2 a{color:var(--navy);text-decoration:none}
.article-card h2 a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.article-card p:last-child{font-size:18px;line-height:1.65;color:var(--muted);max-width:58ch}
.article-empty{padding:48px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.article-hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:64px;align-items:center}
.article-hero figure{margin:0;overflow:hidden;border:1px solid rgba(255,255,255,.35);border-radius:8px}
.article-hero figure img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:center 42%}
.article-body{padding-top:52px;padding-bottom:100px;display:grid;grid-template-columns:minmax(180px,220px) minmax(0,var(--article-measure));gap:48px;align-items:start}
.article-main{min-width:0;max-width:var(--article-measure)}
.article-reading{grid-column:1/-1;display:grid;grid-template-columns:minmax(180px,220px) minmax(0,var(--article-measure));gap:48px;align-items:start}
.article-after{grid-column:2;min-width:0;max-width:var(--article-measure)}
.article-after .article-next{margin-top:0}
.article-toc{position:-webkit-sticky;position:sticky;top:32px;align-self:start;height:max-content;max-height:calc(100vh - 64px);overflow:auto;padding:10px 0 14px;border-top:2px solid var(--navy);border-bottom:1px solid var(--line)}
.article-toc h2{font-size:13px;line-height:1.3;letter-spacing:.06em;text-transform:uppercase;margin:0 0 12px;color:var(--navy)}
.article-toc ol{list-style:none;margin:0;padding:0}
.article-toc li+li{margin-top:9px}
.article-toc a{display:block;color:var(--muted);font-size:15px;line-height:1.4;text-decoration:none}
.article-toc a:hover,.article-toc a:focus-visible,.article-toc a.is-active{color:var(--navy);text-decoration:underline;text-decoration-color:var(--green);text-decoration-thickness:2px;text-underline-offset:4px}
.article-toc-mobile{display:none}
.article-toc-mobile summary{cursor:pointer;color:var(--navy);font-size:15px;font-weight:700;list-style:none}
.article-toc-mobile summary::-webkit-details-marker{display:none}
.article-toc-mobile summary::after{content:"+";float:right;font-size:20px;line-height:1}
.article-toc-mobile[open] summary::after{content:"−"}
.article-toc-mobile ol{list-style:none;margin:16px 0 0;padding:0}
.article-toc-mobile li+li{margin-top:10px}
.article-toc-mobile a{display:block;color:var(--muted);font-size:15px;line-height:1.4;text-decoration:none}
.article-toc-mobile a:hover,.article-toc-mobile a:focus-visible,.article-toc-mobile a.is-active{color:var(--navy);text-decoration:underline;text-decoration-color:var(--green);text-decoration-thickness:2px;text-underline-offset:4px}
body:not(.campaign-page) main .article-toc li,body:not(.campaign-page) main .article-toc-mobile li{font-size:15px!important;line-height:1.4!important}
.article-toc a:focus-visible,.article-toc-mobile a:focus-visible,.article-toc-mobile summary:focus-visible{outline:2px solid var(--navy);outline-offset:3px}
@media(max-width:900px){.article-toc-mobile summary{min-height:44px;line-height:24px}.article-toc-mobile a{padding:10px 0;min-height:44px}}
.article-section{padding:0 0 54px;scroll-margin-top:32px}
.article-section h2,.article-faq h2,.article-next h2{font-size:clamp(28px,2.8vw,36px);line-height:1.16;margin:0 0 22px;color:var(--navy);text-wrap:balance}
.article-next h2{font-size:clamp(26px,2.2vw,30px)}
.article-section p,.article-faq p,.article-next p{font-size:19px;line-height:1.75;color:var(--muted);margin:0 0 20px}
.article-section .text-link{display:inline-flex;margin-top:4px}
.article-faq{padding-top:18px;padding-bottom:60px}
.article-faq details{border-top:1px solid var(--line)}
.article-faq details:last-child{border-bottom:1px solid var(--line)}
.article-faq summary{cursor:pointer;padding:20px 36px 20px 0;font-size:18px;font-weight:700;color:var(--navy)}
.article-faq .a{padding:0 0 20px}
.article-next{margin-top:22px;padding:38px;background:var(--surface);border:1px solid var(--line);border-radius:8px}
.article-next .button{margin-top:10px}
.article-related h2{font-size:28px;line-height:1.2;color:var(--navy);margin:0 0 24px}
.article-related-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.article-related-card{display:block;min-width:0;color:var(--navy);text-decoration:none}
.article-related-card img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border-radius:8px;background:var(--surface)}
.article-related-card h3{font:400 25px/1.25 Newsreader,Georgia,serif;letter-spacing:-.02em;margin:16px 0 0;color:var(--navy)}
.article-related-card:hover h3{text-decoration:underline;text-underline-offset:4px}
.article-related-card:focus-visible{outline:2px solid var(--navy);outline-offset:5px;border-radius:4px}
@media(max-width:760px){.article-related-list{grid-template-columns:1fr}.article-related-card img{max-height:300px}}
@media(max-width:900px){
 .article-archive-hero,.article-hero{padding:58px 0 50px}
 .article-hero{padding-block:32px}
 .article-card,.article-hero-grid{grid-template-columns:1fr;gap:24px}
 .article-card{padding:28px 0}
 .article-card-image{max-width:520px}
 .article-hero figure{max-width:none}
 .article-hero figure img{max-height:320px}
 .article-body{display:block;padding-top:54px;padding-bottom:72px}
 .article-reading{display:block}
 .article-after{margin-top:32px}
 .article-toc-desktop{display:none}
 .article-toc-mobile{display:block;margin-bottom:32px;padding:16px 0 20px;border-top:2px solid var(--navy);border-bottom:1px solid var(--line)}
 .article-section{padding-bottom:42px}
 .article-next{padding:28px 22px}
}
