.cover-shelf{padding-bottom:76px}
.cover-shelf .section-intro{align-items:flex-start}
.cover-shelf .section-intro>p{max-width:350px;line-height:1.8}
.cover-shelf-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:36px 24px}
.cover-shelf-card{display:block;min-width:0}
.cover-shelf-card figure{margin:0}
.cover-shelf-art{aspect-ratio:3/4;padding:14px;background:var(--paper-light);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;overflow:hidden;transition:border-color .2s}
.cover-shelf-art img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(3px 6px 7px #0005);transition:transform .2s}
.cover-shelf-card:hover .cover-shelf-art,.cover-shelf-card:focus-visible .cover-shelf-art{border-color:var(--rust)}
.cover-shelf-card:hover img{transform:translateY(-3px)}
.cover-shelf-card figcaption{padding-top:13px}
.cover-shelf-title{display:block;font:400 18px/1.35 var(--serif);overflow-wrap:anywhere}
.cover-shelf-view{display:block;margin-top:7px;font-size:9px;color:var(--muted)}
.cover-shelf-view>span{display:inline-block;margin-left:7px;color:var(--rust)}
.cover-shelf-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:35px;padding-top:23px;border-top:1px solid var(--line)}
.cover-shelf-bottom>p{font-size:11px;color:var(--muted)}
@media(max-width:1050px){.cover-shelf-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 22px}.cover-shelf-title{font-size:17px}}
@media(max-width:800px){.cover-shelf-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 20px}.cover-shelf .section-intro{display:block}.cover-shelf .section-intro>p{margin-top:16px;max-width:none}}
@media(max-width:620px){.cover-shelf{padding-bottom:45px}.cover-shelf-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 16px}.cover-shelf-art{padding:9px}.cover-shelf-title{font-size:16px}.cover-shelf-view{font-size:8px}.cover-shelf .section-intro h2{font-size:35px}.cover-shelf-bottom{display:block;margin-top:28px}.cover-shelf-bottom .text-button{margin-top:13px}}
@media(prefers-reduced-motion:reduce){.cover-shelf-art,.cover-shelf-art img{transition:none}.cover-shelf-card:hover img{transform:none}}
@media print{.cover-shelf{padding:30px 0}.cover-shelf-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.cover-shelf-card{break-inside:avoid}.cover-shelf-art{background:none;padding:5px}.cover-shelf-title{font-size:11pt}.cover-shelf-view,.cover-shelf-bottom{display:none}}
/* Fade-only cover changes; covers keep fixed slots. */
.landing-page .cover-shelf-card{opacity:1;transform:none;transition:opacity 750ms ease!important}
.landing-page .cover-shelf-card.cover-is-fading{opacity:0}
.cover-motion-control{display:flex;align-items:center;gap:8px;min-height:36px;color:var(--muted);font-size:10px;cursor:pointer;white-space:nowrap}
.cover-motion-control input{accent-color:var(--rust)}
.cover-motion-control input:focus-visible{outline:2px solid var(--rust);outline-offset:4px}
.cover-shelf .section-heading{flex-wrap:wrap}
@media(prefers-reduced-motion:reduce){.landing-page .cover-shelf-card{transition:none!important;transform:none!important}}
@media print{.cover-motion-control{display:none}.landing-page .cover-shelf-card{opacity:1!important;transform:none!important}}
/* Every cover stays in the scrollable shelf. */
.landing-page .cover-shelf{padding-left:2.68vw;padding-right:2.68vw;padding-bottom:74px}
.landing-page .cover-shelf .section-heading{padding-top:16px}
.landing-page .cover-shelf .section-intro{margin:27px 0 35px;gap:27px}
.landing-page .cover-shelf-grid{gap:24px 16px}
.landing-page .cover-shelf-art{padding:13px}
.landing-page .cover-shelf-card figcaption{padding-top:9px;min-height:105px}
.landing-page .cover-shelf-bottom{margin-top:23px;padding-top:15px;flex-wrap:wrap}
.cover-shelf-controls{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
@media(max-width:620px){.landing-page .cover-shelf{padding-left:15px;padding-right:15px;padding-bottom:30px}.landing-page .cover-shelf .section-intro{margin:21px 0}.landing-page .cover-shelf-grid{gap:17px 11px}.landing-page .cover-shelf-art{padding:6px}.cover-shelf-controls{margin-top:12px}}
@media print{.cover-shelf-controls{display:none}}

/* A continuous cover wall: captions overlay instead of separating rows. */
.landing-page .cover-shelf-grid{gap:0}
.landing-page .cover-shelf-art{padding:0;border:0;border-radius:0}
.landing-page .cover-shelf-card figure{position:relative}
.landing-page .cover-shelf-card figcaption{position:absolute;inset:auto 0 0;padding:24px 12px 12px;min-height:0;background:linear-gradient(transparent,#0d100ef5 35%);opacity:0;pointer-events:none;z-index:2}
.landing-page .cover-shelf-card:hover figcaption,.landing-page .cover-shelf-card:focus-visible figcaption{opacity:1}
.landing-page .cover-shelf-card:hover img{transform:none}
@media print{.landing-page .cover-shelf-card figcaption{position:static;opacity:1;background:none}}
