/* Static teaching figures; all relationships also appear as ordinary HTML. */
.course--reader .rd-diagram {
  margin: 2rem 0;
  padding: clamp(1rem, 3vw, 1.75rem);
  border: 1px solid #b5b1a4;
  border-radius: 4px;
  background: #f6f5f1;
  color: #191913;
}
.course--reader .rd-diagram > * + * { margin-top: 1.25rem; }
.course--reader .rd-diagram-figure { margin: 1.25rem 0 0; }
.course--reader .rd-diagram-figure figcaption { margin-top: 1.25rem; }
.course--reader .rd-diagram img {
  display: block;
  width: 100%;
  max-width: 24rem;
  height: auto;
  margin-inline: auto;
}
.course--reader .rd-diagram figcaption,
.course--reader .rd-diagram-sources { font-size: .9375rem; line-height: 1.65; }
.course--reader .rd-diagram-table {
  width: 100%;
  border-collapse: collapse;
  font-size: .875rem;
  line-height: 1.6;
}
.course--reader .rd-diagram-table caption {
  text-align: left;
  font-weight: 600;
  margin-bottom: .5rem;
}
.course--reader .rd-diagram-table th,
.course--reader .rd-diagram-table td {
  text-align: left;
  vertical-align: top;
  border-bottom: 1px solid #c4c0b5;
  padding: .625rem .375rem;
  overflow-wrap: anywhere;
}
.course--reader .rd-diagram-table th:first-child,
.course--reader .rd-diagram-table td:first-child { padding-left: 0; }
.course--reader .rd-diagram-sources { padding-left: 1.25rem; }