/* Blizzard client artwork sits in the site's existing parchment and gold theme. */
.ref-catalogue .ref-card { border-top: 3px solid #b99452; padding: 1.4rem; }
.ref-card[data-faction="Alliance"] { border-top-color: #5688c9; }
.ref-card[data-faction="Horde"] { border-top-color: #b95c55; }
.ref-portraits { display: flex; gap: .8rem; margin: .3rem 0 1rem; }
.ref-portraits img { width: 96px; height: 96px; object-fit: cover; border: 2px solid #b99452; border-radius: 50%; box-shadow: 0 3px 12px #0006; background: #211b18; }
.ref-icon { width: 40px; height: 40px; object-fit: cover; border-radius: 5px; border: 1px solid #b99452; vertical-align: middle; flex: 0 0 auto; background: #211b18; }
.ref-class-icon { width: 64px; height: 64px; margin-bottom: .8rem; }
.ref-spell-cell .ref-icon { width: 30px; height: 30px; margin-right: .5rem; }
.ref-ability { display: block; }
.ref-ability > .ref-icon { float: left; margin: 0 .75rem .5rem 0; }
.ref-ability p { margin-top: .65rem; }
.ref-card[data-class="WARRIOR"] { border-top-color: #c79c6e; }
.ref-card[data-class="PALADIN"] { border-top-color: #f58cba; }
.ref-card[data-class="HUNTER"] { border-top-color: #abd473; }
.ref-card[data-class="ROGUE"] { border-top-color: #fff569; }
.ref-card[data-class="PRIEST"] { border-top-color: #eee; }
.ref-card[data-class="SHAMAN"] { border-top-color: #4088eb; }
.ref-card[data-class="MAGE"] { border-top-color: #69ccf0; }
.ref-card[data-class="WARLOCK"] { border-top-color: #9482c9; }
.ref-card[data-class="DRUID"] { border-top-color: #ff7d0a; }
@media (max-width: 600px) { .ref-portraits img { width: 80px; height: 80px; } .ref-spell-cell .ref-icon { width: 24px; height: 24px; } }