/*
 * SleepBaby.org 2.5.4 mobile first-screen compression.
 *
 * The inactive 320px preview showed the six-link chapter index occupying most
 * of the first screen. Keep every destination and 44px target while turning
 * the index into a short, deliberate horizontal rail on phones.
 */

@media (max-width: 767px) {
	body.sb-home-precovid-2019.sleepbaby-homepage #tve_editor .sb-home-chapters {
		overflow: hidden;
		padding: 7px 7px 8px;
	}

	body.sb-home-precovid-2019.sleepbaby-homepage #tve_editor .sb-home-chapters ul {
		display: flex;
		grid-template-columns: none;
		flex-wrap: nowrap;
		gap: 6px;
		overflow-x: auto;
		overflow-y: hidden;
		padding: 0 0 4px;
		scroll-padding-inline: 2px;
		scroll-snap-type: inline proximity;
		scrollbar-color: #aaa5b4 transparent;
		scrollbar-width: thin;
		-webkit-overflow-scrolling: touch;
	}

	body.sb-home-precovid-2019.sleepbaby-homepage #tve_editor .sb-home-chapters li {
		flex: 0 0 auto;
		scroll-snap-align: start;
	}

	body.sb-home-precovid-2019.sleepbaby-homepage #tve_editor .sb-home-chapters a {
		width: auto;
		min-width: max-content;
		padding: 7px 11px;
		white-space: nowrap;
	}
}