.comic-bookshelf{margin:0 3.4% 52px;padding:38px 34px 24px;border:3px solid #171a17;color:#171a17;background-color:#e9e4d3;background-image:linear-gradient(#fff7e333,#f5edce33),radial-gradient(#695e3d18 .7px,transparent .7px);background-size:auto,6px 6px}.shelf-heading{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:10px 25px;align-items:end;margin-bottom:33px}.shelf-heading .eyebrow{grid-column:1/-1;margin:0;font-size:9px}.shelf-heading h2{font-size:33px;line-height:1.5;font-weight:900}.shelf-heading p{font-size:12px;line-height:1.9;justify-self:end}.shelf-demo-badge{position:absolute;right:0;top:-3px;border:1px solid;padding:4px 7px;font-size:9px;background:#fffdf3}.shelf-rack{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:27px;max-width:1000px;margin-inline:auto}.shelf-slot{min-width:0;text-align:center;position:relative;padding:0 0 5px}.shelf-chapter{display:inline-block;margin:0 0 15px;padding:5px 8px;border:1px solid #897e5e;background:#fffdf3;font-size:10px;font-weight:750;transform:rotate(-2deg)}.shelf-slot:nth-child(2n) .shelf-chapter{transform:rotate(2deg)}.shelf-book-button{display:block;width:100%;padding:0;text-align:left;position:relative;z-index:1;perspective:700px}.shelf-book-cover{display:flex;flex-direction:column;min-width:0;aspect-ratio:.69;background:var(--book-paper);border:2px solid #272922;border-left:9px solid #272922;box-shadow:5px 2px 0 #f5f0db,6px 3px 0 #777566,9px 9px 11px #1d211e35;transform-origin:left bottom;transition:transform .22s ease,box-shadow .22s ease;position:relative;overflow:hidden}.shelf-book-series{font-size:7px;font-weight:800;letter-spacing:.07em;padding:10px 8px}.shelf-book-cover>img{height:43%;width:100%;object-fit:cover;border-block:1px solid #272922;flex-shrink:0}.shelf-book-title{display:block;padding:13px 9px 5px;font-size:clamp(12px,1.3vw,17px);font-weight:900;line-height:1.5;letter-spacing:-.04em}.shelf-book-subtitle{font-size:9px;padding:0 9px;line-height:1.6}.shelf-book-mark{display:block;font-size:7px;font-weight:750;padding:8px 9px;margin-top:auto;letter-spacing:.06em}.shelf-book-button:hover .shelf-book-cover,.shelf-book-button:focus-visible .shelf-book-cover{transform:translateY(-5px) rotateY(-5deg);box-shadow:6px 3px 0 #f5f0db,7px 4px 0 #777566,12px 14px 15px #1d211e33}.shelf-ledge{height:17px;margin:0 -14px 13px;background:linear-gradient(#a39068 0 3px,#d2bd91 3px 9px,#6d6249 9px 13px,#272922 13px 15px,#514b38 15px);box-shadow:0 8px 8px #28271925;position:relative;z-index:2}.shelf-book-caption{font-size:11px;font-weight:700;line-height:1.8}.shelf-detail-button{font-size:11px;text-decoration:underline;text-underline-offset:4px;min-height:44px;padding:8px}.shelf-disclosure{font-size:11px;line-height:1.9;border-top:1px solid #8b826b;padding-top:19px;margin-top:23px}.shelf-disclosure strong{display:block;margin-bottom:5px}.shelf-preview-close{display:block;margin:0 0 20px auto;background:#171a17;color:#fffdf3;padding:10px 15px;min-height:44px;font-size:12px}.shelf-preview-grid{display:grid;grid-template-columns:minmax(0,210px) 1fr;gap:25px;margin-top:24px;align-items:start}.shelf-preview-grid p{font-size:13px;line-height:1.9;margin:0 0 16px}.shelf-preview-grid .shelf-book-cover{width:100%;aspect-ratio:.69}.shelf-preview-grid .shelf-book-title{font-size:22px}.shelf-preview-note{background:#e9e5d6;padding:12px}.shelf-preview-grid .shelf-book-cover>img{height:130px}.comic-bookshelf button:focus-visible,#shelf-preview button:focus-visible{outline:3px solid #1d5cc2;outline-offset:5px}
@media(max-width:900px){.shelf-rack{grid-template-columns:repeat(4,minmax(0,1fr));gap:25px 24px;max-width:660px;margin-inline:auto}.shelf-book-title{font-size:17px}.shelf-heading h2{font-size:30px}.shelf-ledge{margin-inline:-18px}.shelf-book-series{font-size:8px}.shelf-book-subtitle{font-size:11px}.shelf-book-mark{font-size:8px}}
@media(max-width:650px){.comic-bookshelf{margin-inline:5%;padding:27px 19px 21px}.shelf-heading{display:block;margin-bottom:25px}.shelf-heading .eyebrow{font-size:8px;padding-right:50px;max-width:65%;line-height:1.6}.shelf-demo-badge{font-size:8px;top:0;max-width:35%;text-align:center}.shelf-heading h2{font-size:28px;margin-top:18px}.shelf-heading p{font-size:12px;margin-top:12px}.shelf-rack{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 12px;max-width:390px}.shelf-book-cover{border-left-width:6px;aspect-ratio:.62;min-height:165px}.shelf-book-series{font-size:5px;padding:7px 5px;letter-spacing:0}.shelf-book-title{font-size:12px;padding:7px 5px 4px}.shelf-book-subtitle{font-size:7px;padding-inline:5px}.shelf-book-mark{font-size:5px;padding:5px}.shelf-chapter{font-size:8px;padding:4px 3px;line-height:1.6;min-height:25px;margin-bottom:12px}.shelf-ledge{margin-inline:-6px;height:15px}.shelf-book-caption{font-size:10px}.shelf-disclosure{font-size:10px}.shelf-preview-grid{grid-template-columns:1fr}.shelf-preview-grid .shelf-book-cover{max-width:200px;margin:auto}.shelf-preview-grid .shelf-book-series{font-size:8px}.shelf-preview-grid .shelf-book-subtitle{font-size:11px}.shelf-preview-grid .shelf-book-mark{font-size:8px}#shelf-preview{padding:24px 19px}.shelf-preview-grid p{font-size:13px}}
@media(max-width:360px){.comic-bookshelf{padding-inline:15px}.shelf-rack{gap:23px 10px}.shelf-book-title{font-size:11px}.shelf-book-subtitle{font-size:7px}.shelf-chapter{font-size:8px}.shelf-ledge{margin-inline:-5px}.shelf-heading .eyebrow{font-size:7px}}
@media(prefers-reduced-motion:reduce){.shelf-book-cover{transition:none!important}.shelf-book-button:hover .shelf-book-cover,.shelf-book-button:focus-visible .shelf-book-cover{transform:none!important}}
.motion-off .shelf-book-cover{transition:none!important}.motion-off .shelf-book-button:hover .shelf-book-cover,.motion-off .shelf-book-button:focus-visible .shelf-book-cover{transform:none!important}

/* Smaller books retain the existing frontal rack; fixed image budgets protect all cover labels. */
.shelf-rack .shelf-book-cover{min-height:240px}.shelf-rack .shelf-book-cover>img{height:84px}.shelf-rack .shelf-book-series{font-size:6px;padding:6px;letter-spacing:0}.shelf-rack .shelf-book-title{padding:8px 7px 3px}.shelf-rack .shelf-book-mark{font-size:6px;padding:6px 7px}
@media(max-width:650px){.shelf-rack .shelf-book-cover{min-height:165px}.shelf-rack .shelf-book-cover>img{height:58px}.shelf-rack .shelf-book-series{font-size:5px;padding:4px}.shelf-rack .shelf-book-title{padding:5px 4px 2px}.shelf-rack .shelf-book-mark{font-size:5px;padding:4px}}