.explainer card{
	min-width: calc( var(--fontheight) * 10);
	max-width: min(100%,calc(var(--fontheight) *10));
	padding: var(--s1);
	margin:var(--w-2);
	background: var(--neutrallight);
	padding: 0;
}

.explainer card a{
	padding: 0;
}


.passfail icon{
	max-width: initial;
	margin: 0 0 var(--s1) 0;
}

.whiteboard #genre-rules {
	margin:0 var(--s4);
}


#genre-rules{
	border:2px solid var(--neutraldarkest)
}

#genre-rules .quote {
	width: 100%;
	margin: 0;
	border:2px solid var(--neutraldarkest)
}

#genre-rules .quote:first-of-type {
	padding-top: var(--s2);	
	font-size: 120%;
	line-height:110%;
	background-color: var(--primarylightest)
}

#genre-rules gallery{
	align-items:baseline;
}

#genre-rules .column{
	width: 100%
}