.book-showcase{
  display:grid!important;
  grid-template-columns:none!important;
  grid-template-rows:repeat(2,minmax(0,auto));
  grid-auto-flow:column;
  grid-auto-columns:calc((100% - 32px)/3);
  gap:16px;
  overflow-x:auto;
  overscroll-behavior-inline:contain;
  scroll-snap-type:x mandatory;
  scroll-behavior:smooth;
  scrollbar-width:none;
  padding:0 2px 8px;
  -webkit-overflow-scrolling:touch;
}
.book-showcase>.showcase-card{min-width:0;scroll-snap-align:start;scroll-snap-stop:normal}
.book-showcase::-webkit-scrollbar{display:none}
.library-pager{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:18px;max-width:290px;margin:24px auto 0}
.library-pager__arrow{width:44px;height:44px;border:1px solid rgba(82,60,48,.16);border-radius:999px;background:#fffaf4;color:#7b493b;font:300 30px/1 Georgia,serif;box-shadow:0 8px 24px rgba(82,60,48,.10);cursor:pointer;transition:transform .2s ease,opacity .2s ease,box-shadow .2s ease}
.library-pager__arrow:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 28px rgba(82,60,48,.16)}
.library-pager__arrow:disabled{opacity:.28;cursor:default;box-shadow:none}
.library-pager__dots{display:flex;align-items:center;justify-content:center;gap:9px}
.library-pager__dot{width:8px;height:8px;padding:0;border:0;border-radius:999px;background:#d6c3b7;cursor:pointer;transition:width .22s ease,background .22s ease}
.library-pager__dot[aria-current="true"]{width:26px;background:#a85f4d}
@media(max-width:760px){
  .book-showcase{
    grid-template-rows:repeat(3,minmax(0,auto));
    grid-auto-columns:min(88%,340px);
    gap:12px;
    padding-right:8vw;
  }
  .library-pager{margin-top:18px;grid-template-columns:40px 1fr 40px;max-width:250px}
  .library-pager__arrow{width:40px;height:40px;font-size:27px}
}