.appointments ul {
	height: 100%;
	grid-template-columns: repeat( 2, 1fr );
	grid-template-rows: repeat( 3, 1fr );
	column-gap: var( --contour_gap );
	row-gap: var( --contour_gap );
	padding: var( --contour_gap ) 0;
}

.appointments ul li {
	background-color: lightgreen;
}

.appointments a {
	display: block;
}