main {
	margin-bottom: 120px;
}

section {
	/* Hack to make descriptions position relative to parent. */
	position: relative;
	height: min-content;
}

.pane {
	padding: 20px 20px;
}

.pane header {
	font-size: var(--minor-header-font-size);
	border-bottom: 1px solid var(--pane-border-color);
	margin-bottom: 8px;
	padding-bottom: 8px;
}

#two-column {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 20px;
}

details:hover + .description {
	display: block;
}

.description {
	display: none;
	position: absolute;
	top: 100%;		/* Position below the entirety of the parent element. */
	left: -1px;
	right: -1px;

	z-index: 1;
}

/* Keep description closed if the link-about-button is open. */
details[open] + .description {
	display: none;
}

details summary {
	cursor: default;
}