.flow > * + * {
	margin-block-start: var(--flow-space, 1em)
}
article {
	--flow-space: 1.5rem;
}
.home article{
	--flow-space: 2.5rem;
}
.courses article{
	--flow-space: 1rem;
}
.course{
	--flow-space: 1rem;
}
/*
.lister {
	--flow-space: 0.5rem;
}
*/


/* card */
@media screen and (min-width: 48em) {
	.card {
		display: flex;
		flex-wrap: nowrap;
		gap: 1rem;
		justify-content: space-between;
	}
	.card > *{
		flex: 1 1 50%;
		//width: 50%;
	}
}


/* lister */
/*
.lister{
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
}
.lister > *{
	flex-grow: 1;
	flex-shrink: 1;
	flex-basis: 16em;
}
*/

/* menu */
.menu{
	display: flex;
	justify-content: center;
	gap: 1rem;
}

/*

.card{
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	justify-content: space-between;
}
.card > *{
	border: 1px solid blue;
	display: flex;
	flex-grow: 1;
	flex-shrink: 1;
	flex-basis: 14em;
	max-width: 30em;
}

.parent{
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
}
.parent > *{
	height: 50px;
	background: blue;
	flex-grow: 1;
	flex-shrink: 1;
	flex-basis: 20ch;
}
*/
/*
.with-sidebar{
	display: flex;
	flex-wrap: wrap;
	gap: 1rem
}
.with-sidebar > :first-child{
	flex-basis: 20rem;
	//flex-basis: clamp(15rem, calc(50% - 1rem), 100%);
	flex-grow: 1
}
.with-sidebar > :last-child{
	flex-basis: 0;
	flex-grow: 999;
	min-inline-size: 50%}
*/