* {
  box-sizing: border-box;
}

p img {
  vertical-align: middle;
}

div.correct {
  background: #a9dfa2;
  padding: 8px;
  margin-top: 8px;
}

figure img {
	border: 2px solid #e0e0e0;
	border-radius: 2px;
	padding: 2px;
}

pre {
	background: #e0e0e0;
	border-radius: 2px;
	padding: 4px 8px;
}

/* Chapter-specific styles */

.Intro.showcase {
  display: grid;
  grid-template-columns: repeat(auto-fill, 280px);
  grid-gap: 8px 8px;
  justify-content: center;
  margin: 32px 0 16px 0;
}
.Intro.showcase figure {
	margin: 0;
}
/*div.Intro.showcase figure img {
	display: block;
}*/

div.I-1.diagram {
  background: #e0e0e0;
  border: 1px solid #c0c0c0;
  padding: 4px;
}
div.I-1.diagram + span {
	display: block;
  font-size: 16px;
  line-height: 16px;
}