.focus-image {
  margin: var(--space-xl) 0 var(--space-2xl);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  overflow: hidden;
  background: #fff;
}
.focus-image img {
  width: 100%;
  height: auto;
  display: block;
}
.focus-image figcaption {
  font-size: 13px;
  color: var(--color-meta);
  padding: 12px 14px 14px;
  line-height: 1.45;
}
.inline-break-image {
  margin: var(--space-xl) 0 var(--space-2xl);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  overflow: hidden;
  background: #fff;
}
.inline-break-image img {
  width: 100%;
  height: auto;
  display: block;
}
.inline-break-image figcaption {
  font-size: 13px;
  color: var(--color-meta);
  padding: 12px 14px 14px;
  line-height: 1.45;
}
.media-grid figure {
  background: #fff;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  overflow: hidden;
  margin: 0;
}
.media-grid img {
  width: 100%;
  height: auto;
  display: block;
}
.media-grid figcaption {
  font-size: 13px;
  color: var(--color-meta);
  padding: 12px 14px 14px;
  line-height: 1.45;
}

.media-grid .full-span {
  grid-column: 1 / -1;
}
.media-grid figure.cdrom-figure {
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}