/* One marked phrase per heading. The marker palette extends the established
   pink treatment; all marker text stays ink for legibility. */
:root {
  --marker-pink: #F5C5D5;
  --marker-yellow: #F2DB6F;
  --marker-lilac: #D8C8F0;
  --marker-blue: #B9DDEB;
  --marker-red: #F58575;
}

.was-mark {
  --marker-fill: var(--marker-pink);
  background: linear-gradient(to bottom, transparent 22%, var(--marker-fill) 22% 92%, transparent 92%);
  color: #24221F;
  padding: 0 .035em;
  font-style: normal;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}

.was-mark-yellow { --marker-fill: var(--marker-yellow); }
.was-mark-lilac { --marker-fill: var(--marker-lilac); }
.was-mark-blue { --marker-fill: var(--marker-blue); }
.was-mark-red { --marker-fill: var(--marker-red); }