/* Ahangi 15 – stable controls, real charts and clean similar-music cards. */
/* Restore the familiar three equal-width homepage actions. Keep existing action URLs. */
html body.a5-body .a9-track .a9-track-actions{
 display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
 width:100%;gap:8px!important;align-items:stretch!important;
}
html body.a5-body .a9-track .a9-track-actions>a{
 display:flex!important;min-width:0!important;width:100%!important;
 align-items:center!important;justify-content:center!important;gap:6px!important;
 min-height:42px!important;padding:9px 7px!important;
 border-radius:9px!important;text-align:center!important;
 font-size:11px!important;font-weight:750!important;line-height:1.6!important;
 flex:none!important;white-space:normal!important;
}
html body.a5-body .a9-track .a9-track-actions>a.a9-details,
html body.a5-body .a9-track .a9-track-actions>a.a9-lyrics-link{
 background:#e1e8ec!important;border:1px solid #d5dce1!important;color:#334455!important;
}
html body.a5-body .a9-track .a9-track-actions>a.a9-details:hover,
html body.a5-body .a9-track .a9-track-actions>a.a9-lyrics-link:hover{
 background:#cfdae1!important;border-color:#b7ccd9!important;color:#1a5b7d!important;
}
html body.a5-body .a9-track .a9-track-actions>a.a9-download{
 background:#2c3843!important;border-color:#2c3843!important;color:#fff!important;
}
html body.a5-body .a9-track .a9-track-actions>a .mz-icon{width:16px;height:16px;flex-shrink:0}
/* Chart widgets reuse the site's native sidebar list components. */
html body.a5-body .a15-period-chart .a5-rank-list{margin:12px 0 0;padding:0;}
html body.a5-body .a15-period-chart .a5-rank-list>li{min-width:0;}
html body.a5-body .a15-period-chart .a5-rank-list>li a{min-width:0;overflow-wrap:anywhere;}
html body.a5-body .a15-period-chart .a5-rank-list small{display:block;font-size:11px;color:#71808a}
/* Similar works: uniform rows and artwork, never a single stretched card. */
html body.a5-body .a15-related-panel{min-width:0;}
html body.a5-body .a15-related-panel .a15-similar-grid{
 display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
 gap:14px!important;margin-top:15px!important;align-items:start;
}
html body.a5-body .a15-similar-panel{overflow:hidden;}
html body.a5-body .a15-similar-card{display:flex!important;flex-direction:column!important;min-width:0!important;width:100%!important;max-width:none!important;
 background:#f7f9fa;border:1px solid #e5e9ec;border-radius:13px;padding:10px!important;
 text-decoration:none!important;gap:6px!important;overflow:hidden}
html body.a5-body .a15-similar-cover{display:block!important;position:relative;width:100%!important;min-width:0!important;
 aspect-ratio:4/5!important;overflow:hidden!important;border-radius:10px!important;background:#e9eef1!important;}
html body.a5-body .a15-similar-cover img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;
 transition:transform .3s ease!important;}
html body.a5-body .a15-similar-card strong{display:block!important;font-size:12px!important;font-weight:750!important;
 line-height:1.8!important;overflow-wrap:anywhere!important;min-width:0;text-align:right;
 display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
html body.a5-body .a15-similar-card small{display:block!important;font-size:11px!important;line-height:1.7!important;color:#6b7883!important;overflow-wrap:anywhere;text-align:right;}
@media(hover:hover){html body.a5-body .a15-similar-card:hover img{transform:scale(1.04)!important;}}
/* Titles and artist names on the four most recent works belong to the same visual group. */
html body.a5-body .a14-artist-cover-grid .a14-artist-cover strong{margin-top:7px!important;text-align:center!important;}
html body.a5-body .a14-artist-cover-grid .a14-artist-cover small{display:block;min-width:0;margin-top:2px;color:#73818b;
 text-align:center;font-size:11px;line-height:1.75;overflow-wrap:anywhere;}
@media(max-width:850px){
 html body.a5-body .a15-related-panel .a15-similar-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:11px!important}
}
@media(max-width:400px){
 html body.a5-body .a9-track .a9-track-actions{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important}
 html body.a5-body .a9-track .a9-track-actions>a{font-size:10px!important;padding:8px 3px!important;gap:3px!important;min-height:42px!important}
 html body.a5-body .a9-track .a9-track-actions>a .mz-icon{width:13px;height:13px}
 html body.a5-body .a15-similar-card{padding:7px!important}
 html body.a5-body .a15-similar-card strong{font-size:11px!important}
}
@media(prefers-reduced-motion:reduce){html body.a5-body .a15-similar-card img{transition:none!important}}