/* =========================
   CARTOUCHE (FINAL, SAFE)
   ========================= */

.cartouche-wrap{
  /* must be inline-block so empty cartouche is visible */
  display: inline-block;
  vertical-align: baseline;

  /* identical glyph sizing */
  font-size: inherit;
  line-height: inherit;

  /* tight spacing that does NOT inflate glyph size */
  padding: 0.05em 0.55em;

  /* do NOT use border (affects line box) */
  border: none;
  border-radius: 9999px;

  /* draw outline without affecting layout */
  box-shadow: inset 0 0 0 3px #000;

  /* ensures visibility even when only \u200B */
  min-width: 1.4em;

  /* normal text wrapping */
  white-space: normal;
  box-sizing: border-box;
}

/* red outline when cartouche is OPEN */
.cartouche-wrap.is-opening{
  box-shadow: inset 0 0 0 3px red;
}