@media screen and (min-width: 768px) {
  .card-grid.bb-author-books {
    --card-grid-per-row: var(--bb-cols-md);
  }

  .card-grid.bb-author-books--narrow {
    --card-grid-template: auto-flow dense / repeat(var(--card-grid-per-row), minmax(0, 20rem));
    justify-content: start;
  }
}

@media screen and (min-width: 1024px) {
  .card-grid.bb-author-books {
    --card-grid-per-row: var(--bb-cols);
  }
}

.bb-author-books__empty {
  color: rgb(var(--color-foreground) / 0.7);
}