.catalog-page{background:radial-gradient(ellipse at 70% 0,#302628 0,transparent 52%),#171617}.collection-nav{display:flex;gap:28px;font-size:12px}.collection-nav a{color:var(--muted);text-decoration:none;padding:12px 0}.collection-nav a[aria-current]{color:var(--gold);border-bottom:1px solid var(--gold)}.collection-main{display:block;max-width:1420px;margin:auto;padding:64px 48px 32px}.collection-intro{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:44px}.collection-intro h1{font-size:52px;margin:15px 0}.collection-intro p{color:var(--muted);font:19px/1.5 Cormorant,Georgia,serif;margin:0}.collection-count{text-align:center;min-width:145px;border-left:1px solid var(--line);padding-left:35px}.collection-count strong{display:block;color:var(--gold);font:54px Cormorant,Georgia,serif}.collection-count span{font-size:10px;color:var(--muted)}.collection-filters{display:grid;grid-template-columns:minmax(250px,2.2fr) 1fr 1fr 1fr;gap:18px;padding:22px;background:#211e20;border:1px solid var(--line)}.collection-filters input,.collection-filters select{margin:0;height:43px}.results-line{display:flex;justify-content:space-between;align-items:center;margin:24px 0}.results-line p{font-size:11px;color:var(--muted);margin:0}.catalog-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}.catalog-card{display:flex;flex-direction:column;border:1px solid #383135;background:#201d1f;min-width:0;color:var(--text);text-decoration:none;transition:transform .18s,border-color .18s}.catalog-card:hover{transform:translateY(-4px);border-color:#8d7253}.catalog-card .cover-shelf{height:220px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse,#59433230,transparent 75%);padding:25px;border-bottom:1px solid #383135}.catalog-card img{height:100%;max-width:100%;object-fit:contain;filter:drop-shadow(5px 8px 5px #0008);border-radius:2px}.catalog-card .card-copy{padding:18px;display:flex;flex-direction:column;flex:1}.catalog-card h2{font-size:23px;line-height:1.12;margin:0 0 10px}.catalog-card .author{font-size:10px;line-height:1.6;color:var(--muted);margin:0 0 18px}.catalog-card .card-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:auto}.card-tags span{font-size:8px;letter-spacing:.5px;color:#c4b49f;background:#ffffff06;border:1px solid #484036;padding:5px 7px}.catalog-pagination{display:flex;align-items:center;justify-content:center;gap:26px;margin:35px 0}.catalog-pagination span{font-size:11px;color:var(--muted)}.collection-footer{border-top:1px solid var(--line);padding-top:23px;color:var(--muted);font-size:10px;line-height:1.7}.collection-footer p{margin:5px 0}.empty-shelf{text-align:center;padding:60px 20px;border:1px solid var(--line)}.empty-shelf p{font-size:13px;color:var(--muted)}.collection-error{padding:25px;max-width:500px;margin:30px auto;text-align:center;background:#252022;border:1px solid #745044}.collection-error p{font-size:12px;line-height:1.7}.collection-reader{max-width:1500px;margin:auto;padding:28px 38px}.reading-toolbar{display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;gap:25px}.reading-toolbar>div{text-align:center}.reading-toolbar>button:first-child{justify-self:start}.reading-toolbar>button:last-child{justify-self:end}.reading-toolbar h1{font-size:30px;line-height:1.1}.reading-toolbar p{margin:6px 0}.reading-toolbar #reader-author{font:16px Cormorant,Georgia,serif;color:var(--muted)}.collection-stage{position:relative;height:clamp(360px,65vh,820px);min-width:0}.collection-stage #collection-viewer{width:100%;height:100%}.collection-stage canvas{display:block;width:100%;height:100%}#reader-loading{position:absolute;inset:40% 0 auto;text-align:center;font:22px Cormorant,Georgia,serif;color:var(--gold);pointer-events:none}#reader-error{position:absolute;inset:20% 0 auto}.reader-bottom{border-top:1px solid var(--line);padding-top:18px;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--muted);gap:18px}.reader-bottom label{display:flex;align-items:center;gap:10px;margin:0}.reader-bottom input{width:62px!important;margin:0!important;padding:7px!important}.collection-transcript{margin:30px auto;max-width:760px;color:var(--muted);font-size:12px}.collection-transcript summary{cursor:pointer}.collection-transcript #catalog-transcript{white-space:pre-wrap;font:21px/1.7 Cormorant,Georgia,serif;color:var(--text);padding:25px 0}.reading-catalog .topbar{position:relative}.catalog-card:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.collection-reader .page-navigation{margin:0 0 22px}.catalog-page .brand>span{white-space:nowrap}
@media(max-width:1200px){.catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.collection-main{padding:44px 30px}.collection-intro h1{font-size:44px}.collection-filters{grid-template-columns:2fr 1fr 1fr}.search-field{grid-column:1/-1}}
@media(max-width:850px){.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.collection-intro h1{font-size:38px}.collection-count{padding-left:20px;min-width:110px}.collection-nav{gap:15px}.collection-reader{padding:20px}.reading-toolbar{grid-template-columns:1fr 1fr}.reading-toolbar>div{grid-column:1/-1;grid-row:2}.collection-stage{height:52vh;min-height:320px}.reader-bottom{flex-wrap:wrap}.catalog-card .cover-shelf{height:190px}}
@media(max-width:600px){.collection-nav{justify-content:center;width:100%}.collection-main{padding:30px 18px}.collection-intro{margin-bottom:25px}.collection-intro h1{font-size:35px}.collection-intro p{font-size:17px}.collection-count{display:none}.collection-filters{padding:16px;grid-template-columns:1fr 1fr;gap:12px}.collection-filters>div:last-child{grid-column:1/-1}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.catalog-card .cover-shelf{height:180px;padding:20px}.catalog-card .card-copy{padding:13px}.catalog-card h2{font-size:21px}.catalog-card .card-tags span{font-size:7px}.collection-reader{padding:18px 12px}.reading-toolbar{gap:12px}.reading-toolbar h1{font-size:27px}.collection-stage{height:370px;min-height:0}.reader-bottom{justify-content:center}.reader-bottom>span:last-child{width:100%;text-align:center}.collection-transcript{padding:0 12px}}
