/* program-dashboard page — student dashboard for an enrolled program.
   Used by templates/pages/program-dashboard.php. */

.program-dashboard-zone {
	margin: 40px 0;

	.module-progress-meter-section {
		margin-top: 4em;

		/* The module palette is here for its inks/accent (meter marks, title),
		   not its surface — a tinted box floating in the gray page reads as
		   accidental. Keep the background out of it. */
		&[data-palette] {
			background-color: transparent;
		}
	}

	h3 {
		
	}

	.recently-added-workshops {
		margin-top: 2em;

		ul {
			margin-top: 1em;
			padding-left: 0;
			list-style: none;
			display: flex;
			flex-direction: column;
			gap: 0.5em;
		}

		li a {
			display: block;
			color: var(--accent);
		}
	}

	.office-hours {
		margin-top: 3em;
	}
}