/* Keep the regular grid as a fallback until JavaScript positions the cards. */
.book-grid,.admin-grid{--masonry-columns:3}
[data-masonry].masonry-ready{display:block;position:relative}
[data-masonry].masonry-ready>*{position:absolute;box-sizing:border-box;margin:0}
/* Preserve the complete photograph and its aspect ratio in the editor too. */
.admin-thumbnail img{height:auto;object-fit:contain}
@media(max-width:950px){.book-grid{--masonry-columns:2}}
@media(max-width:800px){.admin-grid{--masonry-columns:2}}
@media(max-width:640px){.book-grid{--masonry-columns:1}}
@media(max-width:480px){.admin-grid{--masonry-columns:1}.admin-thumbnail img{height:auto}}