/* Twist Home Preview 0.18.0: the approved desktop homepage live on the real homepage, screens 1000px and wider.
   desktop-live.css is home.css + home-desktop.css + home-v2.css scoped under .twhp-dlive (tools/scope_css.py); this
   file switches the versions and undoes the preview-only framing and the theme's element styles inside the homepage,
   as mobile-live.css does for the phone version. */

/* ---------- Which version shows ---------- */
@media (max-width: 999px) {
	.twhp-dlive {
		display: none !important;
	}
}

@media (min-width: 1000px) {
	body.twhp-dlive-on .page-wrapper {
		display: none !important;
	}
}

/* "See below for more" scrolls the page smoothly down to the winners' rail (the preview document set this on html). */
@media (prefers-reduced-motion: no-preference) {
	html:has(body.twhp-dlive-on) {
		scroll-behavior: smooth;
	}
}

/* ---------- The homepage fills the screen: no phone column, no grey surround ---------- */
.twhp-dlive {
	background: #fff;
}

.twhp-dlive .twhp-phone,
.twhp-dlive .twhp-phone:not(#twhp-x) {
	max-width: none;
	min-height: 0;
	margin: 0;
	border: 0;
	box-shadow: none;
}

/* ---------- Theme element styles that would otherwise reach inside: back to the browser defaults the
   preview document was designed on (the homepage's own rules are more specific and still win) ---------- */
.twhp-dlive p {
	margin: 1em 0;
}

.twhp-dlive ul,
.twhp-dlive ol {
	margin: 1em 0;
	padding-left: 40px;
}

.twhp-dlive li {
	margin: 0;
}

.twhp-dlive a:hover,
.twhp-dlive a:focus {
	color: inherit;
	text-decoration: none;
}

.twhp-dlive button {
	font-family: inherit;
	box-shadow: none;
	text-transform: none;
	letter-spacing: normal;
}

.twhp-dlive h2,
.twhp-dlive h3 {
	text-transform: none;
	letter-spacing: normal;
}