/* syllabus-module-card — module card on syllabus pages. */

.module-list {
	display: grid;
	gap: 20px;
	margin-top: 20px;
}

.module-card {
	border: 1px solid black;
	padding: 20px;
	position: relative;

	&.complete {
		border-width: 2px;
	}

	&.locked {
		opacity: 0.6;
		background: #f5f5f5;

		h3 {
			color: #666;
		}
	}
}