/* Narrow screens: paired with js/mobile-layout.js which scales the 1100px canvas. */

@media (max-width: 1099px) {
	html {
		min-width: 0 !important;
		overflow-x: hidden;
	}

	body {
		min-width: 0;
		margin: 0;
		overflow-x: hidden;
		-webkit-text-size-adjust: 100%;
		text-size-adjust: 100%;
		-webkit-overflow-scrolling: touch;
	}

	/* Outer wrapper is sized by JS to the scaled height */
	#ws-mobile-viewport-shell {
		width: 100%;
		max-width: 100vw;
		margin: 0 auto;
	}
}