.artist-profile-summary {
  margin-top: 19px;
  padding: 16px;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(124, 92, 255, .09), rgba(212, 255, 63, .025));
}

.artist-profile-facts {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
}

.artist-profile-fact {
  min-width: 0;
  padding: 10px 11px;
  border: 1px solid var(--border);
  border-radius: 9px;
  background: rgba(10, 10, 15, .32);
}

.artist-profile-fact dt {
  margin-bottom: 3px;
  color: var(--text-dim);
  font: 700 .62rem/1.2 var(--font-mono);
  letter-spacing: .08em;
  text-transform: uppercase;
}

.artist-profile-fact dd {
  margin: 0;
  overflow: hidden;
  color: var(--text);
  font-size: .78rem;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.artist-profile-links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.artist-profile-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 35px;
  gap: 7px;
  padding: 7px 12px;
  border: 1px solid var(--border-strong);
  border-radius: 999px;
  background: var(--surface-2);
  color: var(--text);
  font-size: .72rem;
  font-weight: 750;
  line-height: 1;
  transition: transform .16s var(--ease), border-color .16s var(--ease), background .16s var(--ease);
}

.artist-profile-link:hover { transform: translateY(-1px); border-color: var(--accent); }
.artist-profile-link--events { border-color: rgba(212,255,63,.42); background: rgba(212,255,63,.08); color: var(--lime); }
.artist-profile-link--website { border-color: rgba(160,140,255,.42); color: var(--accent-text); }
.artist-profile-link--facebook { border-color: rgba(24,119,242,.55); color: #6eafff; }
.artist-profile-link--instagram { border-color: rgba(225,48,108,.58); color: #ff75a5; }
.artist-profile-link--x { color: #f5f5f5; }
.artist-profile-link--youtube { border-color: rgba(255,0,0,.48); color: #ff6868; }
.artist-profile-link--spotify { border-color: rgba(29,185,84,.5); color: #5ee88e; }
.artist-profile-link--tiktok { border-color: rgba(37,244,238,.45); color: #6ff8f3; }

.artist-stage__inner .detail { padding-bottom: 8px; }

.artist-biography {
  margin-top: 16px;
  margin-bottom: 20px;
  padding: 22px 24px;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: var(--surface);
}

.artist-biography .section-head { margin-bottom: 14px; }
.artist-biography .prose { max-width: none; }

.artist-social { margin-block: 0 20px; }
.artist-social + .section { margin-top: 20px; }
.artist-social .artist-profile-links { gap: 10px; }
.artist-social .detail-share,
.artist-social .artist-profile-link { min-height: 40px; padding: 9px 15px; font-size: .78rem; }

.artist-release-section .section-head {
  flex-wrap: nowrap;
  align-items: flex-start;
}

.artist-release-section .section-head h2 { min-width: 0; }
.artist-release-section .section-head__meta { flex: none; margin-left: auto; white-space: nowrap; }

@media (max-width: 640px) {
  .artist-biography { padding: 18px; }
  .artist-profile-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .artist-profile-summary { padding: 13px; }
  .artist-social .detail-share,
  .artist-social .artist-profile-link { flex: 1 1 calc(50% - 5px); }
}

@media (max-width: 759px) {
  .artist-stage__inner .detail { justify-items: center; gap: 19px; }
  .artist-stage__inner .detail__art { width: min(70vw, 228px); max-width: 228px; margin-inline: auto; }
  .artist-stage__inner .detail > div:last-child { width: 100%; min-width: 0; text-align: center; }
  .artist-stage__inner .detail__kind,
  .artist-stage__inner .meta-row,
  .artist-stage__inner .genre-list { justify-content: center; }
  .artist-stage__inner .artist-profile-summary { text-align: left; }
  .artist-stage__inner .artist-profile-facts { text-align: left; }
  .artist-social .artist-profile-links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .artist-social .detail-share,
  .artist-social .artist-profile-link { width: 100%; min-width: 0; }
  .artist-social .detail-share__status { grid-column: 1 / -1; }
}

@media (max-width: 380px) {
  .artist-profile-facts { gap: 6px; }
  .artist-profile-fact { padding: 9px; }
  .artist-profile-fact dt { font-size: .57rem; }
  .artist-social .artist-profile-links { gap: 8px; }
}
