/* MVNDY SUBJECTS v2 — lightweight, page-scoped enhancements */
.subjects-header .subjects-index-count {
  margin-top: 16px;
  color: #9a9a9a;
  opacity: 1;
  font: 9px/1.8 monospace;
  letter-spacing: .09em;
}
.subjects-index-count #subjectsIndexedCount { color: #ff00aa; }
.subjects-index-hint { color: #777; }
.subject-image[href*="soundcloud.com"] { outline-offset: 3px; }
.subject-image[href*="soundcloud.com"]:focus-visible {
  outline: 2px solid #ff00aa;
  border-color: #ff00aa;
}
.subject-soundcloud {
  position: absolute;
  z-index: 4;
  right: 7px;
  bottom: 7px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 5px 6px;
  background: rgba(0,0,0,.86);
  border: 1px solid rgba(255,255,255,.35);
  color: #eee;
  font: 8px/1 monospace;
  letter-spacing: .035em;
  white-space: nowrap;
  pointer-events: none;
  transition: border-color .2s, color .2s, background .2s;
}
.subject-soundcloud svg { flex: none; display: block; }
.subject-image:hover .subject-soundcloud,
.subject-image:focus-visible .subject-soundcloud {
  border-color: #ff00aa;
  color: #ff00aa;
  background: #090909;
}
.subject-image:hover .subject-detected,
.subject-image:focus-visible .subject-detected {
  opacity: 1;
  transform: translateY(0);
}
@media (max-width: 600px) {
  .subject-soundcloud { right: 4px; bottom: 4px; gap: 3px; padding: 4px; font-size: 7px; }
  .subject-soundcloud svg { width: 19px; height: 10px; }
  .subjects-index-hint { display: block; }
}
@media (max-width: 380px) {
  .subject-soundcloud { font-size: 0; }
  .subject-soundcloud svg { width: 23px; height: 12px; }
}