/* Versioned after the homepage bundle. Independent side grids; Edge 100 compatible. */
.xl-home .xl-tool-image[data-image-layout="sides"] { position: relative; height: 0; padding-top: 50%; aspect-ratio: auto; }
.xl-home .xl-tool-image[data-image-layout="sides"][data-side-count="1"] { padding-top: 100%; }
.xl-home .xl-tool-image-pair[data-image-layout="sides"] { position: absolute; inset: 0; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); grid-template-rows: minmax(0,1fr); width: 100%; height: 100%; aspect-ratio: auto; gap: 0; }
.xl-home .xl-tool-image-pair[data-image-layout="sides"][data-side-count="1"] { grid-template-columns: minmax(0,1fr); }
.xl-home .xl-tool-image-pair[data-image-layout="sides"] .xl-tool-image-side { display: grid; grid-template-columns: minmax(0,1fr); grid-template-rows: minmax(0,1fr); min-width: 0; min-height: 0; overflow: hidden; }
.xl-home .xl-tool-image-pair[data-image-layout="sides"] .xl-tool-image-side[data-side-layout="grid"] { grid-template-columns: repeat(2,minmax(0,1fr)); grid-template-rows: repeat(2,minmax(0,1fr)); gap: 0; }
.xl-home .xl-tool-image-pair[data-image-layout="sides"] picture { display: block; min-width: 0; min-height: 0; width: 100%; height: 100%; aspect-ratio: auto; padding: 0; margin: 0; }
.xl-home .xl-tool-image-pair[data-image-layout="sides"] picture > img { display: block; width: 100%; height: 100%; object-fit: contain; object-position: center; }