
.es-page{background:#F6F8FB;color:#334155}
.article-shell{width:min(calc(100% - 32px),1180px);margin-inline:auto}
.article-breadcrumb{padding:16px 0;font-size:13px;color:#64748B}
.article-breadcrumb a{color:#64748B}
.article-breadcrumb span{margin:0 6px}
.article-header{background:linear-gradient(135deg,#17284A 0%,#20375F 64%,#20466F 100%);color:#fff;padding:62px 0 54px}
.article-header__inner{max-width:920px;margin:auto;text-align:center}
.article-eyebrow{display:inline-flex;padding:7px 12px;border-radius:999px;background:rgba(94,234,212,.12);border:1px solid rgba(94,234,212,.3);color:#8EF0DF;font-size:12px;font-weight:800}
.article-header h1{font-size:clamp(36px,5vw,58px);line-height:1.07;letter-spacing:-.045em;margin:18px auto;max-width:900px}
.article-lead{font-size:18px;line-height:1.75;color:rgba(255,255,255,.82);max-width:780px;margin:0 auto}
.article-meta{display:flex;justify-content:center;flex-wrap:wrap;gap:9px;margin-top:22px}
.article-meta span,.article-meta time{font-size:12px;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);color:rgba(255,255,255,.88)}
.article-hero-image{margin:-26px auto 0;position:relative;z-index:2}
.article-hero-image img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:22px;border:1px solid #DCE6EF;box-shadow:0 22px 50px rgba(15,23,42,.12)}
.article-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:34px;padding:48px 0 78px;align-items:start}
.article-toc{position:sticky;top:92px;background:#fff;border:1px solid #DCE6EF;border-radius:18px;padding:22px;box-shadow:0 14px 34px rgba(15,23,42,.05)}
.article-toc h2{font-size:17px;color:#1A2B4A;margin:0 0 12px}
.article-toc ol{padding-left:18px;margin:0}
.article-toc li{margin:8px 0}
.article-toc a{font-size:13px;line-height:1.5;color:#526175;text-decoration:none;font-weight:650}
.article-content{min-width:0}
.article-content>section{background:#fff;border:1px solid #DCE6EF;border-radius:20px;padding:30px;margin-bottom:24px;box-shadow:0 14px 34px rgba(15,23,42,.04)}
.article-content h2{font-size:clamp(26px,3vw,34px);line-height:1.18;color:#1A2B4A;letter-spacing:-.03em;margin:0 0 16px}
.article-content h3{color:#1A2B4A;margin:22px 0 10px}
.article-content p,.article-content li{max-width:72ch;font-size:16px;line-height:1.85;color:#3F4D61}
.article-content p{margin:0 0 16px}
.article-content ul,.article-content ol{padding-left:22px}
.article-disclaimer{background:#FFF8E7!important;border-color:#FDE68A!important;color:#78350F!important}
.contextual-cta{background:#ECF8F5!important;border-color:#C9EAE3!important}
.contextual-cta .ux-button{margin-top:6px}
.sources-list{display:grid;gap:12px;padding:0!important;list-style:none}
.sources-list li{max-width:none!important;border:1px solid #E2E8F0;border-radius:14px;padding:14px 16px;background:#FBFCFE}
.sources-list a{font-weight:750}
.related-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.related-card{border:1px solid #DCE6EF;border-radius:16px;padding:18px;text-decoration:none;background:#fff}
.related-card strong{display:block;color:#1A2B4A;margin-bottom:5px}
.related-card span{font-size:14px;line-height:1.6;color:#64748B}
.final-cta{background:linear-gradient(135deg,#17284A,#20375F)!important;color:#fff}
.final-cta h2,.final-cta p{color:#fff}
.faq details{border:1px solid #E2E8F0;border-radius:14px;padding:0 16px;margin-bottom:10px;background:#fff}
.faq summary{cursor:pointer;padding:16px 0;font-weight:750;color:#1A2B4A}
.faq details p{padding-bottom:14px}
@media(max-width:900px){
  .article-layout{grid-template-columns:1fr}
  .article-toc{position:static;order:-1}
}
@media(max-width:640px){
  .article-header__inner{text-align:left}
  .article-header h1,.article-lead{margin-left:0}
  .article-meta{justify-content:flex-start}
  .article-content>section{padding:22px}
  .related-grid{grid-template-columns:1fr}
}
