/* Endpoint Guard architecture. */
.endpoint-diagram{margin:32px 0 0}
.endpoint-diagram-canvas{overflow-x:auto;border-radius:6px}
.endpoint-diagram img{display:block;width:100%;min-width:960px;height:auto}
.endpoint-diagram figcaption{margin-top:16px;color:#a2b2c3;font-size:12px;line-height:1.8}
.endpoint-diagram figcaption a{color:var(--x-teal-2);white-space:nowrap}
.endpoint-diagram details{margin-top:20px;border-top:1px solid #3a4a5a;padding-top:16px;font-size:14px;color:#a2b2c3;line-height:1.7}
.endpoint-diagram summary{cursor:pointer;color:#edeeec}
.endpoint-diagram details p{max-width:90ch;margin-top:12px}
@media(max-width:800px){.endpoint-diagram-canvas{border-right:2px solid #3fc7d4}.endpoint-diagram figcaption:before{content:"Swipe across to follow the full endpoint diagram. ";color:#edeeec}}

#how-it-works{scroll-margin-top:80px}
.endpoint-diagram :focus-visible{outline:2px solid #3fc7d4;outline-offset:4px}