/* Load on the opening two notes: artwork and its caption share one center. */
:is(.science-illustration, .primer-science-figure, .thermal-science-illustration, .notebook-concept-figure, .modal-science-illustration) {
  box-sizing: border-box;
  width: 100%;
  max-width: 640px;
  margin-inline: auto;
}
.thermal-summary-note .thermal-science-illustration {
  max-width: 450px;
}
.explanation-notebook :is(.notebook-concept-figure, .modal-science-illustration) {
  width: 100%;
  max-width: 520px;
  margin-inline: auto;
}
.explanation-notebook .thermal-science-illustration.modal-science-illustration {
  max-width: 390px;
}
:is(.science-illustration, .primer-science-figure, .thermal-science-illustration, .notebook-concept-figure, .modal-science-illustration) > a {
  display: block;
  width: 100%;
  max-width: none;
  margin-inline: auto;
}
:is(.science-illustration, .primer-science-figure, .thermal-science-illustration, .notebook-concept-figure, .modal-science-illustration) img,
.thermal-summary-note .thermal-science-illustration img,
#global-warming-illustration > img {
  display: block;
  width: 100%;
  height: auto;
  max-height: none;
  aspect-ratio: auto;
  margin-inline: auto;
}
:is(.science-illustration, .primer-science-figure, .thermal-science-illustration, .notebook-concept-figure, .modal-science-illustration) figcaption,
:is(.science-illustration, .primer-science-figure, .thermal-science-illustration, .notebook-concept-figure, .modal-science-illustration) figcaption > p {
  width: 100%;
  box-sizing: border-box;
  margin-inline: auto;
  padding-inline: 0;
  text-align: center;
}
:is(.illustration-labels, .thermal-illustration-labels, .modal-illustration-labels) {
  width: 100%;
  margin-inline: auto;
  text-align: center;
}