.main {
	overflow: initial;
}

h3,
h2 + h3,
span + h4 {
	margin-top: 1.6em;
}

h4 + ol {
	margin-top: 0.8em;
}

h2.divider-top {
	padding-top: 1.6em;
}

.margin-bottom-custom {
	margin-bottom: 1em;
}
.margin-top-custom {
	margin-top: 1em;
}

img + h2 {
	margin-top: 1.6em;
}

p + img,
img + p {
	margin-top: 1em;
}

img {
	display: block;
}

table th {
	font-weight: 600;
	text-align: left;
	padding: 10px;
}

.store-services th {
	border-top: 1px solid #ccc;
}

table.store-services th, table.store-services td {
	padding:5px 0;
}

.store-services td:first-of-type {
	width: 30%;
}

.store-services td:nth-of-type(2) {
	width: 15%;
}

.store-services td:nth-of-type(3) {
	width: 15%;
	padding-right: 10px;
}

.store-services td:nth-of-type(42) {
	width: 40%;
}



table td {
	text-align: left;
	padding: 10px;
}

table td:first-of-type {
	width: 50%;
}

.device-row {
	margin-top: 1.6em;
	margin-bottom: 3.2em;
}

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

.imp {
	color: #e30000;
}
body[data-color-scheme="dark"] .imp {
	color: #ff3037;
}

.template-copy {
	color: #8715c9;
}
body[data-color-scheme="dark"] .template-copy {
	color: #b152e8;
}

h4.template-copy {
	margin-top: 0.8em;
	margin-bottom: 2em;
	font-weight: 500;
}

h4 img.icon-linkout {
	display: inline-block;
	margin: 0 0 2px;
	width: auto;
	height: 18px;
}

p img.icon-linkout {
	display: inline-block;
	margin: 0 0 -1px;
	width: auto;
	height: 15px;
}

.device-row .typography-caption {
	margin-top: 0.8em;
	font-weight: 600;
}

.icon-yellow {
	display: inline-block;
	vertical-align: middle;
	filter: invert(87%) sepia(47%) saturate(6357%) hue-rotate(345deg)
		brightness(91%) contrast(93%);
}
body[data-color-scheme="dark"] .icon-yellow {
	filter: invert(86%) sepia(89%) saturate(3037%) hue-rotate(327deg)
		brightness(103%) contrast(103%);
}

body[data-color-scheme="light"] .svg-light {
	display: inline-block;
}
body[data-color-scheme="light"] .svg-dark {
	display: none;
}
body[data-color-scheme="dark"] .svg-light {
	display: none;
}
body[data-color-scheme="dark"] .svg-dark {
	display: inline-block;
}

.screenshot-xcode {
	margin: 2em auto;
	width: 816px;
	height: auto;
}
.screenshot-xcode.img-dark {
	display: none;
}
body[data-color-scheme="dark"] .screenshot-xcode.img-dark {
	display: block;
}
body[data-color-scheme="dark"] .screenshot-xcode.img-light {
	display: none;
}

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

@media only screen and (max-width: 1068px) {
	.screenshot-xcode {
		width: 576px;
		height: auto;
	}
}

@media only screen and (max-width: 734px) {
	.screenshot-xcode {
		width: 100%;
	}
	.device-row {
		margin-top: 1.2em;
	}
	.device-row .device-wrap {
		margin: 2em 0 0;
	}
	.disclosure-wrap {
		margin-top: 1em;
	}
	.column-flex-center {
		align-self: unset;
	}
}

/* ----- sidenav ----- */

.column-sidenav {
	height: 100%;
}

.headline-divider {
	margin-top: 1.6em;
	padding-top: 1.6em;
	border-top: 1px solid #e3e3e3;
}

/* ----- Utilities ----- */
.badge {
	margin-left: 0;
	margin-bottom: 0.5em;
}

.row-flex {
	display: flex;
}

.row-flex .column-flex > .row-flex {
	margin-top: 2em;
}

.row-flex + h4 {
	margin-top: 1.6em;
}

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

/* small viewport */
@media only screen and (max-width: 734px) {
	h3 {
		margin-top: 1.6em;
	}
	.row-flex {
		display: block;
	}
	.row-flex + p {
		margin-top: 0.8em;
	}
	.row-flex .column-flex > .row-flex {
		margin-top: 0;
		margin-bottom: 0;
	}
}