.photos-list {
	list-style: none;
	a {
		color: inherit;
		text-decoration: none;
	}
	max-width: var(--photos-list-max-width, 28rem);

	.photo {
		text-align: center;
		@media (min-width: 60rem) {
			display: grid;
			grid-template-areas: "photo" "details";
			grid-template-columns: 1fr;
			grid-template-rows: auto auto;
		}
		margin-block: 1rem;
	}
	
	.photo-asset {
		grid-area: photo;
		display: block;
		max-width: 100%;
	}
	
	.photo-details {
		grid-area: details;
		padding: 1rem;
	}
	
	.photo-title {
		margin-block-end: 1rem;
	}
	
	.photo-summary {
		font-family: monospace;
	}
}