/* Curriculum editor */
.phase > .phase-head-row {
  margin-bottom: 0.6rem;
}
.edit-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
}
.edit-actions {
  white-space: nowrap;
  display: inline-flex;
  gap: 0.3rem;
}
.edit-actions .btn {
  padding: 0.25rem 0.6rem;
  font-size: var(--text-sm);
}
.edit-topics {
  list-style: none;
  margin: 0.5rem 0;
  padding: 0;
}
.edit-topics li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
  /* Padding for the hover fill, cancelled by the margin so titles and actions
     line up with the chapter row above. */
  padding: 0.4rem 0.5rem;
  margin-inline: -0.5rem;
  border-radius: var(--radius-sm);
  border-bottom: 1px solid var(--border);
}
.edit-topics li:hover {
  background: var(--surface-2);
}