/* /books — the directory's floating feature cards, with real book covers.
   Portrait covers instead of the directory's landscape screenshots. */
.book-grid { grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 1.1em; }
.book-card { box-shadow: 0 2px 4px rgba(0,0,0,.35), 0 14px 32px rgba(0,0,0,.35); }
.book-card:hover { transform: translateY(-4px); box-shadow: 0 4px 8px rgba(0,0,0,.4), 0 22px 44px rgba(0,0,0,.45); }
.book-card .dir-shot img { aspect-ratio: 600 / 777; object-position: center top; }