.genres-page .editorial-intro{position:relative}.genres-page .editorial-actions{flex-direction:row;align-items:center;gap:8px 24px}.genres-page .editorial-actions a{align-items:center;min-height:44px;display:inline-flex}.genre-directory{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.genre-directory-card{--genre-light:var(--violet);flex-direction:column;min-width:0;display:flex;position:relative;overflow:hidden}.genre-directory-card[data-light="1"]{--genre-light:var(--pink)}.genre-directory-card[data-light="2"]{--genre-light:var(--blue)}.genre-directory-card:before{content:"";background:linear-gradient(90deg,var(--genre-light),transparent 85%);height:2px;position:absolute;top:0;bottom:auto;left:0;right:0}.genre-card-top{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px;display:flex}.genre-show-count{color:var(--muted);font-family:var(--font-code);font-size:11px}.genre-directory-card h3{font-family:var(--font-display);letter-spacing:-.035em;overflow-wrap:anywhere;margin:24px 0 22px;font-size:max(2rem,min(3vw,2.8rem));font-weight:600;line-height:1.15}.genre-directory-card h3 a{align-items:center;gap:12px;min-height:44px;text-decoration:none;display:inline-flex}.genre-directory-card h3 a:hover{color:var(--genre-light)}.genres-page .genre-directory-card .genre-next-label{font-family:var(--font-code);text-transform:uppercase;letter-spacing:.08em;margin:0 0 8px;font-size:10px}.genres-page .genre-directory-card .genre-next-artist{color:var(--text);overflow-wrap:anywhere;margin:0 0 6px;font-weight:500;line-height:1.5}.genres-page .genre-directory-card .genre-next-date{font-family:var(--font-code);margin:0 0 26px;font-size:12px}.genre-directory-card>.text-link{align-self:flex-start;min-height:44px;margin-top:auto}.genre-show-list{gap:20px;display:grid}.genre-source-note{color:var(--muted);margin:-6px 0 28px;font-size:13px}.genre-related{border-top:1px solid var(--hairline-strong);margin-top:64px;padding-top:32px}.genre-related-links{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.genre-related-links a{border:1px solid var(--hairline-strong);background:var(--velvet);border-radius:6px;align-items:center;gap:12px;min-height:44px;padding:8px 16px;text-decoration:none;display:inline-flex}.genre-related-links a:hover{border-color:var(--violet);color:var(--violet)}.genres-page a:focus-visible{outline:2px solid var(--pink);outline-offset:5px}@media (max-width:1024px){.genre-directory{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.genre-directory{grid-template-columns:minmax(0,1fr);gap:18px}.genre-directory-card h3{font-size:2.3rem}.genre-related{margin-top:42px}}