/* The stories as closed books on the night sky: a cloth cover framing the first picture, titled underneath */
.shelf{min-height:100dvh;display:flex;flex-wrap:wrap;justify-content:center;align-content:center;gap:6vmin;padding:6vmin}
.story{width:min(40vw,62dvh,420px);display:grid;gap:2vmin;padding:2vmin 2vmin 3vmin;background:var(--cloth);border-radius:1.5vmin 2.5vmin 2.5vmin 1.5vmin;box-shadow:inset 1.4vmin 0 0 #0003,0 2vmin 5vmin #0009;color:var(--gold);text-decoration:none;text-align:center;-webkit-tap-highlight-color:transparent;transition:scale .15s}
.story:active{scale:.95}
.story img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:1vmin;border:.6vmin solid var(--gold)}
.story strong{font-size:clamp(18px,4vmin,34px)}
@media (orientation:portrait){.story{width:min(80vw,46dvh)}}