/*------------------------------------------------------------------------------------
   GLOBAL
------------------------------------------------------------------------------------*/

/*/////////////////////////////////////////////
// RESET //////////////////////////////////////
/////////////////////////////////////////////*/

	* {
		margin: 0;
		padding: 0;
		color: inherit;
		border: none;
		text-align: left;
		font-family: inherit;
		font-weight: normal;
		font-size: inherit;
		line-height: inherit;
		text-decoration: none;
		text-shadow: inherit;
		list-style-type: none;
		list-style-position: inside;
	}
	:root {
		--font-size-regular: 0.866rem;
		--font-size-regular: .95rem;
		--font-size-small: 0.6265rem;
		--font-size-small: 0.75rem;

		--line-height-regular: 1.333em;
		--line-height-regular: 1.4;
		--line-height-two: 2.666rem;
		--line-height-two: 2.8;
		--line-height-four: 5.333rem;
		--line-height-four: 5.6;
		
		--padding-bottom-small: calc(var(--line-height-regular) * var(--font-size-small) * .5);
		--padding-bottom-regular: calc(var(--line-height-regular) * var(--font-size-regular));
		--padding-bottom-double: calc(var(--line-height-two) * var(--font-size-regular));
		--padding-bottom-quadruple: calc(var(--line-height-four) * var(--font-size-regular));
		
		--paper-color: hsl(0, 0%, 95%);
		--text-color: hsl(0, 0%, 15%);
		--link-color: #00c;
	}



/*/////////////////////////////////////////////
// GLOBAL DEFAULTS ////////////////////////////
/////////////////////////////////////////////*/

	body {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: center;
		align-items: stretch;
		align-content: stretch;
		padding-bottom: 25vh;
		font-family: 'AtlasGroteskRegular', Arial, Helvetica, sans-serif;
		font-size: var(--font-size-regular);
		line-height: var(--line-height-regular);
		color: var(--text-color);
		background-color: var(--paper-color);
	}
	a {
		cursor: pointer;
		text-decoration: none;
		color: var(--link-color);
	}



/*/////////////////////////////////////////////
// TEXTS //////////////////////////////////////
/////////////////////////////////////////////*/

	#TextWrapper {
		box-sizing: border-box;
		padding: var(--padding-bottom-regular);
		width: 100%;
		max-width: 700px;
	}
	#TextWrapper p {
		margin-bottom: var(--padding-bottom-regular);
	}
	#TextWrapper .text-head-1 {
		font-size: calc(var(--font-size-regular) * 2);
		margin-bottom: var(--padding-bottom-quadruple);
	}
	#TextWrapper .text-head-2 {
		margin-top: var(--padding-bottom-double);
		font-variant-caps: all-small-caps;
	}
	#TextWrapper .text-copy:last-of-type {
		margin-bottom: var(--padding-bottom-quadruple);
	}
	#TextWrapper .text-info {
		font-size: var(--font-size-small);
		line-height: var(--line-height-regular);
		margin-bottom: var(--padding-bottom-double);
	}
	#TextWrapper .text-quote {
		padding-left: 40px;
		max-width: 660px;
	}
	#TextWrapper .index {
		font-size: var(--font-size-small);
	}
	#TextWrapper .footnotes {
		padding-top: var(--padding-bottom-quadruple);
		font-size: var(--font-size-small);
		line-height: var(--line-height-regular);
		border-top: 1px solid var(--text-color);
	}

	/* FOOTNOTE LIST FORMATS */
	#TextWrapper .footnotes {
		counter-reset: foo;
	}
	#TextWrapper .footnotes > li {
		counter-increment: foo;
		list-style: none;
		list-style-position: inside;
		padding-left: 27px;
		padding-bottom: var(--padding-bottom-small);
		position: relative;
	}
	#TextWrapper .footnotes > li::before,
	#TextWrapper .footnotes > li:before {
		content: counter(foo) ".";
		left: 0;
		position: absolute;
		top: 0;
	}