body[data-color-scheme='dark'] .bg-light {
	background-color: #161617;
}

body[data-color-scheme='light'] .bg-light {
	background-color: #fafafa;
}

.section .tile-content {
	--sk-tile-padding: 2em 3em;
  }

#main > article {
	padding-top: 0;
	padding-bottom: 6em;
}

/* #main select {
	padding: 0.5em;
} */

.subhead-title {
	margin-top: 0.5em;
	margin-bottom: 1.5em;
}

.typography-subbody {
	font-size: 12px;
}

ul.nav {
	margin-top: 2em;
	margin-left: 0;
}

ul.nav li {
	border-right: 1px solid #d6d6d6;
	padding: 0 0.5em;
	display: inline-block;
}

ul.nav li:last-of-type {
	border-right: none;
}

.callout {
	background-color: #f0f3f7;
}

.divider-last {
	margin-top: 2em;
	margin-bottom: -0.75em;
	border-bottom: 1px solid #d6d6d6;
}

span.plus {
	display: inline-block;
	margin-top: -4px;
	font-weight: 600;
	font-size: 1.5em;
}

.device-list {
	columns: 3;
}
.device-list li {
	break-inside: avoid;
	page-break-inside: avoid; /* for older browsers / print */
	-webkit-column-break-inside: avoid; /* Safari / Chrome */
	-moz-column-break-inside: avoid;    /* Firefox */
}

@media only screen and (max-width: 767px) {
	.localnav {
		min-height: 52px;
	}
	ul.nav li {
		border-right: none;
		padding: 0;
		display: block;
	}
	.device-list {
		columns: 1;
	}
}

@media only screen and (max-width: 734px) {
	.localnav {
		min-height: 48px;
	}
	.nowrap {
		white-space: nowrap;
	}
}