/* Scoped to the image compression experiment; crop native sizes are in captions. */
.compression-crops { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem; }
.compression-crop { min-width: 0; margin: 0; padding: .8rem; border: 1px solid var(--color-border); border-radius: 12px; background: var(--color-surface); }
.compression-crop img { display: block; width: 320px; max-width: 100%; height: auto; border: 1px solid var(--color-border); }
.compression-crop figcaption { margin-top: .7rem; font-size: .85rem; overflow-wrap: anywhere; }
@media (max-width: 640px) { .compression-crops { grid-template-columns: minmax(0, 1fr); } }
.image-compression-lab .lab-table-wrap { max-width: 100%; overflow-x: auto; }
.image-compression-lab .lab-result-table { width: 100%; min-width: 650px; border-collapse: collapse; text-align: left; font-size: 14px; line-height: 1.7; }
.image-compression-lab .lab-result-table :is(th, td) { padding: 10px 8px; border: 1px solid var(--color-border); vertical-align: top; overflow-wrap: anywhere; }
.image-compression-lab .lab-result-table th { background: var(--color-surface-soft); }
.image-compression-lab code { white-space: normal; overflow-wrap: anywhere; }
.image-compression-lab .integrity-code { display: block; font-size: 14px; }
@media (max-width: 640px) {
 .image-compression-lab .lab-result-table, .image-compression-lab .lab-result-table tbody, .image-compression-lab .lab-result-table tr, .image-compression-lab .lab-result-table td { display: block; width: 100%; min-width: 0; box-sizing: border-box; }
 .image-compression-lab .lab-result-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
 .image-compression-lab .lab-result-table tr { padding: 12px; border: 1px solid var(--color-border); border-radius: 10px; margin: 12px 0; }
 .image-compression-lab .lab-result-table td { border: 0; padding: 5px 0; }
 .image-compression-lab .lab-result-table td::before { content: attr(data-label); display: block; font-size: 12px; color: var(--color-muted); }
}