/*
 * Content.
 * Opaque panel that scrolls up over the fixed hero image and then on under the
 * sticky navigation. `min-height` guarantees it always covers the image once
 * the hero has been scrolled past, even when the page is short.
 */
.yogaacademie-content {
	position: relative;
	z-index: 10;
	box-sizing: border-box;
	width: 100%;
	max-width: none;
	min-height: 100vh;
	min-height: 100svh;
	background-color: var(--color-paper);
	padding-top: clamp(3rem, 8vw, 7rem);
	padding-bottom: clamp(3rem, 8vw, 7rem);
}

/* No gap to the footer when the last content block is itself a full-width
   background section — it should butt straight up against the footer. */
.yogaacademie-content:has(.wp-block-post-content > .wp-block-group.alignfull.has-background:last-child) {
	padding-bottom: 0;
}