/* Compact, readable product diagrams alongside the hero copy. */
.product-hero-diagram{margin:0;min-width:0;width:100%;align-self:center}
.product-hero-diagram img{display:block;width:100%;height:auto}
.product-hero-diagram figcaption{text-align:center;font-size:12px;line-height:1.6;color:#a2b2c3;margin-top:8px}
.product-hero-diagram a{color:#3fc7d4;text-decoration:none}
.product-hero-diagram a:hover{text-decoration:underline;text-underline-offset:4px}
.product-hero-diagram a:focus-visible{outline:2px solid #3fc7d4;outline-offset:5px}
.x-hero .x-wrap:has(.product-hero-diagram){grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}
@media(max-width:960px){.x-hero .x-wrap:has(.product-hero-diagram){grid-template-columns:minmax(0,1fr)}.product-hero-diagram{max-width:680px;margin:auto}}