/* Internet Explorer 10–11. Chromium Edge ignores -ms-high-contrast. */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	article,
	aside,
	footer,
	header,
	main,
	nav,
	section {
		display: block;
	}

	html,
	body {
		background: #c4beb3;
		color: #2c2924;
		min-height: 100%;
	}

	html[data-theme="dark"],
	html[data-theme="dark"] body {
		background: #000;
		color: #f1eee6;
	}

	.desk {
		display: block;
		min-height: 100vh;
		padding: 10px;
	}

	.sheet {
		display: block;
		display: -ms-flexbox;
		-ms-flex-direction: column;
		min-height: 90vh;
		padding: 24px 24px 20px 32px;
		background: #f1eee6;
		color: #2c2924;
		border: 1px solid #b7b1a6;
	}

	html[data-theme="dark"] .sheet {
		background: #071446;
		color: #f1eee6;
		border-color: #0d2a7a;
	}

	.letter {
		width: 50%;
		-ms-flex: 1 0 auto;
	}

	.letter-legal {
		width: 100%;
		max-width: 42em;
	}

	.lang {
		top: 24px;
		right: 24px;
		font-size: 14px;
	}

	.lang a,
	.lang .mark-now,
	.lang button {
		display: inline-block;
		margin-left: 8px;
		vertical-align: middle;
	}

	.meta {
		display: block;
		overflow: hidden;
	}

	.anschrift {
		float: left;
	}

	.info {
		float: right;
	}

	.absender {
		width: 18em;
		max-width: 100%;
		border-bottom-color: #2c2924;
	}

	html[data-theme="dark"] .absender {
		border-bottom-color: #f1eee6;
	}

	.tick {
		width: 10px;
		border-top-color: #b9b3a8;
	}

	html[data-theme="dark"] .tick {
		border-top-color: #1e4a9c;
	}

	.folio {
		display: block;
		overflow: hidden;
		font-size: 14px;
		margin-top: 2em;
	}

	.folio-meta {
		float: left;
		width: 33%;
	}

	.folio-page {
		display: block;
		text-align: center;
	}

	.folio-nav {
		float: right;
		width: 33%;
		text-align: right;
	}

	.folio-meta a,
	.folio-meta span,
	.folio-nav a,
	.folio-nav span {
		display: inline-block;
		margin: 0 8px 0 0;
	}

	.skip {
		clip: rect(0, 0, 0, 0);
		height: 1px;
		width: 1px;
		overflow: hidden;
	}

	.skip:focus {
		clip: auto;
		height: auto;
		width: auto;
		overflow: visible;
	}

	.body,
	.prose p {
		-ms-hyphens: auto;
		text-align: justify;
	}

	a:focus,
	button:focus {
		outline: 2px solid #2c2924;
		outline-offset: 2px;
	}

	html[data-theme="dark"] a:focus,
	html[data-theme="dark"] button:focus {
		outline-color: #efc21a;
	}

	.theme-toggle svg {
		width: 16px;
		height: 16px;
	}
}

@media all and (-ms-high-contrast: none) and (max-width: 48em),
	all and (-ms-high-contrast: active) and (max-width: 48em) {
	.letter {
		width: 100%;
	}

	.folio-meta,
	.folio-page,
	.folio-nav {
		float: none;
		width: 100%;
		text-align: center;
		display: block;
	}
}