body {
	margin: 0;
	font-family: monospace, monospace;
}

body.listing {
	min-width: max-content;
}

nav {
	background: #fff;
	border-bottom: 1px solid #ccc;
	display: flex;
	gap: 1rem;
	padding: 0 1.5rem;
	font-size: .9em;
}

nav a {
	padding: 1rem .5rem;
}

nav a.home {
	font-weight: 600;
}

main {
	margin: 2rem;
}

body {
	background-color: #f2f2f2;
}

h1 {
	font-size: 1.25rem;
	margin: .5rem 0 1.5rem;
}

a,
a:active {
	color: #00f;
	text-decoration: none;
}

a:focus,
a:hover {
	color: #f00;
	text-decoration: underline;
}

a:visited {
	color: #93d;
}

th {
	font-weight: 600;
	padding: 0 2rem 0 0;
	text-align: start;
}

td {
	padding: 0 2rem 0 0;
}

table,
.table {
	background-color: #fff;
	border-collapse: collapse;
	border: 1px solid #ccc;
	display: block;
	padding: .5rem 1rem;
}

p {
	max-width: 35em;
}