.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}
.library-pager__counter{min-width:62px;text-align:center;color:#805548;font:700 14px/1.2 system-ui,sans-serif;letter-spacing:.08em;font-variant-numeric:tabular-nums}
@media(max-width:760px){
  .book-showcase{
    width:100%;
    max-width:none;
    grid-template-rows:minmax(0,auto);
    grid-auto-columns:calc(100% - 18px);
    gap:10px;
    padding:0 18px 8px 0;
    scroll-padding-inline-start:0;
  }
  .book-showcase>.showcase-card{
    display:flex!important;
    flex-direction:column;
    align-items:center;
    width:auto!important;
    min-height:0;
    padding:22px 20px 20px;
    scroll-snap-stop:always;
    overflow:hidden;
  }
  .book-showcase>.showcase-card .showcase-book{
    width:min(52%,172px);
    margin:0 auto 18px;
  }
  .book-showcase>.showcase-card .showcase-meta{
    width:100%;
    min-width:0;
    align-items:center;
    text-align:center;
  }
  .book-showcase>.showcase-card .showcase-meta small{font-size:8px}
  .book-showcase>.showcase-card .showcase-meta strong{
    width:100%;
    margin-top:7px;
    font-size:22px;
    line-height:1.08;
    overflow-wrap:anywhere;
  }
  .book-showcase>.showcase-card .showcase-meta em{
    width:100%;
    min-height:0;
    margin-top:8px;
    font-size:11px;
    line-height:1.45;
  }
  .book-showcase>.showcase-card .showcase-meta b{margin-top:13px}
  .library-pager{margin-top:18px;grid-template-columns:40px 1fr 40px;gap:14px;max-width:220px}
  .library-pager__arrow{width:40px;height:40px;font-size:27px}
}
@media(max-width:360px){
  .book-showcase{grid-auto-columns:calc(100% - 14px);padding-right:14px;gap:8px}
  .book-showcase>.showcase-card{padding:20px 16px 18px}
  .book-showcase>.showcase-card .showcase-book{width:min(50%,150px);margin-bottom:16px}
  .book-showcase>.showcase-card .showcase-meta strong{font-size:20px}
}