.article-shell{background:#fff}
.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:42px;align-items:start}
.article-copy{max-width:780px}
.article-copy h2{font-size:clamp(1.75rem,3vw,2.3rem);margin:2rem 0 .7rem}
.article-copy h3{font-size:1.35rem;margin:1.5rem 0 .45rem}
.article-copy p,.article-copy li{font-size:1.05rem}
.article-copy ul{padding-left:1.3rem}
.article-meta{color:#5c6d78;font-weight:700;margin-top:16px}
.page-hero .article-meta{color:#fff}
.article-answer{background:#eef7f2;border-left:5px solid var(--green);border-radius:12px;padding:22px 24px;margin:28px 0}
.article-answer strong{display:block;color:var(--navy);margin-bottom:6px}
.article-aside{position:sticky;top:120px;background:var(--soft);border:1px solid var(--line);border-radius:var(--radius);padding:24px}
.article-aside h2{font-size:1.35rem;margin-top:0}
.article-aside ul{padding-left:1.1rem}
.article-aside li{margin:.55rem 0}
.article-cta{margin-top:34px;padding:28px;border-radius:var(--radius);background:linear-gradient(135deg,var(--blue-dark),var(--blue));color:#fff}
.article-cta h2{color:#fff;margin-top:0}
.article-cta .button{background:#fff;color:var(--blue-dark)!important}
@media(max-width:900px){.article-layout{grid-template-columns:1fr}.article-aside{position:static}.article-copy{max-width:none}}
