.wmd-songbook {
	max-width: 35rem;
	margin: 0 auto 1rem;
	color: #f8f1e0;
}

.wmd-songbook__hint {
	margin: 0 0 .65rem;
	text-align: center;
	font-size: .94rem;
}

.wmd-songbook__pages {
	display: flex;
	overflow-x: auto;
	overscroll-behavior-inline: contain;
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
	border: 1px solid #a28752;
	border-radius: .65rem;
	background: #171510;
}

.wmd-songbook__pages::-webkit-scrollbar {
	display: none;
}

.wmd-songbook__page {
	flex: 0 0 100%;
	min-width: 0;
	scroll-snap-align: start;
	scroll-snap-stop: always;
}

.wmd-songbook__page img {
	display: block;
	width: 100%;
	height: auto;
}

.wmd-songbook__controls {
	display: flex;
	justify-content: center;
	align-items: stretch;
	gap: .5rem;
	margin-top: .75rem;
}

.wmd-songbook__controls[hidden] {
	display: none;
}

.wmd-songbook__controls button,
.wmd-songbook__controls select {
	min-width: 44px;
	min-height: 44px;
	padding: .35rem .75rem;
	border: 1px solid #a28752;
	border-radius: .45rem;
	background: #1b1812;
	color: #fbefd1;
	font: inherit;
}

.wmd-songbook__controls button {
	font-size: 1.3rem;
	cursor: pointer;
}

.wmd-songbook__controls button:disabled {
	opacity: .5;
	cursor: default;
}

.wmd-songbook__pages:focus-visible,
.wmd-songbook__controls :focus-visible {
	outline: 2px solid #f6d795;
	outline-offset: 3px;
}

.wmd-songbook__status {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip-path: inset(50%);
	white-space: nowrap;
}