h3,
.topic-icon {
	margin-top: 48px;
}

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

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

.device-wrap {
	margin-left: 43px;
}

.row-requirements ul {
	columns: 2;
}

@media only screen and (max-width: 734px) {
	.row-requirements ul {
		columns: 1;
	}
}

.no-bullets {
	list-style-type: none;
	margin-left: 0;
}

ol:not(.footer-breadcrumbs-list) > li:not(:first-of-type) {
	margin-top: 2em;
}

ol.no-bullets ul {
	list-style-type: disc;
}

h4 + ul,
p + ul {
	margin-top: 0.8em;
}

.row-badges {
	margin-top: 3em;
	margin-bottom: 3em;
}

/* code colors */
.terminal {
	margin-top: 1em;
	margin-bottom: 2em;
	background-color: #f9fafa;
}

.terminal pre {
	border: none;
	border-left: 1px solid #dadada;
	border-radius: 0;
	margin-left: 1em;
	padding-left: 1em;
	background-color: transparent;
}

.terminal pre code {
	color: #ad8200;
}

.terminal pre code .comment {
	color: #008009;
}
.terminal pre code .text {
	color: #000000;
}

/* code colors dark mode */
body[data-color-scheme="dark"] .terminal {
	background-color: rgba(255, 255, 255, 0.1);
}
html body[data-color-scheme="dark"] .terminal pre {
	background-color: transparent;
}
body[data-color-scheme="dark"] .terminal pre code {
	border-color: rgba(214, 214, 214, 0.2);
	color: #ad8200;
}
body[data-color-scheme="dark"] .terminal pre code .comment {
	color: #03a10e;
}
body[data-color-scheme="dark"] .terminal pre code .text {
	color: #ffffff;
}

@media only screen and (max-width: 1068px) {
	.device-wrap {
		margin-left: 0;
	}
	.large-11.small-12 > * {
		padding-left: 25px;
	}
}

@media only screen and (max-width: 734px) {
	h3 {
		margin-top: 1.6em;
	}
	.topic-icon {
		margin-top: 2em;
		margin-bottom: -1.6em;
	}
	.device-wrap {
		margin-top: 2em;
		margin-left: 0;
	}
	.column-flex-center {
		align-self: unset;
	}
	.large-11.small-12 > * {
		padding-left: 0;
	}
	.row-badges {
		margin-top: 2em;
	}
	.row-badges img {
		margin-top: 1em;
	}
}

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

#main section .section-content .row > .column.divider-top {
	padding-top: 4em;
	padding-bottom: 4em;
}

@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: 3em;
		padding-bottom: 3em;
	}
	#main section .section-content .row {
		margin-left: 0;
		margin-right: 0;
	}
	#main section .section-content .row.headline-row {
		margin-bottom: -1em;
	}
	#main section .section-content .row > .column {
		padding: 0;
	}
}