.typography-eyebrow-reduced {
	margin-top: 1.2em;
	margin-bottom: 0;
}

section.section .section-content.callout.callout-bw {
	padding: 2em 0;
	background-color: #fff !important;
}
body[data-color-scheme="dark"] section.section .section-content.callout.callout-bw {
	background-color: #000 !important;
}

.column-flex-center {
	align-self: center;
}

.device-wrap {
	margin-left: auto;
}

.device-hero {
	margin-top: 2em;
}

.topic-icon {
	margin-top: 4em;
}

.device-iphone-13-pro-silver-container .device-screen {
	left: 18px;
}

.device-macbook-pro-16-space-gray {
	width: 904px;
	height: 529px;
}
.device-macbook-pro-16-space-gray .device-screen {
	top: 30px;
	left: 98px;
	width: 708px;
	height: 443px;
}

@media only screen and (max-width: 1068px) {
	.device-iphone-13-pro-silver-container .device-screen {
		top: 11.15px;
		left: 13.5px;
	}
	.device-macbook-pro-16-space-gray {
		width: 660px;
		height: 386px;
	}
	.device-macbook-pro-16-space-gray .device-screen {
		top: 20px;
		left: 70px;
		width: 520px;
		height: 325px;
	}
	.topic-icon {
		margin-top: 3em;
	}
}

@media only screen and (max-width: 734px) {
	.badge-inline {
		margin-top: 0.3em;
	}
	.section-content.callout {
		padding: 2em 1.5em;
	}
	.column-flex-center {
		align-self: unset;
	}
	.device-wrap {
		margin: 2em auto 1.5em;
	}
	.center-wrap {
		padding: 0 2em 2em;
		text-align: center;
	}
	.section-websites .callout {
		text-align: center;
		overflow: hidden;
	}
	.device-iphone-13-pro-silver-container.device-medium-for-small .device-screen {
		top: 11.15px;
		left: 13.5px;
	}
	.device-macbook-pro-16-space-gray {
		width: 375px;
		height: 220px;
	}
	.device-macbook-pro-16-space-gray .device-screen {
		top: 13px;
		left: 41px;
		width: 293px;
		height: 183px;
	}
}

@media only screen and (max-width: 428px) {
	.center-wrap {
		padding: 0 1em 2em;
	}
	.device-macbook-pro-5th-gen-14-silver.device-small-for-medium {
		width: 276px;
		height: 167px;
	}
	.device-macbook-pro-5th-gen-14-silver.device-small-for-medium .device-screen {
		top: 6px;
		left: 31px;
		width: 214px;
		height: 138px;
	}
}

/* ========== What's new ========== */
.callout-new {
	padding-top: 3em !important;
	padding-bottom: 3em !important;
	background-color: #f1f5fa !important;
	padding-left: 2% !important;
	padding-right: 2% !important;
}

@media only screen and (max-width: 734px) {
	.callout-new {
		padding-top: 2em !important;
		padding-bottom: 2em !important;
		padding-left: 24px !important;
		padding-right: 24px !important;
	}
}

/* body[data-color-scheme="light"] .callout-new {
	border: 1px solid #e8e8e8;
} */

body[data-color-scheme="dark"] .callout-new {
	background-color: var(--fill-tertiary) !important;
}

.callout-new h2 {
	display: flex;
	align-items: center;
}

body[data-color-scheme="dark"] .callout-title {
	color: #fff;
}

.whats-new-icon {
	width: 32px;
}

/* ========== Grid ========== */
#main section.section {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}
#main section.section.section-hero {
	padding-top: 3.5em;
	padding-bottom: 4em;
}
#main section.section:last-of-type {
	padding-bottom: 4em;
}
@media only screen and (max-width: 734px) {
	#main section.section.section-hero {
		padding-top: 3em;
		padding-bottom: 3em;
	}
	#main section.section:last-of-type {
		padding-bottom: 3em;
	}
}