body {
	margin: 3rem 1rem;
}

@media (min-width: 400px) and (max-width: 550px) {
	.container {
		width: 90%;
	}
}

table {
	border-spacing: 0 0.125rem;
}

@media (max-width: 630px) {
	table {
		table-layout: fixed;
		word-wrap: break-word;
	}

	td, th {
		padding-left: 0.8rem;
		padding-right: 0.8rem;
	}
}

table img {
	height: auto;
	max-width: 100%;
}

tr:first-child th {
	padding-top: 0;
}

details, summary {
	margin-bottom: 1.25rem;
}

footer {
	text-align: center;
}

@media (min-width: 750px) {
	th:first-child, td:first-child {
		width: 45%;
	}
}