.demo-main{padding-block:2.5rem 4rem}.demo-main h1{font-size:2.8rem;margin-bottom:1.5rem}.demo-note{padding:1rem;background:#fff4dc;border-left:4px solid #946300;margin-bottom:1.5rem}.browse-nav{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}.browse-nav button,.tag{background:white;color:var(--wine);border:1px solid #c6a7a9}.browse-nav button[aria-pressed=true],.tag[aria-pressed=true]{background:var(--wine);color:white}.catalogue-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:2rem}.filter-panel{background:var(--soft);padding:1.2rem;align-self:start}.filter-panel h2{font:700 1.15rem system-ui}.filter-panel label{display:block;font-size:.9375rem;margin-bottom:1rem}.filter-panel input,.filter-panel select{display:block;margin-top:.3rem}.filter-panel select{width:100%;font:inherit;padding:.7rem;background:white;border:1px solid #939393}.combo{position:relative}.suggestions{position:absolute;inset:100% 0 auto;z-index:5;margin:0;padding:0;list-style:none;background:white;border:1px solid #888;box-shadow:0 8px 18px #0002;max-height:230px;overflow-y:auto}.suggestions li{padding:.65rem;cursor:pointer}.suggestions li[aria-selected=true]{background:#f3dfe1}.filter-panel fieldset{border:0;border-top:1px solid var(--line);padding:1rem 0;margin:1rem 0}.filter-panel legend{font-weight:700}.filter-panel fieldset label{display:flex;align-items:center;gap:.6rem;margin:.4rem 0}.filter-panel input[type=checkbox]{width:1.2rem;min-height:1.2rem;margin:0;accent-color:var(--wine)}.results-heading h2{font-size:1.7rem}.active-filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.tag{border-radius:100px;font-size:.875rem;min-height:38px;padding:.3rem .8rem}.book-card{padding:1.5rem 0;border-top:1px solid var(--line)}.book-card h3{margin:.4rem 0 .7rem;font-family:Georgia,serif;font-size:1.6rem}.book-card p{margin-bottom:.7rem}.book-meta{color:var(--muted);font-size:.9375rem}.book-tags{display:flex;flex-wrap:wrap;gap:.5rem}.fiction-label{font-size:.8125rem;letter-spacing:.1em;text-transform:uppercase;color:var(--wine);font-weight:700}.pager{display:flex;align-items:center;justify-content:center;gap:1rem;border-top:1px solid var(--line);padding-top:1.5rem}.pager button:disabled{opacity:.5;cursor:default}.directory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.directory button{background:var(--soft);color:var(--ink);text-align:start;white-space:normal;border:1px solid var(--line)}.directory button:hover{border-color:var(--wine)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.languages [aria-current=true]{text-decoration:underline;text-decoration-thickness:2px}.filter-panel button{width:100%}.filter-panel .reset{margin-top:.6rem;background:white;color:var(--wine);border:1px solid var(--wine)}
@media(max-width:760px){.catalogue-layout{grid-template-columns:1fr}.directory{grid-template-columns:1fr}.demo-main h1{font-size:2.2rem}.browse-nav{gap:.4rem}.browse-nav button{font-size:.875rem;padding:.5rem .7rem}.pager{gap:.5rem}.pager button{padding:.5rem .7rem}}