/* Academy page styles
 * Used by: /academy-demo, /dashboard/academy
 */

/* Reset typography for dashboard elements when webapp-shared.css is also loaded.
 * The global h/p styles in webapp-shared.css set dark text colors that conflict
 * with the dashboard's light-on-dark design. */
menu.bg-dark p,
menu.bg-dark li,
nav.bg-dark p {
	color: var(--color-p-light-bright);
}

.academy-layout {
	min-height: 100dvh;
	width: 100dvw;

	display: flex;
	flex-direction: column;

	background-color: var(--color-bgs-dark);
	background-image: none;
	--webapp-bg-color: var(--color-bgs-dark);
	--bg-color: var(--color-bgs-dark);
	--background-gradient: none;
}

.academy-layout .academy-content,
.academy-content {
	flex-grow: 1;

	padding: 0;
	overflow-x: hidden;

	background-color: var(--color-bgs-dark);
}