.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}}