/* Scout pages: components not in the article template. Tokens only. */
.cta-row{display:flex;flex-wrap:wrap;gap:var(--sp-12);margin:var(--sp-32) 0 var(--sp-48)}
.article-body .cta-row a{text-decoration:none!important}
.article-body .cta-row a.btn{color:var(--navy)!important}
.article-body .cta-row a.btn-secondary{color:var(--ink)!important;min-height:44px}
.video-demo{margin:0 0 var(--sp-48)}
.video-demo video{display:block;width:100%;height:auto;background:var(--surface-dark);border-radius:var(--radius);border:1px solid var(--border)}
.article-body .video-demo figcaption,.article-body .shot figcaption{margin-top:var(--sp-12);font-size:var(--fs-small);line-height:var(--lh-small);color:var(--text-muted)}
.article-body .demo-link{margin:var(--sp-12) 0 0;font-size:var(--fs-small);color:var(--text-muted)}
.shot{margin:var(--sp-32) 0 var(--sp-48)}
.shot img{display:block;width:100%;height:auto;border:1px solid var(--border);border-radius:var(--radius)}
.article-body ol.steps{list-style:none;counter-reset:s;padding-left:0}
.article-body ol.steps li{counter-increment:s;position:relative;padding-left:var(--sp-48);margin-bottom:var(--sp-16)}
.article-body ol.steps li::before{content:counter(s);position:absolute;left:0;top:2px;width:28px;height:28px;border-radius:50%;background:var(--ink);color:#fff;font-size:var(--fs-small);font-weight:600;display:flex;align-items:center;justify-content:center}
.faq h3{margin:var(--sp-32) 0 var(--sp-8);color:var(--ink)}
.article-body .note{color:var(--text-muted)}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media (max-width:767.98px){.cta-row a{width:100%}}