.genre-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:30px 0}.genre-card{display:flex;flex-direction:column;gap:14px;min-width:0;padding:26px;border:1px solid #cbdad9;border-radius:16px;background:#fff;color:#172f42;text-decoration:none;transition:border-color .15s,background .15s}.genre-card:hover{border-color:#4e8790;background:#f8fbfa;color:#172f42}.genre-card:focus-visible{outline:3px solid #b65038;outline-offset:4px}.genre-title{font-size:21px;line-height:1.5;font-weight:800}.genre-description{font-size:15px;line-height:1.8;color:#50626c}.genre-bottom{display:flex;flex-direction:column;gap:8px;margin-top:auto;padding-top:12px;border-top:1px solid #e1e8e6;font-size:13px;font-weight:700;line-height:1.6}.genre-bottom>span:first-child{font-size:12px;color:#50626c;font-weight:400}.genre-all{margin-top:28px}.genre-breadcrumb{display:flex;flex-wrap:wrap;gap:9px;font-size:13px;margin-bottom:25px}.genre-count{font-size:14px;color:#50626c}.genre-intro{max-width:720px}.genre-heading{margin:40px 0 12px;font-size:23px}.genre-related{margin:48px 0}.genre-related .genre-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:900px){.genre-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.genre-grid,.genre-related .genre-grid{grid-template-columns:1fr;gap:12px}.genre-card{padding:22px}.genre-title{font-size:20px}.genre-bottom{flex-direction:row;justify-content:space-between;gap:12px}.genre-bottom>span:last-child{max-width:80%;text-align:right}.genre-breadcrumb{font-size:12px}}