.fresh-genre-scroll.illustrated-genres{gap:16px;padding:4px 2px 20px;scroll-snap-type:x proximity;align-items:stretch}
.fresh-genre-scroll.illustrated-genres>a{flex:1 0 168px;min-width:0;min-height:0;padding:0 0 18px;justify-content:flex-start;overflow:hidden;scroll-snap-align:start;border:1px solid #e4dce7;border-radius:18px;background:#fff;box-shadow:0 5px 16px rgba(42,29,53,.06);transition:box-shadow .2s ease}
.fresh-genre-scroll.illustrated-genres img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;margin:0 0 14px;transition:transform .25s ease}
.fresh-genre-scroll.illustrated-genres strong{display:block;max-width:100%;margin:0;padding:0 10px;font-size:1.05rem;line-height:1.6;text-align:center;word-break:keep-all;overflow-wrap:anywhere}
.fresh-genre-scroll.illustrated-genres small{display:block;margin:3px 0 0;padding:0 10px;color:#73677b;font-size:.875rem;line-height:1.6;text-align:center}
.fresh-genre-scroll.illustrated-genres>a:hover{box-shadow:0 8px 22px rgba(42,29,53,.14)}
.fresh-genre-scroll.illustrated-genres>a:focus-visible{outline:3px solid #7a5dea;outline-offset:2px}
@media(max-width:760px){.fresh-genre-scroll.illustrated-genres{gap:12px}.fresh-genre-scroll.illustrated-genres>a{flex:0 0 168px;border-radius:16px}.fresh-genre-scroll.illustrated-genres strong{font-size:1rem}.fresh-genre-scroll.illustrated-genres small{font-size:.875rem}}
@media(prefers-reduced-motion:reduce){.fresh-genre-scroll.illustrated-genres>a,.fresh-genre-scroll.illustrated-genres img{transition:none}}