:root {
	color-scheme: light dark;
}

html {
	font-family: Inter, sans-serif;
	font-size: 11pt;
}

body {
	margin: 0;
}

header, main {
	margin: 0 auto;
	padding: 15px;
	max-width: 800px;
}

h1 {
	margin: 0;
	margin-top: 0px;
	margin-top: 3em;
	font-size: xx-large;
}

h2 {
	margin: 0;
	margin-top: 0px;
	margin-top: 3em;
	font-size: large;
}

h1:first-child, h2:first-child {
	margin-top: 0;
}

.metadata {
	opacity: 0.7;
}

table {
	padding: 1em 0;
}

td {
	padding: 0.3em 2vw;
}

table tr td:first-child {
	padding-left: 0;
}

ul {
	padding-left: 1em; /* Width of the bullets */
}

ol {
	padding-left: 2em;
}

ul, ol {
	padding-bottom: 0.5em;
	li {
		padding: 0.2em 0 5px 0.2em;
		p {
			margin: 0;
		}
	}
}

/* Breadcrumb navigation */
nav.breadcrumbs ul {
	/* Inline list */
	display: inline-block;
	list-style: none;
	padding: 0;
	margin: 0;

	li {
		/* Inline list */
		display: inline;
		padding: 0;

		/* Separator between breadcrumb items */
		&:not(:last-child):after {
			content: ' › ';
		}
	}
}

img {
	max-width: 100%;
}