/* Local FA-like icon mapping: use background-image for broad compatibility */
.fa-regular, .fa-solid {
  display: inline-block;
  width: 32px;
  height: 32px;
  /* Icon color when using inline SVGs with currentColor; filter in page may invert */
  color: #fff;
  /* Ensure background-based icons render consistently */
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

/* Icons */
.fa-regular.fa-heart, .fa-solid.fa-heart { background-image: url('/icons/fa/heart.svg'); }
.fa-regular.fa-comment-dots, .fa-solid.fa-comment-dots { background-image: url('/icons/fa/comment.svg'); }
.fa-regular.fa-star, .fa-solid.fa-star { background-image: url('/icons/fa/star.svg'); }
.fa-regular.fa-share, .fa-solid.fa-share { background-image: url('/icons/fa/share.svg'); }

/* Note: We previously used CSS mask. Some server-side environments/browsers (e.g., legacy WebKit/IE)
   fail to render mask-based icons reliably. Switching to background-image ensures consistent display. */