/* Hottt: opt-in explanatory illustration. Shared by frontend and editor. */
.wp-block-image.is-style-hottt-illustration,
.wp-block-image > figure.is-style-hottt-illustration {
  --hottt-illustration-max-width: 480px;
  box-sizing: border-box;
  display: block;
  float: none;
  width: 100%;
  max-width: var(--hottt-illustration-max-width);
  margin-inline: 0;
}
/* Match Kadence's figure selector specificity; keep explanation in one group. */
figure.wp-block-image.is-style-hottt-illustration,
.wp-block-image > figure.is-style-hottt-illustration {
  margin-bottom: 16px;
}
.wp-block-image.is-style-hottt-illustration img,
.wp-block-image > figure.is-style-hottt-illustration img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
}
.wp-block-image.is-style-hottt-illustration figcaption,
.wp-block-image > figure.is-style-hottt-illustration figcaption {
  display: block;
  width: 100%;
  margin-top: 8px;
  margin-bottom: 0;
  text-align: left;
}