.art{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:32px;align-items:start}
@media (max-width:940px){.art{grid-template-columns:1fr}}
.cover{aspect-ratio:16/9;border-radius:var(--r);background:var(--line) center/cover no-repeat;max-width:100%}
.body{max-width:68ch}
.body .lede{font-size:18px;line-height:1.65;margin:20px 0}
.body h2{font-size:22px;margin:26px 0 8px}
.body p{line-height:1.75}
.ph{background:var(--bg);border:1px dashed var(--line);border-radius:10px;padding:12px 14px;color:var(--muted);font-size:14px}
.toc{position:sticky;top:90px;display:grid;gap:16px}
.toc ol{margin:0;padding-left:18px;display:grid;gap:6px;font-size:14px}
.toc a:hover{color:var(--blue)}
.cta{background:linear-gradient(140deg,var(--blue),var(--navy));color:#fff;border-radius:var(--r);padding:18px}
.cta p{color:#D6E2FA;font-size:14px}
@media (max-width:940px){.toc{position:static}}
.faq{margin-top:28px}
.faq details{border:1px solid var(--line);border-radius:10px;padding:12px 16px;margin-bottom:10px;background:var(--surface)}
.faq summary{font-weight:600;cursor:pointer}
.faq details p{margin:8px 0 0}