/* Shared YouTube actions for setlists. No page-wide layout selectors. */
.sy-links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.4rem;
  min-width: 0;
  max-width: 100%;
  margin-top: 0.4rem;
  font-family: inherit;
  line-height: 1.4;
}
.sy-links .sy-link {
  box-sizing: border-box;
  display: inline-flex;
  flex: 0 1 auto;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  min-width: 0;
  min-height: 44px;
  max-width: 100%;
  padding: 0.55rem 0.7rem;
  border: 1px solid #66466f;
  border-radius: 5px;
  background: #201526;
  color: #ecdff1;
  font-family: inherit;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  white-space: normal;
  overflow-wrap: anywhere;
  text-decoration: none;
  text-align: left;
  touch-action: manipulation;
}
.sy-links .sy-link > span:not(.sy-play):not(.sy-external) { min-width: 0; }
.sy-links .sy-link--live { border-color: #ba7bd0; background: #35203d; color: #fff1ff; }
.sy-links .sy-link--search { background: transparent; border-style: dashed; color: #cfc0d4; }
.sy-links .sy-link:hover { border-color: #e5b7f0; color: #fff; }
.sy-links .sy-link:focus-visible { outline: 2px solid #efb4ff; outline-offset: 3px; }
.sy-links .sy-play { flex: 0 0 auto; font-size: 0.7em; }
.sy-links .sy-external { flex: 0 0 auto; font-size: 0.95em; opacity: 0.8; }
@media (max-width: 700px) {
  .sy-links { gap: 0.4rem; }
  .sy-links .sy-link { min-height: 44px; font-size: 16px; padding: 0.55rem 0.65rem; }
}

/* Comparison rows also contain a song-selection button. */
.sv-track:has(.sy-links) { height: auto; min-height: 40px; }
.sv-track .sy-links { margin: 0; padding: 0 0.6rem 0.6rem; }

/* Keep search actions below the summary of unclassified tracks too. */
.sv-track:has(.sy-links) { display:block; padding:0; }
.sv-track-summary { display:flex; align-items:center; gap:10px; min-height:42px; padding:8px 10px; }
.sy-help { margin:12px 0; color:var(--muted,#aa93a4); font-size:12px; line-height:1.8; overflow-wrap:anywhere; }
