.topbar{height:64px}
.search-panel{padding:32px clamp(18px,6vw,92px) 28px}
.intro{max-width:980px}
.search-panel:after{display:none}
h1{font-size:clamp(1.9rem,4vw,3.1rem);margin-bottom:20px}
.search-hint{margin-bottom:0}
.results-section{padding-top:28px}
.results-head{align-items:center;margin-bottom:18px}
.results-head h2{font:800 1.35rem Inter,ui-sans-serif,system-ui,sans-serif}
.book-grid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:15px}
.book-card{border-radius:15px}
.cover-wrap{height:auto;aspect-ratio:2/3}
.book-cover{position:absolute;inset:0;opacity:0;transition:opacity .2s ease}
.book-cover.loaded,.detail-cover.loaded{opacity:1}
.cover-fallback{inset:12px 20px;padding:16px 11px;border-radius:3px 8px 8px 3px}
.cover-fallback b{font-size:.92rem}
.cover-fallback span{font-size:.62rem}
.card-copy{padding:12px}
.book-card h3{font:700 .9rem/1.24 Inter,ui-sans-serif,system-ui,sans-serif;margin:0 0 6px;-webkit-line-clamp:2}
.author{font-size:.76rem;line-height:1.3;margin:0;-webkit-line-clamp:1}
.detail-visual{position:relative}
.detail-visual>.cover-fallback{position:absolute;inset:42px;max-width:300px;margin:auto}
.detail-cover{position:relative;z-index:1;opacity:0}
.copy-row{grid-template-columns:1.1fr .65fr 1fr .75fr}
@media(max-width:700px){
  .search-panel{padding-top:28px}
  .results-section{padding-top:22px}
  .book-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
  .cover-wrap{height:auto}
  .cover-fallback{inset:9px 13px}
  .card-copy{padding:9px}
  .book-card h3{font-size:.78rem}
  .author{font-size:.68rem}
  .detail-visual>.cover-fallback{inset:30px}
  .copy-row{grid-template-columns:1fr 1fr}
}
@media(max-width:430px){.book-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}