/* Tydligare hjärter (♥) och ruter (♦) – större symbol med tjock svart kant.
   suits.js lägger klassen .hd på varje ♥/♦ som visas på sidan. */
.hd{
  --o:.055em;
  color:#e60000;
  font-family:"Segoe UI Symbol","Noto Sans Symbols 2","DejaVu Sans","Apple Symbols","Arial Unicode MS",Arial,sans-serif;
  font-variant-emoji:text;
  font-weight:700;
  font-size:1.3em!important;
  line-height:0;
  text-shadow:
    calc(var(--o) * -1) 0 0 #000, var(--o) 0 0 #000,
    0 calc(var(--o) * -1) 0 #000, 0 var(--o) 0 #000,
    calc(var(--o) * -1) calc(var(--o) * -1) 0 #000, var(--o) calc(var(--o) * -1) 0 #000,
    calc(var(--o) * -1) var(--o) 0 #000, var(--o) var(--o) 0 #000;
}
/* Symboler inuti kortytor och budlappar får inte bli för stora */
.card .hd,.bid .hd{font-size:1.12em!important}

/* Svarta färger (♠ ♣) får samma typsnitt och storlek så att alla fyra färger ser jämna ut */
.bd{
  font-family:"Segoe UI Symbol","Noto Sans Symbols 2","DejaVu Sans","Apple Symbols","Arial Unicode MS",Arial,sans-serif;
  font-variant-emoji:text;
  font-weight:700;
  font-size:1.3em!important;
  line-height:0;
}
.card .bd,.bid .bd{font-size:1.12em!important}