.shelf-showcase{width:94%;max-width:1440px;margin:75px auto 90px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;align-items:start}.shelf-mode{margin:0;min-width:0}.shelf-art{width:100%;aspect-ratio:631.814453125/576;display:flex;align-items:center;justify-content:center}.shelf-art img{display:block;width:100%;height:100%;object-fit:contain}@media(max-width:650px){.shelf-showcase{width:96%;gap:10px;margin:45px auto}}

/* A compact mode column sits beside the main reading demonstration. */
.reading-mode-layout{width:96%;max-width:1500px;margin:80px auto 90px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,4fr);gap:24px;align-items:center}
.reading-mode-layout>.shelf-showcase{width:100%;max-width:none;margin:0;grid-template-columns:minmax(0,1fr);gap:16px}
.reading-mode-layout>.reading-experience{width:100%;max-width:none;min-width:0;margin:0}
@media(max-width:650px){.reading-mode-layout{width:98%;gap:32px;grid-template-columns:minmax(0,1fr);margin:40px auto}.reading-mode-layout>.shelf-showcase{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}}

.reading-mode-layout>.reading-experience{position:relative;left:0}