.demo-main h1{max-width:none;font-size:clamp(1.8rem,3vw,2.7rem);margin:0 0 .8rem}
.book-list-row{display:grid;grid-template-columns:120px minmax(0,1fr);gap:1.5rem;padding:1.6rem .5rem;border-top:1px solid var(--line)}
.book-cover{position:relative;align-self:start;width:100px;min-height:150px;margin:1.5rem auto 0;background:#eee9e3;border:1px solid #ddd4cc}
.cover-fallback{position:absolute;inset:0;display:grid;place-items:center;padding:.6rem;text-align:center;font-size:.75rem;color:#655d56}
.cover-image{position:relative;display:block;width:100%;height:auto;min-height:100px;object-fit:contain;background:#fff;box-shadow:2px 4px 10px #0002}
.cover-image[hidden]{display:none}
.book-number{position:absolute;top:-1.6rem;left:0;font-size:.8rem;color:var(--wine);font-weight:700}
.book-content{min-width:0}.book-content h2{font:700 clamp(1.2rem,2vw,1.65rem)/1.3 Georgia,serif;color:var(--wine);margin:0 0 1rem;overflow-wrap:anywhere}
.book-details{display:grid;grid-template-columns:minmax(90px,125px) minmax(0,1fr);gap:.25rem 1rem;margin:0 0 1rem;font-size:.92rem;line-height:1.5}
.book-details dt{color:var(--muted)}.book-details dd{margin:0;overflow-wrap:anywhere}
.book-access{font-size:.82rem;color:var(--muted);padding-top:.6rem;border-top:1px solid var(--line)}
.book-taxonomy{font-size:.86rem;line-height:1.8}.book-taxonomy a{color:var(--wine);text-underline-offset:3px}
.filter-panel>label{margin:.85rem 0 .25rem}.filter-panel>input{width:100%;box-sizing:border-box}.filter-panel button{margin-top:1rem}
@media(max-width:480px){.book-list-row{grid-template-columns:74px minmax(0,1fr);gap:.8rem;padding-inline:0}.book-cover{width:68px;min-height:105px}.book-details{grid-template-columns:1fr;gap:0}.book-details dt{font-size:.76rem;margin-top:.4rem}.book-details dd{font-size:.86rem}.book-content h2{font-size:1.2rem}}
