/* Only the page switcher moves right; player surfaces keep their full width. */
[hidden] {
  display: none !important;
}
body {
  overflow-x: clip;
}
.hero-copy {
  max-width: none;
}
.hero-copy .mode-switcher {
  margin-left: auto;
  margin-right: 0;
}
.practice,
.practice > *,
.player-card,
.player-surface,
.transport-row,
.volume-control {
  min-width: 0;
}
.practice {
  grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
}
.transport-row {
  grid-template-columns: minmax(110px, auto) minmax(0, 1fr);
}
.now-playing h2,
.effect-heading p {
  overflow-wrap: anywhere;
}

@media (max-width: 900px) {
  .practice {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 560px) {
  .hero-copy .mode-switcher {
    width: 100%;
  }
  .transport-row {
    grid-template-columns: minmax(0, 1fr);
  }
  h1 span {
    white-space: normal;
  }
}

/* Prevent the RC mode switcher from touching the setup card. */
.setup-view > .mode-switcher {
  margin-bottom: 28px;
}
.pacer-shell,
.setup-card,
.time-fields > label,
.part-order,
.part-block {
  min-width: 0;
}
@media (max-width: 600px) {
  .setup-view > .mode-switcher {
    width: 100%;
    margin-bottom: 22px;
  }
}