body {
	margin-left: 0.5rem;
	margin: 0px;
	background-color: #888;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAYAAABxLuKEAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAsNJREFUeJztnEHOpDoMhEtz/5P4Cr6Cr+Ar+Ar1FnGma3jwayIxq/a3cakTGoRcAScA0p3pTjRWyR1V7/Zwo0YAqCru+KR3Xxa5o2qNa5+fY2IuzXSq1ggAHkmPdaxPem1TZBbv9O7zC8MwvAGdpH+8XbE8W+FUvdvTlw93BD7e/BvvZqx9ZZCqNQJAkfL/PQYlqVojAIQHw4M/aQBwGp1rjLzq8zP4bUzG3GfMXJWGQ8ZKM/gOr1ARrJA069T0JFX/7t+1SUmNkl3XZDmf9O4btmwVVlStEQCi9JicO6rWCACWRstlhycNAGXBsvX/V31+Br+NyZjJmOEVWEXKRJJ1OpsVVe/26PuLkPuM7BRMCz7p3bf6XqFoVK1xbSMWsZ4ws6RqjQDg5vTe7kmvY08Gk3f6/Ax+G5Mx9xkzReRwyFhprDS8wlhp7mOGVwgnQ6Y2ncs2zqLq3W5diZtU5JE9hZjBJ7377kpeq/prXNuYpH5X3yyq1ggAYc5oyzxpAKhMVi7bXPX5Gfw2JmPuM2buY4ZDxkoz+J4xGTMZM7xCWDKkEGMXfLSg6t1+V7yR3Y/BJ737Zj/tmW5UrREAUizCLljZXH/79Fur/j/pdexGs15zuujzMzgMAAD3pLs84NxLnpFO1btd03P/Zj2aWyaf9O5bfQUsJ1VrBP6c77HelzGpWiOw7Lct+KQBgOZkX6Wu+vwMfhuTMfcZM0XkcMhYaQbfMyZjJmOGV6g0lsx9eD8F7uFUvdutXxM0eV0weiUzqvikP/vruZcMqtYIACmrknulVFdNrxEA1jPefXwPGvj/XNPdvNPcxwyHjJXGSsMrjJXGSsPwLzEGTZY3qt9frCyq3u3e44DLePD0UYq7D1OwxzOmUbVGAAj50Ib3eObuVK0RAHrFhz9p4OePY+w+M8YMh4yVxkrDK4yV7q00DGf8Bx02Ti1Xxw1iAAAAAElFTkSuQmCC");
	font-family: Helvetica,Arial,sans-serif;
}
.katex {
	font-size: 1.06em;
	line-height: 1.05em;
}
.buttonDiv {
	background-color: #CFC;
	border: 1px solid black;
	border-radius: 6px;
	color: black;
	cursor: pointer;
}
.buttonDiv:hover, .buttonDiv:active, .buttonDiv:focus {
	background-color: #AFA;
}
.main, .footer {
	width: 50rem;
	max-width: 50%;
	margin-left: 20%;
	padding: 1rem;
	background: #EEF;
	min-height: calc(100vh - 8rem);
}
.footer {
	min-height: unset;
	background: #CCF;
	margin-top: 1rem;
}
.morelinks {
	display: flex;
	gap: 1rem;
	flex-wrap: wrap;
}
.morelinks > div {
	flex: 1;
	border: 1px solid black;
	padding: 0.5rem;
	min-width: 18rem;
}
#related {
	border: 1px solid black;
	padding: 0.5rem;
	margin-top: 1rem;
}
.header {
	height: 1.5rem;
	color: white;
	line-height: 1.5rem;
	background: linear-gradient(to right, rgba(0,0,0,0.9) 0%, rgba(255,255,255,0.9));
	border-bottom: 3px solid;
    border-image-outset: 0;
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
	border-image: linear-gradient(to right, rgb(0,0,155), white 25%, rgb(0,0,155)) 1;
	font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}
.links {
	float: right;
	margin-right: 1.75rem;
}
.header .links a {
	vertical-align: top;
	color: rgb(10, 10, 151);
	text-decoration: underline;
	padding: 0 6px;
}
.header a:hover {
	color: rgb(150, 150, 236);
}
.header .links a:hover {
	color: blue;
}
.logo {
	vertical-align: top;
	font-size: 1.25rem;
	line-height: 1.5rem;
	margin-left: 0.5rem;
}
.header a {
	color: white;
	text-decoration: none;
}
.logoImg {
	height: 2rem;
	margin-top: -0.125rem;
	margin-left: 1rem;
}
.main img {
	display: block;
	margin: auto;
	max-height: 24rem;
}
.fullwidth {
	position: relative;
	display: block;
	left: calc(-19vw + 0.2rem);
	width: calc(98vw -  1rem);
}
.sidecontainer {
	position: relative;
	display: inline-block;
	width: 67%;
}
textarea {
	tab-size: 4;
}
details {
	border: 1px solid black;
	padding: 0rem 1rem;
}
summary {
	background:linear-gradient(to left, #CCCCD0, #EEEEEA);
	margin-left: -1rem;
	width: calc(100% + 2rem);
}

blockquote {
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "“" "”";
  font-style: italic;
}
blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote p {
  display: inline;
  
  background: transparent;
}

.main > div {
	line-height: 150%;
}
.sidecontainer > div {
	line-height: 150%;
}
.fullcontainer > div {
	line-height: 150%;
}
.alert.info {
	background: rgb(50,150,200);
	color: white;
	text-shadow: 0 0 1px #000;
}
.alert.info > span:nth-child(1) {
	background: rgb(50,200,250);
	padding: 0rem 0.5rem;
	height: calc(100% - 0rem);
	width: 1rem;
}
.alert.success {
	background: rgb(50,200,100);
	color: white;
	text-shadow: 0 0 1px #000;
}
.alert.success > span:nth-child(1) {
	background: rgb(50,250,150);
	padding: 0.25rem 0.4rem;
	height: calc(100% - 0.5rem);
	width: 1.2rem;
}
.alert.warning {
	background: rgb(200,50,50);
	color: white;
	text-shadow: 0 0 1px #000;
}
.alert.warning > span:nth-child(1) {
	background: rgb(250,100,100);
	font-size: 1rem;
	padding: 0.5rem 0.25rem;
	height: calc(100% - 1rem);
	width: 1.5rem;
}
.alert > span:nth-child(1) {
	position: absolute;
	display: inline-block;
	height: calc(100% - 0.5rem);
	background: black;
	left: 0rem;
	font-size: 1.5rem;
	top: 0px;
	padding: 0.25rem 0.5rem;
	width: 1rem;
}
.alert {
	display: block;
	position: relative;
	border: 1px solid black;
	width: calc(100% - 3rem - 2px);
	padding: 0.5rem;
	padding-left: 2.5rem;
	
}


.endnote {
	border: 0px solid black;
	display: block;
	width: 100%;
	font-size: 1rem;
	position: relative;

}

.sidenote {
	border: 0px solid black;
	display: inline;
	float: right;
	width: 0vw;
	height: 0vh;
	font-size: 16px;
	position: relative;

}
.sidenote > span {
	position: absolute;
	display: block;
	left: 2.25rem;
	width: 16rem;
	padding: 0 0.5rem;
	background: #EEF;
}
.sidenote > span > sup:nth-of-type(1) {
	position: absolute;
	right: calc(100%);
	padding: 0 0.25rem;
	background: #EEF;
}
.sidenote > span > p:nth-of-type(1) {
	margin:0px;
}

.side {
	height: calc(100% - 2rem);
	top:1rem;
	border: 0px solid black;
	display: inline;
	float: right;
	width: 24rem;
	margin-left: calc(100% + 2rem);
	font-size: 16px;
	position: absolute;
	background: #DDE;

}
.sidetext {
	position: sticky;
	margin-top: 0rem;
	top:5rem;
	border: 1px solid gray;
	padding: 0.25rem;
	display: block;
	background: #EEF;
}

.sidetext img {
	max-height: 100%;
	max-width: 100%;
}



.fullcontainer {
	position: relative;
	display: inline-block;
	
	width: 100%;

}


.fulltext {
	position: sticky;
	display: block;
	margin-top: 0rem;
	top:0rem;
	background: white;
	padding: .25rem;
	border: 1px solid black;
	z-index: 2;
	
}

.fulltext img {
	max-height: 10rem;
	max-width: 100%;
}

input + label {
	cursor: pointer;
	text-decoration: underline;
}
input + label:hover {
	color: rgb(0,0,164);
}
.tooltip {
	display: none;
	position: relative;
	top: 0.1rem;
	left: 0rem;
	width: 0px;
	height: 0px;
	overflow: visible;
}
.tooltip > span {
	position: absolute;
	border: 1px solid black;
	background: #DDD;
	padding: 0.5rem;
	width: 25vw;
}

input.tooltiplink:checked + label + input + input + label + .tooltip {
	display: inline-block;
}
input.tooltiplink:checked + label + input + input + label {
	display: inline-block;
}
input.tooltiplink:Not(:checked) + label + input + input + label {
	display: none;
}
input.tooltiplink:checked + label {
	display: none;
}
input.tooltiplink:checked + label + input + input + label + .tooltip > span > *:Not(label){

	pointer-events: none;
}
input.tooltiplink:checked + label + input + input + label + .tooltip > span > label {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	display: block;
}
.modal {
	display: none;
}
.modal > span {
	display: block;
	margin: auto;
	width: 50%;
	border: 1px solid black;
	position: absolute;
	left: calc(25% - 1rem);
	top: 4rem;
	padding: 1rem;
	background: rgba(255,255,255,1);
}
input:checked + label + input + label + .modal {
	display: block;
	position: fixed;
	left:0px;
	top:0px;
	width: 100vw;
	height: 100vh;
	background: rgba(0,0,0,0.8);
	pointer-events: none;
	z-index: 100000;
	
}
input:Not(.tooltiplink):checked + label + input + label {
	display: block;
	position: fixed;
	left:0px;
	top:0px;
	width: 100vw;
	height: 100vh;
	opacity: 0;
}
.toc {
	position: fixed;
	right: 1.75rem;
	top: 1.75rem;
	padding: 0.5rem;
	width: 16rem;
	border: 1px solid black;
	background: rgba(255,255,255,0.9);
	z-index: 2;
	max-height: calc(100vh - 3rem);
	overflow: auto;
	font-family: initial;
}
.toc ul {
	margin: 0rem;
	margin-left: 1rem;
  	padding: 0;
  	list-style-position: outside;
}
.toc > ul {
	margin-left: 0rem;
	list-style: none;
}
.toc > ul details {
	border: 0px solid black;
	padding: unset;
	margin-left: 1rem;
}
.toc > ul summary {
	background: unset;
	margin-left: -1rem;
	width: unset;
	cursor: pointer;
}
.toc a {
	color: black;
}
.toc a:hover {
	color: rgb(0,0,164);
}
.toc label {
	cursor: pointer;
	position: absolute;
	right: calc(0.5rem - 1px);
	top: 0.5rem;
}
.toc label::before {
	content: "-";
}
input:checked + .toc label::before {
	content: "+";
}
input:checked + .toc ul, input:checked + .toc a, input:checked + .toc hr, input:checked + .toc .outline {
	display: none;
}
.toc .outline {
	text-align: center;
	font-weight: bold;
	display: inline-block;
	width: calc(100%);
}
input:checked + .toc  {
	width: 1rem;
	height: 1.25rem;
}

table {
	border-collapse: collapse;
	border-bottom: 1px solid black;
}
table tr {
	
}
table tbody tr:nth-child(2n+1) {
	background: #FAFAFA;
}
table tbody tr:nth-child(2n) {
	background: #DDD;
}
table thead tr {
	background: #CCF;
}
table th {
	border: 1px solid black;
}
table td, table th {
	border-left: 1px solid gray;
	border-right: 1px solid gray;
	padding-left: 4px;
	padding-right: 4px;
}
.pageButtons {
	margin-top: 4px;
}
.pageButton {
	background: white;
	padding: 0.25rem 0.5rem;
	border: 1px solid black;
	cursor: pointer;
}
tbody .page {
	display: none;
}
tbody .page0 {
	display: table-row;
}
.page0:checked ~ div label.page0 {background: green;}
.page1:checked ~ div label.page1 {background: green;}
.page2:checked ~ div label.page2 {background: green;}
.page3:checked ~ div label.page3 {background: green;}
.page4:checked ~ div label.page4 {background: green;}
.page5:checked ~ div label.page5 {background: green;}
.page6:checked ~ div label.page6 {background: green;}
.page7:checked ~ div label.page7 {background: green;}
.page8:checked ~ div label.page8 {background: green;}
.page9:checked ~ div label.page9 {background: green;}
.page10:checked ~ div label.page10 {background: green;}
.page11:checked ~ div label.page11 {background: green;}
.page12:checked ~ div label.page12 {background: green;}
.page13:checked ~ div label.page13 {background: green;}
.page14:checked ~ div label.page14 {background: green;}
.page15:checked ~ div label.page15 {background: green;}
.page16:checked ~ div label.page16 {background: green;}
.page17:checked ~ div label.page17 {background: green;}
.page18:checked ~ div label.page18 {background: green;}
.page19:checked ~ div label.page19 {background: green;}

.page0 ~ table .page0 {display: none;}
.page0:checked ~ table .page0 {display: table-row;}
.page1:checked ~ table .page1 {display: table-row;}
.page2:checked ~ table .page2 {display: table-row;}
.page3:checked ~ table .page3 {display: table-row;}
.page4:checked ~ table .page4 {display: table-row;}
.page5:checked ~ table .page5 {display: table-row;}
.page6:checked ~ table .page6 {display: table-row;}
.page7:checked ~ table .page7 {display: table-row;}
.page8:checked ~ table .page8 {display: table-row;}
.page9:checked ~ table .page9 {display: table-row;}
.page10:checked ~ table .page10 {display: table-row;}
.page11:checked ~ table .page11 {display: table-row;}
.page12:checked ~ table .page12 {display: table-row;}
.page13:checked ~ table .page13 {display: table-row;}
.page14:checked ~ table .page14 {display: table-row;}
.page15:checked ~ table .page15 {display: table-row;}
.page16:checked ~ table .page16 {display: table-row;}
.page17:checked ~ table .page17 {display: table-row;}
.page18:checked ~ table .page18 {display: table-row;}
.page19:checked ~ table .page19 {display: table-row;}

.vega-embed > svg {
	display: block;
	margin: auto;
	max-width: 100%;
	max-height: 75vh;
}
.car {
	cursor: pointer;
	display: none;
}
.carIn {
	display: none;
	width: calc(100% - 2.5rem);
}

.car0:checked ~ div.car0 {display: inline-block;}
.car1:checked ~ div.car1 {display: inline-block;}
.car2:checked ~ div.car2 {display: inline-block;}
.car3:checked ~ div.car3 {display: inline-block;}
.car4:checked ~ div.car4 {display: inline-block;}
.car5:checked ~ div.car5 {display: inline-block;}
.car6:checked ~ div.car6 {display: inline-block;}
.car7:checked ~ div.car7 {display: inline-block;}
.car8:checked ~ div.car8 {display: inline-block;}
.car9:checked ~ div.car9 {display: inline-block;}
.car10:checked ~ div.car10 {display: inline-block;}
.car11:checked ~ div.car11 {display: inline-block;}
.car12:checked ~ div.car12 {display: inline-block;}
.car13:checked ~ div.car13 {display: inline-block;}
.car14:checked ~ div.car14 {display: inline-block;}
.car15:checked ~ div.car15 {display: inline-block;}
.car16:checked ~ div.car16 {display: inline-block;}
.car17:checked ~ div.car17 {display: inline-block;}
.car18:checked ~ div.car18 {display: inline-block;}
.car19:checked ~ div.car19 {display: inline-block;}
.car0:checked ~ label.car1 {display: inline-block; right: -1rem; left: unset;}
.car0:checked ~ label.car1::before {content: ">";}
.car1:checked ~ label.car0 {display: inline-block; left: -1rem; right: unset;}
.car1:checked ~ label.car2 {display: inline-block; right: -1rem; left: unset;}
.car1:checked ~ label.car0::before {content: "<";}
.car1:checked ~ label.car2::before {content: ">";}
.car2:checked ~ label.car1 {display: inline-block; left: -1rem; right: unset;}
.car2:checked ~ label.car3 {display: inline-block; right: -1rem; left: unset;}
.car2:checked ~ label.car1::before {content: "<";}
.car2:checked ~ label.car3::before {content: ">";}
.car3:checked ~ label.car2 {display: inline-block; left: -1rem; right: unset;}
.car3:checked ~ label.car4 {display: inline-block; right: -1rem; left: unset;}
.car3:checked ~ label.car2::before {content: "<";}
.car3:checked ~ label.car4::before {content: ">";}
.car4:checked ~ label.car3 {display: inline-block; left: -1rem; right: unset;}
.car4:checked ~ label.car5 {display: inline-block; right: -1rem; left: unset;}
.car4:checked ~ label.car3::before {content: "<";}
.car4:checked ~ label.car5::before {content: ">";}
.car5:checked ~ label.car4 {display: inline-block; left: -1rem; right: unset;}
.car5:checked ~ label.car6 {display: inline-block; right: -1rem; left: unset;}
.car5:checked ~ label.car4::before {content: "<";}
.car5:checked ~ label.car6::before {content: ">";}
.car6:checked ~ label.car5 {display: inline-block; left: -1rem; right: unset;}
.car6:checked ~ label.car7 {display: inline-block; right: -1rem; left: unset;}
.car6:checked ~ label.car5::before {content: "<";}
.car6:checked ~ label.car7::before {content: ">";}
.car7:checked ~ label.car6 {display: inline-block; left: -1rem; right: unset;}
.car7:checked ~ label.car8 {display: inline-block; right: -1rem; left: unset;}
.car7:checked ~ label.car6::before {content: "<";}
.car7:checked ~ label.car8::before {content: ">";}
.car8:checked ~ label.car7 {display: inline-block; left: -1rem; right: unset;}
.car8:checked ~ label.car9 {display: inline-block; right: -1rem; left: unset;}
.car8:checked ~ label.car7::before {content: "<";}
.car8:checked ~ label.car9::before {content: ">";}
.car9:checked ~ label.car8 {display: inline-block; left: -1rem; right: unset;}
.car9:checked ~ label.car10 {display: inline-block; right: -1rem; left: unset;}
.car9:checked ~ label.car8::before {content: "<";}
.car9:checked ~ label.car10::before {content: ">";}
.car10:checked ~ label.car9 {display: inline-block; left: -1rem; right: unset;}
.car10:checked ~ label.car11 {display: inline-block; right: -1rem; left: unset;}
.car10:checked ~ label.car9::before {content: "<";}
.car10:checked ~ label.car11::before {content: ">";}
.car11:checked ~ label.car10 {display: inline-block; left: -1rem; right: unset;}
.car11:checked ~ label.car12 {display: inline-block; right: -1rem; left: unset;}
.car11:checked ~ label.car10::before {content: "<";}
.car11:checked ~ label.car12::before {content: ">";}
.car12:checked ~ label.car11 {display: inline-block; left: -1rem; right: unset;}
.car12:checked ~ label.car13 {display: inline-block; right: -1rem; left: unset;}
.car12:checked ~ label.car11::before {content: "<";}
.car12:checked ~ label.car13::before {content: ">";}
.car13:checked ~ label.car12 {display: inline-block; left: -1rem; right: unset;}
.car13:checked ~ label.car14 {display: inline-block; right: -1rem; left: unset;}
.car13:checked ~ label.car12::before {content: "<";}
.car13:checked ~ label.car14::before {content: ">";}
.car14:checked ~ label.car13 {display: inline-block; left: -1rem; right: unset;}
.car14:checked ~ label.car15 {display: inline-block; right: -1rem; left: unset;}
.car14:checked ~ label.car13::before {content: "<";}
.car14:checked ~ label.car15::before {content: ">";}
.car15:checked ~ label.car14 {display: inline-block; left: -1rem; right: unset;}
.car15:checked ~ label.car16 {display: inline-block; right: -1rem; left: unset;}
.car15:checked ~ label.car14::before {content: "<";}
.car15:checked ~ label.car16::before {content: ">";}
.car16:checked ~ label.car15 {display: inline-block; left: -1rem; right: unset;}
.car16:checked ~ label.car17 {display: inline-block; right: -1rem; left: unset;}
.car16:checked ~ label.car15::before {content: "<";}
.car16:checked ~ label.car17::before {content: ">";}
.car17:checked ~ label.car16 {display: inline-block; left: -1rem; right: unset;}
.car17:checked ~ label.car18 {display: inline-block; right: -1rem; left: unset;}
.car17:checked ~ label.car16::before {content: "<";}
.car17:checked ~ label.car18::before {content: ">";}
.car18:checked ~ label.car17 {display: inline-block; left: -1rem; right: unset;}
.car18:checked ~ label.car19 {display: inline-block; right: -1rem; left: unset;}
.car18:checked ~ label.car17::before {content: "<";}
.car18:checked ~ label.car19::before {content: ">";}
.car19:checked ~ label.car18 {display: inline-block; left: -1rem; right: unset;}
.car19:checked ~ label.car18::before {content: "<";}

p {
	line-height: 150%;
}
figcaption {
	margin-top: 0rem;
	font-style: italic;
	text-align: center;
	font-size: 0.8rem;
	color: #555;
	display: block;
}
img {
	max-width: 100%;
}

@media only screen and (max-width: 64rem) {

	.main, .footer {
		width: 32rem;
		max-width: calc(100% - 2rem);
		margin-left: 0px;
	}
	.side {
		margin-left: calc(100% + 0.5rem);
		width: 20rem;

	}
	.sidenote > span {
		left: 1.75rem;
		width: 15rem;
	}

	.fullwidth {
		left: 0px;
		right: unset;
		width: 100%;

	}
}
@media only screen and (max-width: 48rem) {
	.container {
		/*overflow-x: hidden;*/
	}
	.main, .footer {
		width: 32rem;
		max-width: calc(100% - 2rem);
		margin-left: 0px;
	}
	.toc {
		right: calc(100% - 100vw + 0.5rem);
		top: 0.5rem;
		padding: 0.25rem;
	}
	.toc label {
		right: calc(0.25rem - 1px);
		top: 0.25rem;
	}
	.sidenote > span {
		left: 1.75rem;
	}

	.sidecontainer {
		width: 100%;

	}
	.side {
		margin-left: calc(100% + 0.5rem);

	}
	.sidetext {
		position: absolute;
		top:0rem;
	}


	.fullwidth {
		left: 0px;
		width: 100%;

	}
	.modal {
		position: fixed;
	}
	.modal > span {
		width: calc(100% - 5rem);
		left: 2rem;
		top: 2rem;
		padding: 0.5rem;
	}
}