page-course {
	display: grid;
	grid-template-columns: 100%;
	grid-template-rows: min-content minmax(0, 1fr);
	gap: var(--u);
	padding: var(--u);
}

page-course form-enhance label.title {
	grid-column: 1;
	grid-row: 1;
}

page-course form-enhance label.description,
page-course form-enhance label.picture {
	grid-row: 1 / 3;
	aspect-ratio: 16 / 9;
}

page-course form-enhance label.picture {
	height: 100%;
	width: 100%;
}

page-course form-enhance label.description > textarea-i18n > textarea,
page-course form-enhance label.render > textarea-json > textarea {
	font-family: "Sesame Sans", system-ui;
}

page-course > nav-panel > section {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: stretch;
}

page-course > nav-panel > section > section {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	padding: var(--u-2xs);
	background-color: var(--color-red-lighter);
	border-radius: 8px;
	border: solid 1px var(--color-red);
}

page-course > nav-panel > section > section > header {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	font-weight: normal;
	gap: 1rem;
}

page-course > nav-panel > section > section > header > output-i18n:first-of-type {
	font-weight: bold;
	color: var(--color-red);
}