.main {
	overflow: initial;
}

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

table {
	margin-top: 1em;
	margin-bottom: 2em;
}

table thead th {
	font-weight: 500;
	text-align: center;
}

table thead th:last-of-type {
	width: 37%;
}

table thead th,
table tbody td {
	padding: 6px 18px;
	border-top: 1px solid #d2d2d7;
	border-right: 1px solid #d2d2d7;
}

table thead th:first-of-type,
table tbody td {
	border-left: 1px solid #d2d2d7;
}

table tbody tr:last-of-type td {
	border-bottom: 1px solid #d2d2d7;
}

table thead tr {
	background-color: #f5f5f7;
}

table .insert-border {
	border-bottom: 1px solid #d2d2d7;
}

@media only screen and (max-width: 1068px) {
	table thead th,
	table tbody td {
		font-size: 14px;
	}
}

/* ----- 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;
}

.small-show {
	display: none;
}

.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;
}

ul.links.small li > a {
	display: initial;
}

/* small viewport */
@media only screen and (max-width: 734px) {
	.small-show {
		display: block;
	}
	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;
	}
}

/* === DARK MODE === */
body[data-color-scheme="dark"] table thead th,
body[data-color-scheme="dark"] table tbody td {
	border-color: var(--fill-gray-tertiary);
}
body[data-color-scheme="dark"] table thead tr {
	background-color: var(--fill-tertiary);
}
body[data-color-scheme="dark"] table tbody tr:nth-of-type(even) {
	background-color: var(--fill-secondary);
}