#main {
	text-align: justify;
}

#main a {
	text-decoration: underline;
}

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

.glossary-letters {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0.5rem;
	margin-bottom: 1.5rem;
	text-align: center;
	font-size: 1.5em;
}

.glossary-letters a {
	display: inline-block;
	padding: 10px;
	background: #fff;
}

.glossary-letters ~ section ul {
	display: grid;
	grid-template-columns: 1fr;
	gap: 0 1.5rem;
	padding: 0;
	list-style: none;
}

.glossary-letters + section li {
	break-inside: avoid;
}

@media (min-width: 768px) {
	.glossary-letters ~ section ul {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 1200px) {
	.glossary-letters ~ section ul {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}