/* IMAGE GALLERY (golden master file - shared by every site; site changes go in custom.css / theme.css)
   Loaded after custom.css and before theme.css, so it replaces the older .gallery rules in a site's
   custom.css, and theme.css can still restyle it.
   Each tile is a 3:2 box (the 600x400 thumbnail shape, up to 600x400) with the thumbnail shown
   whole (object-fit: contain), so portrait photos are never cropped.
   To make tiles bigger or smaller, change the 250px minimum column width.
-------------------------------------------------- */
.gallery {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
	gap: 5px;
	margin: 10px 0 30px 0;
}
.gallery a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	max-width: 600px;
	aspect-ratio: 3 / 2;
	overflow: hidden;
	background-color: #ddd;
}
.gallery img {
	display: block;
	width: 100%;
	height: 100%;
	max-width: 600px;
	max-height: 400px;
	margin: 0;
	object-fit: contain;
}