.public-media {
  display: block;
  width: 100%;
  max-height: 260px;
  margin: 10px 0;
  border-radius: 12px;
  object-fit: cover;
  background: #f2ece8;
}

.external-media {
  margin: 10px 0;
  padding: 12px;
  border: 1px solid #e3d8d1;
  border-radius: 12px;
  background: #fffaf7;
}

.external-media p {
  margin: 0 0 8px;
}

.external-media .public-media + p {
  margin-top: 8px;
  margin-bottom: 0;
}

video.public-media {
  object-fit: contain;
}

.service-unavailable {
  opacity: .6;
  text-decoration: line-through;
}