/* Highlighted Text block
 * The outer p/hN element stays transparent and block-level; the inner
 * .indi-highlighted-text__mark is inline so its background hugs the text
 * itself (and wraps per-line via box-decoration-break) instead of filling
 * the full width of the block.
 */

.indi-highlighted-text {
  /* keep the element's natural heading/paragraph typography & spacing */
}

.indi-highlighted-text .indi-highlighted-text__mark {
  display: inline;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  padding: 0.5em 0.7em 0.4em 0.7em;

}