.ready-choices {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.ready-choices .day-branch {
  align-items: flex-start;
  min-width: 0;
  min-height: 168px;
  padding: 22px 18px;
}

.ready-choices .day-branch > svg:first-child {
  width: 32px;
  height: 32px;
}

.ready-choices .day-branch strong {
  font-size: clamp(22px, 2.25vw, 30px);
  line-height: 1.06;
}

.ready-choices .day-branch small {
  font-size: 14px;
  line-height: 1.35;
}

.pb-branch {
  color: #fffdf2;
  background: linear-gradient(145deg, #6e3d80, #4f2860);
  border-color: #8d6999;
}

.pb-branch:hover { background: #623371; }

.song-library {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 22px 0 10px;
}

.song-library button {
  justify-content: flex-start;
  gap: 10px;
  min-height: 58px;
  height: auto;
  padding: 12px 14px;
  color: #244c31;
  background: #f3f6ed;
  border: 1px solid #cbd7c1;
  border-radius: 14px;
  text-align: left;
  white-space: normal;
}

.song-library button[aria-pressed="true"] {
  color: #fffdf7;
  background: #245c32;
  border-color: #245c32;
}

.song-library button svg { flex-shrink: 0; width: 18px; height: 18px; }

@media (max-width: 550px) {
  .ready-choices { grid-template-columns: 1fr; }
  .song-library { grid-template-columns: 1fr; }
}

@media (min-width: 551px) and (max-width: 740px) {
  .ready-choices { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

.end-together-shortcut {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 44px;
  padding: 0 14px;
  color: #fffdf4;
  background: #6b3979;
  border: 1px solid #8d6999;
  border-radius: 999px;
  font: 700 15px/1.1 Arial, sans-serif;
  text-decoration: none;
  white-space: nowrap;
}

.end-together-shortcut:hover,
.end-together-shortcut:focus-visible {
  color: #fff;
  background: #552861;
  outline: 3px solid #d7bfdc;
  outline-offset: 2px;
}

/* Keep body-mounted activity pickers and category menus within fullscreen. */
html:fullscreen { overflow:auto; background:#f5f6ee; }
html:fullscreen .routine { min-height:100dvh; overflow:auto; }
html:fullscreen .routine main { width:min(1400px,96%); }

/* Hide the screenshot's side separators without modifying the Widgit artwork. */
img[src$="/symbols/signs/present.png"] { clip-path:inset(0 12%); }

@media (max-width: 700px) {
  .end-together-shortcut { width: 44px; padding: 0; font-size: 0; }
  .end-together-shortcut::before { content: "☾"; font-size: 24px; }
}