.article-hero{padding:3.5rem 5vw 4rem}
.topbar .cta{background:#d9ad50!important;color:#071a33!important}
.article-hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);gap:3rem;align-items:center;max-width:1230px;margin:auto}
.article-hero-grid figure{margin:0;border-radius:22px;overflow:hidden;box-shadow:0 24px 70px rgba(0,0,0,.22)}
.article-hero-grid img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover}
.article-hero h1{font-size:clamp(2.55rem,5vw,4.75rem)}
.article-body>h2:first-of-type{margin-top:2rem}
.article-body ul:not(.steps){padding-left:1.25rem}.article-body li{margin:.65rem 0}
.framework-grid article strong{display:block;color:#a36319;font-size:.78rem;letter-spacing:.12em}
.sources{border-top:1px solid var(--line);margin-top:3.5rem;padding-top:1.5rem}
.sources li{margin:.75rem 0}.sources a{overflow-wrap:anywhere}
.footer{background:#041219;color:#b7c8cb;padding:38px 24px;font:14px/1.7 Inter,system-ui,sans-serif}.footer .shell{max-width:1180px;margin:auto}.footer a{color:#fff}
@media(max-width:900px){.article-hero-grid{grid-template-columns:1fr}.article-hero-grid figure{max-width:760px}.article-shell{gap:2rem}}
@media(max-width:620px){.article-hero{padding:2.5rem 1.15rem 3rem}.article-hero-grid{gap:1.5rem}.article-hero h1{font-size:clamp(2.2rem,12vw,3.25rem)}.article-hero-grid figure{border-radius:14px}.meta-row{gap:.5rem}.framework-grid{grid-template-columns:1fr}}