:root {
	font-family: Inter, serif;
	font-feature-settings: "liga" 1, "calt" 1;

	--accent-dark: #2639C5;
	--accent-light: #6573E2;
	--accent-red: #EA3546;
	--accent-grey: #F6F6F6;

	--spacing: 0.25rem;

	--large-distance: calc(var(--spacing) * 9);
	--small-distance: calc(var(--spacing) * 3);
}

@supports (font-variation-settings: normal) {
	:root { font-family: InterVariable, sans-serif; }
}

body, html {
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	touch-action: manipulation;

	background-color: var(--accent-grey);

	font-size: 1rem;
	line-height: calc(1.5 / 1);

	color: black;

	box-sizing: border-box;
	margin: 0;
	padding: 0;
	border: 0 solid;
}

* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	border: 0 solid;
}

@media print {
	body {
		font-size: 9pt;
	}
}

.container {
	display: block;
	box-sizing: border-box;
	float: none;
	position: static;
	z-index: auto;
	padding: 0 calc(var(--spacing) * 6);
	margin: calc(var(--spacing) * 14) auto;
	width: 100%;
	max-width: 750px;
}

.webkit-overflow {
	-webkit-overflow-scrolling: touch;
}

.transition {
	transition-property: color text-decoration-color;
	transition-duration: 150ms;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

h1 {
	font-weight: normal;
	font-size: 1rem;
}

h2, h3, p {
	font-size: 1rem;
	font-weight: normal;
}

img {
	box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
	border-radius: 0.375rem;
	max-width: 100%;
	height: auto;
	display: block;
	vertical-align: middle;
}

a {
	color: var(--accent-dark);
	text-decoration: underline;
	white-space: nowrap;
}

a:hover {
	color: var(--accent-light);
}

a.overflow {
	overflow: hidden;
	text-overflow: ellipsis "...";
}

li {
	list-style: none;
}

table {
	min-width: max-content;
	max-width: 950px;
	text-indent: 0;
	border-color: inherit;
	border-collapse: collapse;
}

table a {
	font-size: 1rem;
	max-width: 550px;
}

.serif {
	font-family: "Newsreader", serif;
	font-weight: 900;
	color: var(--accent-dark);
	font-size: 17px;
}

.italics {
	font-style: italic;
}

.full-name {
	font-weight: 500;
	text-align: center;
}

.footnote {
	color: var(--accent-red);
}

.disclaimer {
	font-family: "Newsreader", serif;
	font-size: 15px;
	font-style: italic;
}

.large-margin {
	margin-bottom: var(--large-distance);
}

.small-margin {
	margin-bottom: var(--small-distance);
}

.table {
	overflow-x: auto;
}

.inter-distance {
	padding: calc(var(--spacing) * 1) calc(var(--spacing) * 3) calc(var(--spacing) * 1) 0;
}

.intra-distance {
	padding-left: calc(var(--spacing) * 7);
}