/* Riddim & Vibez V21 — Growth & SEO */
.seo-genre-links-v21{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:11px 14px;border-bottom:1px solid rgba(23,23,25,.055);background:#fafafa}
.seo-genre-links-v21>span{margin-right:3px;color:#8b8b90;font-size:.61rem;font-weight:720}
.seo-genre-links-v21 a{display:inline-flex;align-items:center;min-height:27px;padding:0 9px;border:1px solid #e2e2e4;border-radius:999px;background:#fff;color:#55555a;font-size:.62rem;font-weight:680;transition:.15s ease}
.seo-genre-links-v21 a:hover{border-color:rgba(75,125,123,.25);color:#315f5d;transform:translateY(-1px)}
.seo-genre-kicker-v21{color:inherit;text-decoration:none}.seo-genre-kicker-v21:hover{text-decoration:underline;text-decoration-color:rgba(181,138,47,.32)}
.genre-shell-v21{padding:125px 0 80px}.genre-hero-v21{padding-top:28px;padding-bottom:34px}
.genre-hero-v21 h1{max-width:850px;margin:7px 0 14px;font-size:clamp(3.7rem,9vw,7.5rem);line-height:.88;letter-spacing:-.065em}
.genre-hero-v21 p{max-width:670px;color:#707075;font-size:1rem;line-height:1.6}.genre-back-v21{display:inline-flex;margin-top:14px;color:#626267;font-size:.72rem;font-weight:700}
.genre-grid-v21{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.genre-beat-v21{overflow:hidden;border:1px solid #e5e5e7;border-radius:20px;background:#fff;box-shadow:0 8px 28px rgba(0,0,0,.035);transition:transform .18s ease,box-shadow .18s ease}
.genre-beat-v21:hover{transform:translateY(-2px);box-shadow:0 14px 36px rgba(0,0,0,.055)}
.genre-cover-v21{display:block;aspect-ratio:1/1;overflow:hidden;background:#eee}.genre-cover-v21 img{width:100%;height:100%;object-fit:cover;transition:transform .25s ease}
.genre-beat-v21:hover .genre-cover-v21 img{transform:scale(1.015)}.genre-beat-body-v21{padding:14px}
.genre-beat-top-v21{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.genre-title-v21{display:inline-block;color:#1d1d1f;font-size:.94rem;font-weight:760;letter-spacing:-.025em}
.genre-actions-v21{display:flex;gap:7px;margin-top:13px}.genre-actions-v21 .btn{flex:1;min-height:34px;padding:0 10px;font-size:.64rem}
@media(max-width:900px){.genre-grid-v21{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.genre-shell-v21{padding-top:102px}.genre-grid-v21{grid-template-columns:1fr}.genre-hero-v21 h1{font-size:clamp(3.5rem,18vw,5.8rem)}}
