/* WebVision Web v0.10: full-library browsing, sorting, alphabetical jump rail. */
.catalog-page{position:relative;padding-bottom:60px}
.catalog-header{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:20px}
.catalog-header h2{font-size:clamp(21px,2.3vw,29px);margin:0;letter-spacing:-.5px}
.catalog-total{font-size:.7em;color:var(--muted);font-weight:500}
.catalog-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.catalog-actions label{color:#aebcd0;font-size:14px}
.catalog-sort{background:#1a2639;border:1px solid #486180;border-radius:11px;color:#f2f7ff;padding:10px 37px 10px 12px;font:inherit;font-size:14px;min-height:40px;max-width:100%}
.catalog-sort:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.catalog-grid-wrap{padding-right:35px}
.catalog-grid{align-items:start}
.catalog-grid .poster-card{content-visibility:auto;contain-intrinsic-size:auto 265px}
.catalog-letter-heading{grid-column:1/-1;font-size:20px;line-height:1.35;margin:10px 0 1px;color:#75bcff;border-bottom:1px solid #263d57;padding:3px 0 7px;scroll-margin-top:20px}
.catalog-az{position:fixed;right:9px;top:50%;transform:translateY(-50%);z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;overflow-y:auto;overscroll-behavior:contain;max-height:min(78vh,770px);width:31px;padding:6px 2px;background:#111d30ed;box-shadow:0 7px 25px #0007;border:1px solid #3a5375;border-radius:15px;scrollbar-width:none}
.catalog-az::-webkit-scrollbar{display:none}
.catalog-az button{background:transparent;border:0;border-radius:6px;width:100%;min-height:21px;padding:2px 0;color:#a9d9ff;font-size:12px;line-height:17px;font-weight:750}
.catalog-az button:hover,.catalog-az button:focus-visible{background:#1d80de;color:#fff;outline:none}
.catalog-az button:disabled{color:#506078;opacity:.35;cursor:default}
.catalog-loading{color:#7cbaff;font-size:13px}
@media(max-width:700px){
  .catalog-header{align-items:stretch;gap:12px}
  .catalog-header h2{font-size:23px;width:100%}
  .catalog-actions{gap:8px;width:100%}
  .catalog-actions label{font-size:12px}
  .catalog-sort{flex:1;min-width:0;font-size:13px;padding:9px 20px 9px 7px}
  .catalog-actions .tiny-button{padding:9px 10px;font-size:12px}
  .catalog-grid-wrap{padding-right:22px}
  .catalog-grid{gap:16px 9px}
  .catalog-az{right:3px;top:46%;width:22px;max-height:68dvh;padding:3px 0;border-radius:11px}
  .catalog-az button{min-height:18px;padding:1px 0;font-size:10px;line-height:16px}
  .catalog-letter-heading{font-size:16px}
}