.component-timetable {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.component-timetable .timetable-day {
	display: flex;
	flex-direction: column;
}

.component-timetable .timetable-day h1 {
	font-size: 1.4em;
	font-weight: bold;
}

.component-timetable .timetable-class-list {
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.component-timetable a:hover {
	text-decoration: none;
}

.component-timetable-footnotes {
	display: flex;
	flex-direction: column;
	gap: 3px;
	margin-top: 20px;
	font-style: italic;
}

.timetable-class, .timetable-class-compact {
	display: flex;
	gap: 15px;
}

.timetable-class-compact {
	display: none;
	flex-direction: column;
	gap: 0;
}

.timetable-class-compact > div {
	display: flex;
	gap: 10px;
}

@media screen and (max-width: 800px) {
	.timetable-class-compact {
		display: flex;
	}

	.timetable-class {
		display: none;
	}

	.component-timetable .timetable-class-list {
		gap: 10px;
	}
}