/* Open, uncropped concept illustrations for week 3 periods 1 and 2. */
body.course-contents-programming.week-three-page .week-three-metaphor {
  width: 100%;
  max-width: 960px;
  min-width: 0;
  margin: 28px auto 36px;
  padding: 0;
  border: 0;
  background: transparent;
}

body.course-contents-programming.week-three-page .week-three-metaphor > img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: var(--week-three-radius);
}

body.course-contents-programming.week-three-page .week-three-metaphor > figcaption {
  margin: 14px 0 0;
  padding: 0;
  color: var(--muted);
  font-size: var(--week-three-size-caption);
  line-height: 1.75;
  text-align: left;
  word-break: keep-all;
  overflow-wrap: anywhere;
}

body.course-contents-programming.week-three-page .week-three-metaphor figcaption > strong {
  display: block;
  margin-bottom: 6px;
  color: var(--ink);
}

body.course-contents-programming.week-three-page .week-three-metaphor figcaption > p {
  margin: 0;
  color: inherit;
  font-size: inherit;
  line-height: inherit;
}

/* Keep Pretext's breaks, with a native wrap fallback for inline-code metrics. */
body.course-contents-programming.week-three-page .week-three-metaphor figcaption > p[data-pretext-laid-out] {
  white-space: normal;
  overflow-wrap: anywhere;
}