/* shelf.py: the reading hub's genre sections, one row that swipes sideways (proposal 3) */
.rh-grid--shelf { display: flex !important; gap: var(--s5, 20px) !important; overflow-x: auto; overscroll-behavior-x: contain;
    scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; padding-bottom: 12px; scrollbar-width: thin; }
.rh-grid--shelf > .rh-card { flex: 0 0 72%; min-width: 0; scroll-snap-align: start; }
@media (min-width: 720px) { .rh-grid--shelf > .rh-card { flex-basis: 300px; } }
/* books: their covers stand upright (2:3, as the covers are), so a narrower card; the hub's shelf and the list page */
:is([data-rh-type^="books"], [data-fl-type^="books"]) .r-thumb:not(.hpp-x) { aspect-ratio: 2 / 3 !important; }
.rh-grid--shelf:is([data-rh-type^="books"] *) > .rh-card { flex-basis: 40%; }
@media (min-width: 720px) { .rh-grid--shelf:is([data-rh-type^="books"] *) > .rh-card { flex-basis: 200px; } }