/* Keep every actual rendition visible in the existing settings surface. */
.watch-page .stage.is-direct-drm #set-panel .set-quality-row {
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
  gap: 8px;
  padding-block: 12px;
}
.watch-page .stage.is-direct-drm #set-panel #set-quality {
  display: block;
  width: 100%;
  min-width: 0;
}
.watch-page .stage.is-direct-drm #set-panel #set-quality .set-segments {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  width: 100%;
  min-width: 0;
  gap: 4px;
  padding: 4px;
}
.watch-page .stage.is-direct-drm #set-panel #set-quality .set-segments button {
  min-width: 0;
  min-height: 36px;
  padding-inline: 3px;
  font-size: 12px;
}

/* External system rates may add a sixth choice. Keep the Speed label separate. */
.watch-page .stage.is-direct-drm #set-panel .set-row:has(#set-speed) {
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
  gap: 8px;
  padding-block: 12px;
}
.watch-page .stage.is-direct-drm #set-panel #set-speed {
  display: block;
  width: 100%;
  min-width: 0;
}
.watch-page .stage.is-direct-drm #set-panel #set-speed .set-segments {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  width: 100%;
  min-width: 0;
  gap: 4px;
  padding: 4px;
}
.watch-page .stage.is-direct-drm #set-panel #set-speed .set-segments button {
  min-width: 0;
  min-height: 36px;
  padding-inline: 3px;
}