/* Leaf on the i in the beginner wordmark.
 * Exact seed-mark leaf paths + colors (#7bc47a / #5aad58), ~tittle-sized.
 * Markup: beg<span class="wm-i">i</span>nner
 */
.wm-i {
  position: relative;
  display: inline-block;
}

/* Cover the native tittle so ink/cream doesn't peek under the leaf. */
.wm-i::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0.08em;
  width: 0.13em;
  height: 0.13em;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: #7bc47a;
  pointer-events: none;
}

.wm-i::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 0.08em;
  /* ~tittle footprint; seed-mark leaf aspect (38×22) via contain. */
  width: 0.34em;
  height: 0.22em;
  transform: translate(-40%, -58%);
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='54 34 38 22' fill='none'%3E%3Cpath d='M68 56 C66 44, 78 34, 92 38 C88 44, 74 50, 68 56Z' fill='%237bc47a'/%3E%3Cpath d='M68 48 C67 42, 60 38, 54 40 C56 44, 64 47, 68 48Z' fill='%235aad58' opacity='0.7'/%3E%3C/svg%3E")
    center / contain no-repeat;
  pointer-events: none;
}