/* info.image.css */
.info-image-preview-host {
  width: 100%;
  max-height: 520px;
  overflow: auto;
  border: 1px solid #ddd;
  background: #fff;
}
.info-image-preview {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}
.info-image-metadata {
  display: grid;
  grid-template-columns: 9em 1fr;
  gap: 0.25rem 0.75rem;
  word-break: break-word;
}
.info-image-metadata dt {
  font-weight: normal;
}
.info-image-metadata dd {
  margin: 0;
}


/* Image information pane labels should be normal weight, not bold. */
#info-image .image-info h5,
#info-image .info-image-metadata dt {
  font-weight: normal;
}