.essay hr:is(.rule-1, .rule-2, .rule-3)::after {
  content: "";
  display: inline-block;
  max-width: 100%;
  letter-spacing: 0;
  -webkit-mask: var(--rule-image) center / contain no-repeat;
  mask: var(--rule-image) center / contain no-repeat;
}
.essay hr.rule-1::after {
  --rule-image: var(--ripa-rules-tailpiece, url(../img/ripa/rules/tailpiece.svg));
  width: var(--rule-image-width);
  height: var(--rule-image-height);
  background-color: var(--text-faint);
}
.essay hr:is(.rule-2, .rule-3)::after {
  width: var(--rule-strip-width);
  height: var(--rule-strip-height);
  background-color: var(--text-muted);
}
.essay hr.rule-2::after { --rule-image: var(--hypner-rules-hieroglyphs-1, url(../img/hypner/rules/hieroglyphs-1.svg)); }
.essay hr.rule-3::after { --rule-image: var(--hypner-rules-hieroglyphs-2, url(../img/hypner/rules/hieroglyphs-2.svg)); }