/* The notice follows the <img>/<video> as a sibling; its parent becomes the positioning box */
:has(> .ai-media__label--overlay) {
	position: relative;
}

.ai-media__label {
	display: block;
	font-size: .75rem;
	line-height: 1.4;
	font-style: italic;
}

.ai-media__label--overlay {
	position: absolute;
	bottom: 0;
	right: 0;
	max-width: 100%;
	padding: .125rem .5rem;
	background: rgba(0, 0, 0, .75);
	color: #fff;
}

.ai-media__label--below {
	margin-top: .125rem;
	opacity: .8;
}

/* Inherits the text colour, so it stays readable on light and dark sections */
.ai-label {
	display: block;
	font-size: .75rem;
	line-height: 1.4;
	opacity: .8;
	font-style: italic;
}