p.caption {
	font-style: italic;
	font-size: 0.75rem;
	line-height: 1.0rem;
}

/* fix for narrow text beside floating image */
p:before {
	content: "";
	width: 10em;
	display: block;
	overflow: hidden;
}

/* legacy site float behaviour */

main .floatleft {
	float: left;
	margin-right: 1rem;
	position: relative;
}

main .clearer {
	clear: both;
	line-height: 0px;
	height: 0px;
	visibility: hidden;
}

/* legacy site elastic behaviour */

main img.elastic_740 {
	width: 100%;
	max-width: 740px;
}

main img.elastic_355 {
	width: 100%;
	max-width: 355px;
}

main div.elastic_355 {
	max-width: 355px;
}

main img.elastic_235 {
	width: 100%;
	max-width: 235px;
}

main div.elastic_235 {
	max-width: 235px;
}

.thumbnails div {
	position: relative;
	display: inline-block;
}

div {
	position: relative;
}

main a:has(img)::after
{
	position: absolute;
	top: 0.5rem;
	left: 0.5rem;
	content: "🔍";
	font-size: 1.5rem;
	padding: 0.5rem;
	border: solid var(--border-width) var(--colour-border);;
	border-radius: 0.5rem;
	backdrop-filter: blur(2px);
	z-index: 1;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5);
}