/* ── Collection page: class groupings ── */
.collection-class-section {
  margin-bottom: 36px;
}
.collection-class-heading {
  border-bottom:  1px solid rgba(255, 255, 255, 0.1);
  color:          rgba(255, 255, 255, 0.4);
  font-size:      10px;
  font-style:     italic;
  letter-spacing: 0.12em;
  margin-bottom:  16px;
  padding-bottom: 8px;
  text-transform: uppercase;
}

/* ── Collection page header with inline play button ── */
.collection-page-actions {
  align-items:     center;
  display:         flex;
  flex-shrink:     0;
  flex-wrap:       wrap;
  gap:             10px;
  justify-content: flex-end;
}
.collection-page-header {
  align-items:   center;
  display:       flex;
  flex-wrap:     wrap;
  gap:           16px;
  justify-content: space-between;
  margin-bottom: 28px;
}
.collection-page-play-btn {
  background:    rgba(255, 255, 255, 0.92);
  border:        none;
  border-radius: 6px;
  color:         #0a0a0a;
  cursor:        pointer;
  flex-shrink:   0;
  font-family:   ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
  font-size:     12px;
  padding:       7px 16px;
  white-space:   nowrap;
}
.collection-page-play-btn:hover {
  background: rgba(255, 255, 255, 1);
}
.collection-page-secondary-btn {
  border:          1px solid rgba(255, 255, 255, 0.28);
  border-radius:   6px;
  color:           rgba(255, 255, 255, 0.82);
  flex-shrink:     0;
  font-family:     ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Courier New", monospace;
  font-size:       12px;
  padding:         6px 14px;
  text-decoration: none;
  white-space:     nowrap;
}
.collection-page-secondary-btn:hover {
  background:   rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.42);
  color:        rgba(255, 255, 255, 0.96);
}