/* Native anchor/keyboard behavior; Lenis wheel updates explicitly use instant scroll. */
html.md-scroll-active { scroll-behavior: smooth; }
.md-scroll-native { overscroll-behavior: contain; }

/* Keep embedded players and their controls usable during a scroll. */
html.md-scroll-active.lenis-smooth iframe { pointer-events: auto; }

.md-scroll-controls {
	box-sizing: border-box;
	min-inline-size: 0;
	max-width: 100%;
	border: 1px solid currentColor;
	border-radius: 8px;
	padding: 24px;
	margin-block: 24px;
	display: grid;
	gap: 16px;
}
.md-scroll-controls label { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.md-scroll-controls input, .md-scroll-controls select { font: inherit; max-width: 100%; }
.md-scroll-controls input[type="number"] { width: 6em; }
.md-scroll-controls p { margin: 0; font-size: .85em; }

@media (prefers-reduced-motion: reduce) {
	html.md-scroll-active { scroll-behavior: auto; }
}