/* Benchmark flow on the Red Team product page. */
.bench-diagram{margin:32px 0 0}
.bench-diagram-canvas{overflow-x:auto;border-radius:4px}
.bench-diagram img{display:block;width:100%;min-width:960px;height:auto}
.bench-diagram figcaption{margin-top:16px;color:#9aabbd;font-size:12px;line-height:1.8}
.bench-diagram figcaption a{color:var(--x-teal-2);white-space:nowrap}
.bench-diagram details{margin-top:20px;border-top:1px solid #344a5d;padding-top:16px;font-size:14px;color:#b6c2d1;line-height:1.7}
.bench-diagram summary{cursor:pointer;color:#e5edf4}
.bench-diagram details p{max-width:90ch;margin-top:12px}
@media(max-width:800px){.bench-diagram-canvas{border-right:2px solid #3fc7d4}.bench-diagram figcaption:before{content:"Swipe across to follow the full benchmark diagram. ";color:#e5edf4}}

.bench-lede{max-width:78ch;margin-top:20px;font-size:16px;line-height:1.75;color:#b6c2d1}
#how-it-works{scroll-margin-top:80px}
.bench-diagram :focus-visible{outline:2px solid #3fc7d4;outline-offset:4px}
