.device-macbook-pro-space-grey {
	margin-top: 1em;
}

#main .section-content .row > .column.sidebar.padding-top-alt {
	padding-top: calc(1.6em + 64px);
}

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

.xcode-icon {
	width: 96px;
	height: 96px;
	background-size: 96px 96px;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-image: url("/assets/elements/icons/xcode-12/xcode-96x96_2x.png");
}

.image-icon {
	margin-bottom: 1em;
	width: 64px;
	height: 64px;
	background-size: 64px 64px;
	background-position: 0 0;
	background-repeat: no-repeat;
}

.mac-app-store-icon {
	background-image: url("/assets/elements/icons/mac-app-store-11/mac-app-store-11-96x96_2x.png");
}

.gatekeeper-icon {
	background-image: url("/assets/elements/icons/gatekeeper/gatekeeper-96x96_2x.png");
}

.mac-logo {
	width: 64px;
	height: 86px;
	background-size: 64px 86px;
	background-image: url("/macos/images/mac-logo.svg");
}

#main section.section {
	padding-top: 4em;
	padding-bottom: 4em;
}
#main section .section-content .row {
	margin-left: 0;
	margin-right: 0;
}
#main section .section-content .row > .column {
	padding: 0;
}

@media only screen and (max-width: 1068px) {
	#main section .section-content .row {
		margin-left: 0;
		margin-right: 0;
	}
	#main section .section-content .row > .column {
		padding: 0;
	}
}

@media only screen and (max-width: 734px) {
	#main section.section {
		padding-top: 2em;
		padding-bottom: 2em;
	}
	#main section.section.section-resources {
		padding-top: 2em;
		padding-bottom: 2em;
	}
	#main section .section-content .row {
		margin-left: 0;
		margin-right: 0;
	}
	#main section .section-content .row > .column {
		padding: 1em 0;
	}
}

@media only screen and (max-width: 1068px) {
	#main .section-content .row > .column.sidebar.padding-top-alt {
		padding-top: calc(1.5em + 64px);
	}
}

@media only screen and (max-width: 734px) {
	.device-hero {
		margin-top: 1em;
		margin-bottom: 1em;
	}
	.small-padding-top-small {
		padding-top: 1.5em;
	}
	#main .section-content .row > .column.sidebar.padding-top-alt {
		padding-top: 1em;
	}
}

root: {
	--fill-table: #f6f6f6;
}
table {
	width: 100%;
}
tr {
	border-bottom: 1px solid #ccc;
}
thead th {
	font-weight: 600;
}
td,
th {
	font-size: 13px;
	padding: 0.5em;
}
td:first-of-type,
td:last-of-type {
	border-left: 1px solid #ccc;
	background-color: var(--fill-table);
}