/* Original catalogue composition, scoped to release and ranking pages. */
.catalog-page{padding-top:38px;padding-bottom:38px;color:#D8DEE9}
.catalog-heading{margin-bottom:22px}
.catalog-heading h1{margin:0 0 8px;color:#ECEFF4;font-size:30px;line-height:1.3;font-weight:700;letter-spacing:.01em}
.catalog-heading p{margin:0;font-size:13px;line-height:1.7;color:#D8DEE9}
.catalog-total{display:inline-block;margin-left:16px;color:#D8DEE9;opacity:.8}
.catalog-filters{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-bottom:16px;margin-bottom:20px;border-bottom:1px solid #4C566A}
.catalog-categories{display:flex;flex-wrap:wrap;gap:7px;align-items:center;min-width:0;font-size:13px}
.catalog-categories>span{margin-right:5px;flex-shrink:0}
.catalog-categories a{border:1px solid #4C566A;border-radius:5px;line-height:1.3;padding:5px 12px;background:#3B4252;color:#D8DEE9;text-decoration:none}
.catalog-categories a[aria-current],.catalog-sort a[aria-current]{background:#BF616A;border-color:#BF616A;color:#ECEFF4}
.catalog-sort{position:relative;flex-shrink:0;font-size:13px}
.catalog-sort summary{border:1px solid #4C566A;border-radius:5px;background:#3B4252;padding:6px 12px;cursor:pointer;list-style:none}
.catalog-sort summary::-webkit-details-marker{display:none}
.catalog-sort summary span{margin-left:16px}
.catalog-sort nav{position:absolute;right:0;top:calc(100% + 7px);z-index:20;min-width:170px;padding:5px;background:#3B4252;border:1px solid #4C566A;border-radius:6px;box-shadow:0 12px 24px #2E344066}
.catalog-sort nav a{display:block;padding:7px 10px;border-radius:3px;color:#D8DEE9;text-decoration:none}
.catalog-release-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 16px}
.catalog-release-card{min-width:0}
.catalog-release-image{display:block;aspect-ratio:2.1;overflow:hidden;border-radius:6px;background:#3B4252}
.catalog-page img{width:100%;height:100%;object-fit:cover;transition:transform .2s ease}
.catalog-release-image:hover img,.catalog-rank-image:hover img{transform:scale(1.035)}
.catalog-release-card h2{margin:8px 0 5px;font-size:15px;font-weight:600;color:#ECEFF4;line-height:1.5;min-width:0}
.catalog-release-card h2 a{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere}
.catalog-meta{margin:0;font-size:11px;line-height:1.7;color:#D8DEE9;opacity:.85;display:flex;gap:0 7px;flex-wrap:wrap}
.catalog-meta span+span:before{content:'·';padding-right:7px}
.catalog-periods{display:flex;gap:12px;margin-bottom:18px;border-bottom:1px solid #4C566A;width:fit-content;max-width:100%}
.catalog-periods a{padding:10px 22px;font-size:14px;font-weight:600;color:#D8DEE9;border-radius:4px 4px 0 0}
.catalog-periods a[aria-current]{color:#ECEFF4;background:#BF616A}
.catalog-rank-row{display:grid;grid-template-columns:38px 160px minmax(160px,1fr) minmax(150px,1.1fr) 128px;gap:20px;align-items:center;border-bottom:1px solid #4C566A;padding:12px 0;min-width:0}
.catalog-rank{font-size:27px;font-weight:650;text-align:center;line-height:1;color:#D8DEE9}
.catalog-rank.is-leading{color:#BF616A}
.catalog-rank-image{display:block;aspect-ratio:2.1;overflow:hidden;border-radius:5px;background:#3B4252}
.catalog-rank-copy{min-width:0}
.catalog-rank-copy h2{margin:0 0 7px;font-size:16px;line-height:1.5;font-weight:600;color:#ECEFF4}
.catalog-rank-copy h2 a{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere}
.catalog-blurb{min-width:0;margin:0;font-size:12px;line-height:1.8;color:#D8DEE9;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere}
.catalog-hits{display:flex;align-items:center;justify-content:flex-end;gap:7px;margin:0;font-size:14px;white-space:nowrap;color:#ECEFF4}
.catalog-hits svg{width:18px;height:18px;flex-shrink:0}
.catalog-hits small{display:block;text-align:right;font-size:10px;color:#D8DEE9;margin-top:3px}
.catalog-empty{text-align:center;padding:90px 20px;color:#D8DEE9;border-bottom:1px solid #4C566A}
.catalog-page a:hover{color:#ECEFF4}.catalog-page a:focus-visible,.catalog-page summary:focus-visible{outline:2px solid #BF616A;outline-offset:4px}
@media(max-width:1050px){.catalog-rank-row{grid-template-columns:32px 130px minmax(130px,1fr) minmax(120px,1fr) 104px;gap:14px}.catalog-hits{font-size:12px}}
@media(max-width:760px){.catalog-page{padding-top:28px;padding-bottom:28px}.catalog-heading h1{font-size:26px}.catalog-heading p{font-size:12px}.catalog-total{margin-left:10px}.catalog-filters{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:18px}.catalog-categories{font-size:12px;gap:6px}.catalog-categories a{padding:5px 10px}.catalog-sort{align-self:flex-end}.catalog-release-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.catalog-release-image{aspect-ratio:1.9}.catalog-release-card h2{font-size:14px}.catalog-meta{font-size:10px;gap:0 5px}.catalog-meta span+span:before{padding-right:5px}.catalog-periods{gap:2px;width:100%;justify-content:space-between}.catalog-periods a{padding:10px 17px;font-size:13px}.catalog-rank-row{grid-template-columns:22px 98px minmax(0,1fr);gap:10px;padding:13px 0}.catalog-rank{font-size:23px;grid-column:1;grid-row:1 / span 2}.catalog-rank-image{grid-column:2;grid-row:1 / span 2;aspect-ratio:1.65}.catalog-rank-copy{grid-column:3;grid-row:1}.catalog-rank-copy h2{font-size:13px;margin-bottom:4px}.catalog-rank-copy .catalog-meta{font-size:10px}.catalog-blurb{display:none}.catalog-hits{grid-column:3;grid-row:2;justify-content:flex-start;gap:5px;font-size:11px}.catalog-hits svg{width:14px;height:14px}.catalog-hits small{display:inline;margin-left:7px;font-size:10px}.catalog-empty{padding:70px 12px}}
@media(prefers-reduced-motion:reduce){.catalog-page img{transition:none}}
