/* Reusable reveal-on-hover text for ||spoiler||. */
.spoiler {
  padding: 0 0.08em;
  border-radius: 0.12em;
  background: #252525;
  color: transparent;
  cursor: pointer;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}

.spoiler:hover,
.spoiler:focus,
.spoiler:active {
  background: transparent;
  color: inherit;
  outline: none;
}

.spoiler:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}

@media print {
  .spoiler {
    background: transparent;
    color: inherit;
  }
}