/* Auto-discovered TM artist socials — appears alongside hand-curated socials */
.xat-socials{
  display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0;
  font-family:var(--f, var(--font-primary, system-ui, sans-serif));
}
.xat-soc{
  display:inline-flex;align-items:center;gap:.45rem;
  padding:.5rem .9rem;border-radius:100px;
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);
  color:rgba(255,255,255,.78);text-decoration:none;
  font-size:.7rem;font-weight:700;letter-spacing:.3px;
  transition:background .15s,color .15s,border-color .15s,transform .12s;
}
.xat-soc:hover{
  background:rgba(255,255,255,.09);color:#fff;border-color:rgba(255,255,255,.2);
  transform:translateY(-1px);
}
.xat-soc__glyph{
  display:inline-flex;align-items:center;justify-content:center;
  width:18px;height:18px;border-radius:50%;
  background:rgba(255,255,255,.08);font-weight:900;font-size:.6rem;
  line-height:1;
}
.xat-soc--spotify   .xat-soc__glyph{background:#1DB954;color:#000}
.xat-soc--youtube   .xat-soc__glyph{background:#FF0000;color:#fff}
.xat-soc--instagram .xat-soc__glyph{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);color:#fff}
.xat-soc--twitter   .xat-soc__glyph{background:#000;color:#fff}
.xat-soc--facebook  .xat-soc__glyph{background:#1877F2;color:#fff}
.xat-soc--wiki      .xat-soc__glyph{background:#fff;color:#000}
.xat-soc--homepage  .xat-soc__glyph{background:rgba(255,255,255,.15);color:#fff}
.xat-soc--itunes    .xat-soc__glyph{background:linear-gradient(135deg,#fc3c44,#fa233b);color:#fff}
.xat-soc--lastfm    .xat-soc__glyph{background:#d51007;color:#fff}

@media(max-width:480px){
  .xat-soc{font-size:.62rem;padding:.4rem .75rem}
  .xat-soc__glyph{width:16px;height:16px;font-size:.55rem}
}

/* Spotify play embed on artist hero — confident, just the player */
.xat-spotify-embed{
  margin:1.25rem 0;
  border-radius:14px;overflow:hidden;
  border:1px solid rgba(255,255,255,.07);
  background:rgba(0,0,0,.4);
  box-shadow:0 8px 24px rgba(0,0,0,.35);
}
.xat-spotify-embed iframe{display:block;width:100%;border:0}
@media(max-width:480px){
  .xat-spotify-embed{margin:1rem 0;border-radius:10px}
}