/* Placeholder marker, shared by the landing page and the designs.
   Wrap every provisional / unverified text in <span class="ph">…</span> (or add .ph to
   a block). It renders highlighted with a "Platzhalter" tag; remove the class once the
   content is confirmed. Designer and reviewer use this one marker. */
.ph {
  padding: 0 .2em;
  color: #4d3b00;
  background: #fff4c2;
  outline: 1px dashed #8a6d00;
  outline-offset: 1px;
  border-radius: 2px;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}
.ph::after {
  content: "Platzhalter";
  display: inline-block;
  margin-left: .4em;
  padding: 0 .35em;
  font: 700 .6875rem/1.5 system-ui, sans-serif;
  letter-spacing: .04em;
  text-transform: uppercase;
  vertical-align: .1em;
  color: #fff;
  background: #7a6000;
  border-radius: 2px;
}