slides.css

.slides {
	max-width: unset;
	padding: 0;
	/* overflow: hidden; */
	font-size: clamp(1rem, 2vw, 3.5rem);
}

.slides > main {
	display: flex;
	overflow: auto;
	height: 100vh;
	align-items: center;
	scroll-snap-type: x mandatory;
}

.slides > main > * {
	min-width: 100vw;
	text-align: center;
	scroll-snap-align: start;
	box-sizing: border-box;
	padding: var(--spacer-sm) calc((100vw - var(--container-width)) / 2);
	overflow: auto;
}

.slides ul:not([role=list]),
.slides ol:not([role=list]) {
	max-width: max-content;
	margin: auto;
}

.slides ul:not([role=list]),
.slides ol:not([role=list]),
.slides table,
.slides pre {
	text-align: left;
}

.slides iframe {
	height: min(50vh, 45rem);
}

body:not(.slides) section + section {
	margin-top: var(--spacer-md);
}
body:not(.slides) .presentation-only {
	display: none;
}

.slides .site-only {
	display: none;
}