/* =========================================================
   DIGITAL SENSE — Books (page-specific)
   Keep minimal. Everything modal-related is in modal.css.
   ========================================================= */

.page-books .hero-card .hero-subline {
  max-width: 72ch;
}

.page-books #books .feature-body .badge {
  /* optional: etwas “buchiger” wirken lassen */
  letter-spacing: 0.02em;
}

.page-books #essays .card .btn,
.page-books #recommended .card .btn {
  /* Button spacing in dense grids */
  margin-top: 10px;
}

/* Optional: if you want the book grid cards to feel more like “covers” */
.page-books #books .feature-media img {
  object-fit: cover;
}