/* Spacer block — pure empty gap. In edit mode the editor draws its
   chrome around it so the author sees where the block sits. */

.block-spacer {
  padding: 0;
  margin: 0;
  border: 0;
  background: transparent;
  display: block;
}

/* Faint dashed indicator in edit mode so the author can see the block
   they've placed. Public visitors see nothing — just the empty space. */
body.cms-edit .block-spacer {
  outline: 1px dashed rgba(11, 11, 11, 0.15);
  outline-offset: -1px;
}
body.cms-edit .block-spacer::after {
  content: 'SPACER';
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(11, 11, 11, 0.25);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.2em;
  pointer-events: none;
}
body.cms-edit .block-spacer { position: relative; }