/* Hands remain complete; forearms meet the visual frame rather than floating inside it. */
.guide-photo{position:relative;display:block;aspect-ratio:1;min-height:0;height:auto;overflow:hidden;align-self:stretch}
.guide-photo #step-image{position:absolute;inset:0;display:block;width:100%;height:100%;max-height:none;padding:28px;object-fit:contain;object-position:center center}
.guide-photo.hand-visual #step-image{padding:0;object-position:center bottom}
.how-visual{position:relative;aspect-ratio:1;width:100%;overflow:hidden;background:#f0f3f7;margin-bottom:24px}
.how-visual img{position:absolute;inset:0;display:block;width:100%;height:100%;max-height:none;margin:0;padding:0;object-fit:contain;object-position:center bottom}
.how-visual:has(img[src*="tube-open"]) img{padding:25px}
.editorial-grid img[src*="wrist-spread-close"]{aspect-ratio:1145/1374;object-fit:contain;object-position:center bottom;padding:0;background:#f0f3f7}
@media(max-width:680px){.guide-photo{height:auto;min-height:0;aspect-ratio:1}.guide-photo #step-image{height:100%;max-height:none;padding:20px}.guide-photo.hand-visual #step-image{padding:0}.how-cards .how-visual{grid-column:1;grid-row:1/4;align-self:stretch;min-height:180px;margin:0}.how-cards .how-visual img{width:100%;height:100%;max-height:none;padding:0}.how-cards .how-visual:has(img[src*="tube-open"]) img{padding:15px}}

/* A closer wrist framing reduces exposed forearm without squeezing anatomy. */
.guide-photo,.how-visual{aspect-ratio:1145/1374}
.editorial-grid img[src*="wrist-spread-close"]{background:#fff;border:1px solid #d2d8e1;box-sizing:border-box}