.article-hero{background:var(--blue);color:#fff;padding:120px 0 88px}.article-hero h1{max-width:850px;font-size:clamp(2rem,5vw,3.1rem);line-height:1.08;margin:1rem 0}.article-intro{max-width:740px;font-size:1.1rem;line-height:1.7;opacity:.88}.article-meta{display:flex;gap:1rem;flex-wrap:wrap;font-size:.85rem;opacity:.78}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:4rem;padding:72px 0}.article-content{max-width:780px}.article-content h2{font-size:1.65rem;margin:2.7rem 0 1rem;scroll-margin-top:100px}.article-content h3{font-size:1.1rem;color:var(--blue);margin:1.8rem 0 .7rem}.article-content p,.article-content li{color:#374151;line-height:1.82}.article-content p,.article-content ul,.article-content ol{margin-bottom:1.2rem}.callout{margin:1.6rem 0;padding:1.2rem 1.4rem;background:#f3f7fc;border-left:4px solid var(--blue)}.article-sidebar{position:sticky;top:96px}.sidebar-card{padding:1.5rem;border:1px solid #dfe4ea;background:#fff;margin-bottom:1rem}.sidebar-card h2{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.8rem}.sidebar-card a{display:block;padding:.4rem 0}.article-cta{margin:3rem 0;padding:2.2rem;background:var(--blue);color:#fff}.article-cta h2,.article-cta p{color:#fff}.article-author{border-top:1px solid #dfe4ea;padding-top:2rem}.article-author strong{display:block}.back-link{color:rgba(255,255,255,.75);text-decoration:none}@media(max-width:900px){.article-layout{grid-template-columns:1fr}.article-sidebar{position:static}.article-hero{padding:105px 0 65px}}
