/* @@ Re-sort per https://meiert.com/en/blog/how-to-order-css-selectors/#toc-selectors */

@font-face {
	font-display: swap;
	font-family: 'Inconsolata';
	font-style: normal;
	font-weight: 400;
	src: url('/setup/quarantine/fonts/inconsolata-v16-latin-regular.eot');
	src: local('Inconsolata Regular'), local('Inconsolata-Regular'), url('/setup/quarantine/fonts/inconsolata-v16-latin-regular.eot?#iefix') format('embedded-opentype'), url('/setup/quarantine/fonts/inconsolata-v16-latin-regular.woff2') format('woff2'), url('/setup/quarantine/fonts/inconsolata-v16-latin-regular.woff') format('woff'), url('/setup/quarantine/fonts/inconsolata-v16-latin-regular.ttf') format('truetype'), url('/setup/quarantine/fonts/inconsolata-v16-latin-regular.svg#Inconsolata') format('svg');
}

@font-face {
	font-display: swap;
	font-family: 'Lora';
	font-style: normal;
	font-weight: 400;
	src: url('/setup/quarantine/fonts/lora-v12-latin-regular.eot');
	src: local('Lora Regular'), local('Lora-Regular'), url('/setup/quarantine/fonts/lora-v12-latin-regular.eot?#iefix') format('embedded-opentype'), url('/setup/quarantine/fonts/lora-v12-latin-regular.woff2') format('woff2'), url('/setup/quarantine/fonts/lora-v12-latin-regular.woff') format('woff'), url('/setup/quarantine/fonts/lora-v12-latin-regular.ttf') format('truetype'), url('/setup/quarantine/fonts/lora-v12-latin-regular.svg#Lora') format('svg');
}

@font-face {
	font-display: swap;
	font-family: 'Lora';
	font-style: italic;
	font-weight: 400;
	src: url('/setup/quarantine/fonts/lora-v12-latin-italic.eot');
	src: local('Lora Italic'), local('Lora-Italic'), url('/setup/quarantine/fonts/lora-v12-latin-italic.eot?#iefix') format('embedded-opentype'), url('/setup/quarantine/fonts/lora-v12-latin-italic.woff2') format('woff2'), url('/setup/quarantine/fonts/lora-v12-latin-italic.woff') format('woff'), url('/setup/quarantine/fonts/lora-v12-latin-italic.ttf') format('truetype'), url('/setup/quarantine/fonts/lora-v12-latin-italic.svg#Lora') format('svg');
}

@media screen, projection, print {

	* {
		font-weight: 300;
	}

	* + .promo,
	blockquote + blockquote,
	table + blockquote {
		margin-top: 1.2em;
	}

	html {
		font: 100%/1.69 lora, palatino, georgia, serif;
		hyphens: auto;
	}

	h1,
	h1 img {
		height: 85px;
		width: 77px;
	}

	h1 a,
	img {
		border: 0;
	}

	h2,
	h3,
	h4,
	h5 {
		font-family: 'sabon lt', lora, palatino, georgia, serif;
	}

	h2,
	h3,
	h4,
	fieldset p {
		line-height: 1.3;
	}

	h2 {
		font-size: 1.9em;
		margin-bottom: .37em;
	}

	h2#comments,
	h2.alt {
		margin-top: 1em;
	}

	h2.alt,
	#index a.media.alt {
		clear: right;
	}

	h2.alt + a.media.alt,
	blockquote + p {
		margin-top: .8em;
	}

	h2 cite,
	#index h3 cite {
		font-style: normal;
	}

	h2 + h3 {
		margin-top: .4em;
	}

	h2 + #index h3:first-child,
	dd p,
	dd pre,
	dd table,
	table.alt td p:first-child {
		margin-top: 0;
	}

	h3,
	h4,
	#col-1 h2.alt {
		margin: 1em 0 0;
	}

	h3,
	#col-1 h2.alt {
		font-size: 1.5em;
	}

	h3 .icon {
		margin-bottom: 0;
	}

	h3 + table,
	img + .promo,
	#about #epilogue {
		margin-top: .6em;
	}

	h4,
	h4 *,
	strong,
	strong *,
	em *,
	.note,
	.note * {
		font-style: italic !important;
	}

	h4 {
		font-size: 1.31em;
	}

	h5 {
		font-size: 1.125em;
		margin: .8em 0 0;
	}

	p,
	blockquote,
	pre,
	ul,
	ol,
	dl {
		margin: .6em 0;
	}

	blockquote {
		padding: 0 0 0 2.5em;
	}

	blockquote p,
	li div.media {
		margin: 0 0 .6em;
	}

	blockquote del,
	table del,
	ins,
	#about del {
		text-decoration: none;
	}

	pre,
	form code,
	code,
	kbd,
	var {
		font-family: inconsolata, monospace;
	}

	pre {
		overflow: auto;
		max-width: calc(100vw - 46px);
		padding: 3px;
		white-space: pre-wrap;
	}

	pre code {
		word-break: normal;
	}

	ul,
	ol,
	dd {
		margin-left: 2.5em;
		padding: 0;
	}

	ul ul,
	ul ol,
	ol ul,
	ol ol {
		margin: .1em 0 .15em 1.75em;
	}

	li pre,
	dd pre {
		max-width: calc(100vw - 86px);
	}

	dt {
		margin: .6em 0 0;
	}

	table,
	td pre,
	form p,
	#about p,
	#search,
	.nav {
		margin: 0;
	}

	table,
	input,
	textarea {
		font-size: 1em;
	}

	table {
		border-collapse: collapse;
		margin: 1.2em 0;
		width: 100%;
	}

	th,
	td,
	form {
		padding: 5px 3px;
	}

	th,
	td {
		vertical-align: top;
	}

	th {
		text-align: left;
	}

	th + th + td .media img,
	#index a.media.alt img {
		width: 90px;
	}

	td img,
	.icon {
		margin-bottom: -.19em;
		padding: 0 !important;
	}

	td .media img,
	a.media.alt {
		float: right;
	}

	td .media img {
		margin: .2em 0 .2em .6em;
	}

	div.media,
	#search fieldset,
	#toc-min {
		text-align: center;
	}

	div.media {
		padding: .5em .2em .2em;
	}

	div.media p {
		margin: 0 .8em .3em;
	}

	div.media img {
		max-width: 90%;
	}

	img#vg-wort {
		height: 1px;
		position: absolute;
		width: 1px;
	}

	img[src$='-portrait.jpg'] {
		height: 125px !important;
		width: 125px !important;
	}

	img[src$='valiant.jpg'] {
		width: 90px !important;
	}

	a.media.alt {
		margin: 0 0 1em 1em;
	}

	a.media img,
	#content img,
	#notification,
	.promo {
		border-radius: 3px;
	}

	a.media.alt img {
		width: 121px !important;
	}

	a.media img {
		border: 1px solid #c08 !important;
	}

	strong strong,
	strong em,
	strong i,
	strong cite,
	em strong,
	em em,
	em i,
	em cite,
	.note strong,
	.note strong *,
	.note em,
	.note i,
	.note cite,
	.note code,
	.note kbd,
	.note var {
		font-style: normal !important;
	}

	sup,
	sub {
		line-height: 1;
	}

	code {
		word-break: break-word;
	}

	#content img {
		border: 1px solid #e5e5e5;
		padding: 1px;
	}

	#about {
		line-height: 1.39;
	}

	#index h3 {
		margin: .67em 0 -.29em;
	}

	#index a.media.alt {
		margin-top: .5em;
	}

	#index a.media.alt:first-child {
		margin-top: .1em;
	}

	.icon {
		height: 17px;
		width: 17px;
	}

	.meta {
		margin-top: -.6em;
	}

	.meta:before,
	.pilot a:before {
		content: '☞ ';
	}

	.theses {
		list-style-type: upper-roman;
	}

}

@media screen, projection {

	* {
		margin: 0;
		padding: 0;
	}

	html,
	#about a {
		color: #333;
	}

	html {
		background: #fdfdfd;
	}

	body,
	blockquote,
	a.media.alt,
	#content,
	#about {
		position: relative;
	}

	body {
		margin: auto;
		max-width: 1050px;
	}

	h1,
	h1 a {
		padding: 15px 0 0 20px;
	}

	h1,
	blockquote:before,
	#search,
	.nav.aux {
		position: absolute;
	}

	h1,
	.nav {
		font-size: 1.25em;
	}

	h1 a,
	p#commentary:target,
	label,
	#col-1.index {
		display: block;
	}

	h1 a {
		margin: -15px 0 0 -20px;
	}

	h2,
	h3,
	h4,
	h5,
	.nav {
		color: #000;
	}

	h2 a,
	h3 a,
	h4 a,
	h5 a,
	a:focus,
	a:hover,
	.nav li a,
	.pilot a,
	.pilot a:focus strong,
	.pilot a:hover strong {
		text-decoration: none;
	}

	h2 a:focus,
	h2 a:hover,
	h2 a:active,
	h3 a:focus,
	h3 a:hover,
	h3 a:active,
	h4 a:focus,
	h4 a:hover,
	h4 a:active,
	h5 a:focus,
	h5 a:hover,
	h5 a:active,
	.nav li a:focus,
	.nav li a:hover,
	.nav li a:active {
		border-bottom: 1px solid;
	}

	p#commentary,
	legend,
	#about #quality span,
	#search {
		display: none;
	}

	p#commentary {
		margin: 1.2em 0 0;
	}

	blockquote {
		min-height: .7em;
	}

	blockquote:before {
		color: #ddd;
		content: '“';
		font-family: georgia, serif;
		font-size: 5em;
		left: 0;
		line-height: 1;
		top: -.06em;
	}

	blockquote blockquote:before {
		content: '‘';
	}

	pre,
	th,
	form,
	div.media,
	#search,
	.nav,
	.author {
		background: #f1f1f1;
	}

	pre,
	div.media,
	#toc-min,
	.author {
		clear: right;
	}

	ul + .promo {
		margin-top: 1.4em;
	}

	li h4,
	.pilot strong,
	.pilot strong * {
		font-style: normal !important;
	}

	table {
		border: solid #e5e5e5;
		border-width: 1px 0;
	}

	table.alt th,
	td,
	form,
	#about {
		border-top: 1px solid #e5e5e5;
	}

	table.alt.book span,
	#about #epilogue,
	#meta {
		color: #666 !important;
	}

	table.alt td p:last-child {
		margin-bottom: 0;
	}

	td img,
	fieldset,
	#col-1.index,
	#search,
	.icon {
		border: 0 !important;
	}

	td a[href^='/de/publications/guide/#'],
	a[href^='#'] {
		color: #333 !important;
	}

	form {
		margin: .9em 0 0;
	}

	form * {
		font-family: inherit;
	}

	fieldset p,
	div.media,
	#about {
		font-size: .9em;
	}

	label,
	input[type='submit'],
	a {
		cursor: pointer;
	}

	label {
		padding-bottom: 2px;
	}

	input,
	textarea,
	#content {
		width: 100%;
	}

	input,
	textarea {
		box-sizing: border-box;
		margin-bottom: .5em;
		padding: 1px;
	}

	input.button,
	input.button + p {
		margin: .5em 0 0;
	}

	input.button {
		padding: .5em 1em;
		width: auto !important;
	}

	textarea {
		line-height: 1.4;
	}

	div.media img {
		filter: grayscale(25%);
	}

	div.media img:hover,
	div.media a.media:focus img,
	div.media a.media:active img {
		filter: grayscale(0);
	}

	img.alt,
	#about #quality,
	.edit {
		float: right;
	}

	img.alt {
		margin: .2em 0 .6em .6em;
	}

	a {
		color: #c08;
	}

	a:visited {
		color: #a6006e;
	}

	a.media.alt,
	#search {
		z-index: 1;
	}

	#content {
		display: table;
		margin-bottom: 60px;
		top: 40px;
	}

	#col-1,
	#col-2 {
		display: table-cell;
		padding: 0 20px;
		vertical-align: top;
	}

	#col-1 {
		border-right: 1px solid #e5e5e5;
		max-width: 649px;
	}

	#col-1.index {
		max-width: none;
	}

	#col-2 {
		width: 320px;
	}

	#col-2 img {
		max-width: 316px;
	}

	#col-2 h2 + ul,
	#col-2 h3 + ul {
		list-style-position: inside;
		margin: .6em 0;
		overflow: auto;
	}

	#col-2 h2 + ul li,
	#col-2 h3 + ul li,
	#toc-min li,
	.nav li {
		display: inline;
	}

	#col-2 h2 + ul li,
	#col-2 h3 + ul li,
	.pilot li {
		float: left;
	}

	#col-2 h2 + ul li,
	#col-2 h3 + ul li {
		padding-right: 1em;
	}

	#col-2 ul {
		margin-left: 1.25em;
	}

	#about {
		background: url(/media/logos-xs.png) 20px 11px no-repeat;
		min-height: 29px;
		padding: 7px 20px 14px 56px;
	}

	#about:hover {
		background-position: 20px -250px;
	}

	#about #quality {
		padding-left: 20px;
	}

	#search,
	.nav {
		border-bottom: 1px solid #e5e5e5 !important;
	}

	#search {
		padding: 0 5px 5px;
		right: 20px;
		top: 5.25em;
	}

	#search input {
		margin-bottom: 0;
		width: 21em;
	}

	#search input.button {
		padding: 0;
	}

	#toc-min,
	.nav,
	.pilot {
		list-style: none;
	}

	#toc-min {
		margin: 1.2em 0 -.6em;
	}

	#toc-min li {
		padding: 0 .2em 0 0;
	}

	#index + p {
		clear: left;
	}

	#notification,
	.promo {
		padding: .2em .5em;
	}

	#notification {
		background: #fefcad;
		margin: -.2em -.5em .2em;
	}

	.nav {
		hyphens: manual;
		line-height: 1.5;
		padding: 54px 185px 2px 105px;
	}

	.nav li {
		padding: 0 5px;
	}

	.nav.aux {
		background: transparent;
		border-bottom: 0 !important;
		margin-right: 15px;
		padding: 54px 0 2px;
		right: 0;
		text-align: right;
		top: 0;
		width: 175px;
	}

	.promo {
		background: #e5f3c6;
		margin-left: -.5em;
		margin-right: -.5em;
	}

	.promo + .promo {
		margin-top: .9em;
	}

	.author {
		padding: 0 3px;
	}

	.pilot {
		margin: 1em 0 !important;
		overflow: hidden;
	}

	.pilot li {
		margin-right: 1.2em;
	}

	.pilot a {
		padding: .2em 0;
	}

	.pilot a strong {
		text-decoration: underline;
	}

	.match,
	.milestone td {
		background: #f5f5f5;
	}

	.ditto {
		color: #999;
	}

	.edit {
		margin: 0 0 0 .3em;
	}

}

@media screen and (max-width: 770px) {

	th + th + td .media img,
	#index a.media.alt img {
		width: 60px;
	}

	td img {
		width: 90px;
	}

	#col-1,
	#col-2 {
		display: block;
	}

	#col-1.index td img,
	#col-2,
	.nav.aux {
		width: auto;
	}

	#col-1 {
		border-right: 0;
		max-width: none;
	}

	#content {
		top: 30px;
	}

	#col-2 {
		margin-top: 30px;
	}

	.nav {
		min-height: 70px;
		padding: 42px 15px 2px 115px;
		text-align: right;
	}

	.nav.aux {
		min-height: 0;
		padding: 0 0 0 115px;
		top: 12px;
	}

	.nav.aux li:first-child {
		display: none;
	}

}

@media screen and (max-width: 450px) {

	table.extra th:last-child,
	table.extra td:last-child,
	#about #quality {
		display: none;
	}

	th,
	td {
		font-size: .813em;
		padding: 3px 2px;
	}

	td img {
		margin-bottom: -.21em;
	}

	td .media img {
		margin: .21em 0 .21em .71em;
	}

}

@media screen and (max-width: 370px) {

	.nav {
		min-height: 100px;
		padding-top: 12px;
	}

	.nav.aux {
		display: none;
	}

}

@media print {

	* {
		background: #fff;
		color: #000;
	}

	h3 a,
	a.media,
	#about #quality a {
		border-bottom: 0;
	}

	th,
	td,
	a {
		border-bottom: 1px solid #ddd;
	}

	form,
	#col-2,
	#about p,
	#search,
	#toc-min,
	#notification,
	.nav,
	.promo,
	.pilot,
	.edit {
		display: none !important;
	}

	a {
		text-decoration: none;
	}

	a.media,
	a[href^='#'],
	#content td img,
	#content .icon {
		border: 0 !important;
	}

	a.media img,
	#content img {
		border: 1px solid #e5e5e5 !important;
	}

	#about #quality,
	#meta,
	#meta * {
		font-style: italic;
	}

	#about #quality {
		display: block !important;
		line-height: 1.5;
		margin: .6em 0;
	}

}

/* Carbon ads, https://sell.buysellads.com/zones/1163/ad-tags */

#carbonads,
#carbonads span,
.carbon-img,
.carbon-img img,
.carbon-text,
.carbon-poweredby {
	display: block;
}

#carbonads,
#carbonads span {
	overflow: hidden;
}

#carbonads {
	background-color: hsl(0, 0%, 98%);
	border-radius: 3px;
	box-shadow: 0 0 0 1px hsla(0, 0%, 0%, .1);
	font-family: -apple-system, blinkmacsystemfont, 'segoe ui', roboto, oxygen-sans, ubuntu, cantarell, 'helvetica neue', helvetica, arial, sans-serif;
	font-size: 12px;
	line-height: 1.5;
	margin-bottom: 20px;
	text-align: center;
}

#carbonads a,
#carbonads a:hover {
	color: inherit;
}

#carbonads a {
	text-decoration: none;
}

#carbonads span {
	position: relative;
}

.carbon-img {
	line-height: 1;
	margin-bottom: 8px;
	max-width: 100%;
}

.carbon-img img {
	height: auto;
	margin: auto;
	max-width: 100% !important;
	width: 100%;
}

.carbon-text {
	padding: 0 1em 8px;
}

.carbon-poweredby {
	background: repeating-linear-gradient(-45deg, transparent, transparent 5px, hsla(0, 0%, 0%, .025) 5px, hsla(0, 0%, 0%, .025) 10px) hsla(203, 11%, 95%, .4);
	font-size: 9px;
	font-weight: 600;
	letter-spacing: .5px;
	line-height: 0;
	padding: 10px 12px;
	text-transform: uppercase;
}

/* meiert.com compatibility */

#carbonads {
	float: right;
	margin: .2rem 0 1rem 1rem;
	max-width: 124px;
}

#carbonads img {
	border: 0;
	filter: grayscale(100%);
	padding: 0;
}

#carbonads:hover img {
	filter: grayscale(0);
}

@media print {

	#carbonads {
		display: none;
	}

}