/* YUTHI eigene Icons – ersetzt Standard-Emojis durch Marken-Icons
   Kontur = currentColor (passt sich an hellen/dunklen Hintergrund an)
   Fläche = Sage #93b48b · Akzent = Gold #C9A14A */
.yi{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:1.15em;
  height:1.15em;
  vertical-align:-0.2em;
  line-height:1;
  position:relative;
  top:0;
}
.yi svg{
  width:100%;
  height:100%;
  display:block;
  overflow:visible;
}
/* etwas kompakter, wenn das Icon in einer Überschrift sitzt */
h1 .yi, h2 .yi, h3 .yi{ vertical-align:-0.15em; }