/* Genre rows retain the approved card size, shadow and spacing. */
html:has(.z-matrix){scroll-snap-type:y mandatory;scroll-padding-top:calc(var(--z-matrix-header,68px) + 48px)}
.z-matrix{--z-matrix-header:68px;padding-top:calc(var(--z-matrix-header) + 48px);padding-bottom:48px}
.z-matrix .z-genre{position:relative;margin:0;padding:0;isolation:isolate;scroll-snap-align:start;scroll-snap-stop:always}
.z-matrix .z-genre-heading{position:relative;z-index:3;display:flex;align-items:center;gap:12px;width:var(--z-card-width,75vw);margin:0 auto;padding:4px 0 0;background:transparent;border:0;min-height:28px;box-sizing:border-box}
.z-matrix .z-genre-heading h2{font-size:16px;font-weight:600;line-height:1.5;margin:0;letter-spacing:.03em}
.z-matrix .z-genre-count{flex:0 0 auto;white-space:nowrap;font-size:11px;line-height:1.5;color:#6e736e}
.z-matrix .z-genre-heading{width:max(var(--z-card-width,75vw),220px);max-width:calc(100vw - 32px);flex-wrap:nowrap;text-align:left}
.z-matrix .z-genre-heading h2{flex:0 0 auto;white-space:nowrap;word-break:normal;overflow-wrap:normal}
.z-matrix .z-genre-heading>p{display:contents;margin:0;padding:0}
.z-matrix-track{position:relative;display:flex;align-items:center;gap:var(--z-card-gap);width:100%;height:var(--z-matrix-height,calc(100svh - 148px));min-height:280px;padding:8px var(--z-track-inset,12.5%) 12px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;touch-action:pan-x pan-y pinch-zoom;cursor:grab;box-sizing:border-box}
.z-matrix-track::-webkit-scrollbar{display:none}
.z-matrix-track.is-dragging{cursor:grabbing;scroll-snap-type:none;user-select:none}
.z-matrix .z-card{flex:0 0 var(--z-card-width);scroll-snap-align:center;scroll-snap-stop:always}
@media(max-width:700px){.z-matrix .z-genre-heading{padding:4px 0 0;min-height:26px}.z-matrix .z-genre-heading h2{font-size:14px}}
@media(prefers-reduced-motion:reduce){.z-matrix-track{scroll-behavior:auto}}