.mv-grid.mv-grid--courses{
	container-type: inline-size;
	grid-template-columns: 1fr;
}


.course-card > .mv-card__body {
	  display: grid;
    grid-template-columns: 1fr;
    gap: var(--molecule-small-gap);
    height: 100%;
	  padding: 0;
    align-items: flex-start;
}

.course-card {
	order: 1;
    display: grid;
	border-radius: 0;
    grid-template-columns: 2fr 1fr;
}

	.course-card.with-title {

	}
	.course-card.is-featured{
		order: 0;
	}
	.course-card.not-featured{
		
	}
	.course-card.with-link{

	}

.course-card .mv-card__body {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--molecule-small-gap);
	height: 100%;
}

	.course-card.is-featured .mv-card__body .mv-pill{
		font-size: var(--font-size-sm);
		color: var(--text-color-primary);
		padding: var(--atom-small-gap) var(--atom-large-gap);
		
		margin-inline: var(--molecule-standard-gap);
	}

	.course-card--title{
		margin: 0;
		padding-inline: var(--molecule-standard-gap);
		padding-bottom: 0;
	}
	.course-card--description{
		font-size: var(--font-size-sm);
		padding-inline: var(--molecule-standard-gap);
		font-weight: 400;
	}
	.course-card__meta {
		background-color: var(--hs-primary--10pc);
		
		padding:  var(--molecule-standard-gap);

		display: grid;
		gap: var(--molecule-tiny-gap);
		grid-template-columns: 75px 1fr;

	}

		.course-card__meta--label{
			color: var(--hs-primary);
			font-weight: bold;
		}


.course-card .mv-card__body > *:first-child {
		margin-top: var(--molecule-standard-gap);
}
.course-card .mv-card__body > *:last-child {
		padding-bottom: var(--molecule-standard-gap);
}


.course-card .mv-card__aside{
	display: flex;
	text-align: center;
	color: var(--hs-primary--text-over);
	background-color: var(--hs-primary);
	padding: var(--molecule-standard-gap);

	flex-direction: column;
	justify-content: space-between;
	
	height: 100%;
	
	gap: 1em;
}

	.mv-card__aside-header{
		gap: var(--molecule-tiny-gap);
		display: grid;
		grid-template-columns: 1fr;
	}

	.course-card .course-card--subtitle{
		font-size: var(--font-size-sm);
	}

	.course-card .mv-card__aside-header > .mv-pill{
		font-size: clamp(var(--h3-font-size-min), var(--h3-font-size-preferred), var(--h3-font-size-max));
		font-weight: var(--h3-font-weight);
		line-height: var(--h3-line-height);
		letter-spacing: var(--h3-letter-spacing);

		padding: var(--molecule-small-gap);
	}
	.course-card .course-card--message{
		font-size: var(--font-size-sm);
	}

	.course-card .dummy-button{
		background-color: var(--hs-white);
		border-radius: var(--global-radius);
	}

	.course-card .dummy-button:hover,
	.course-card .dummy-button:active{
		color: var(--hs-secondary--text-over);
		background-color: var(--hs-secondary);
	}


	.course-card.is-featured .mv-card__aside{
		color: var(--text-color-primary);
		background-color: var(--hs-secondary);
	}

	.course-card.is-featured .dummy-button:hover,
	.course-card.is-featured .dummy-button:active{
		color: var(--hs-primary--text-over);
		background-color: var(--hs-primary);
	}




@container (max-width: 650px){
	.course-card{
		grid-template-columns: 1fr;
	}

	.course-card .mv-card__aside{
		gap: var(--molecule-standard-gap);
	}
}