/* Compact static music summary; scoped to the profile. */
.og-profile-music{box-sizing:border-box;width:100%;min-width:0;padding:28px;border:1px solid #fff;border-radius:22px;background:#050505;overflow:hidden}
.og-profile-music *{box-sizing:border-box}
body #Content .og-profile-music h2{font-size:clamp(28px,3vw,36px)!important;line-height:1.2!important;color:var(--og-pink)!important;margin:0 0 12px}
.og-profile-music p{font-size:17px;line-height:1.5;margin:0 0 16px}
.og-profile-music header{max-width:900px}
.og-profile-music .og-music-tally{padding:12px 0;border-block:1px solid #555;font-size:16px;margin:0 0 20px}
.og-music-tally strong{color:var(--og-green)}
.og-music-compact-chart{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 28px}
.og-music-compact-row{--music-accent:var(--og-pink);min-width:0}
.og-music-compact-row:last-child:nth-child(odd){grid-column:1/-1}
.og-music-accent--green{--music-accent:var(--og-green)}
.og-music-accent--blue{--music-accent:var(--og-blue)}
.og-music-row-heading{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:7px}
body #Content .og-profile-music .og-music-row-heading h3{font-size:19px!important;line-height:1.3!important;color:var(--og-pink)!important;margin:0}
.og-music-row-heading>strong{font-size:19px;color:var(--music-accent)}
.og-music-bar{height:6px;border-radius:3px;background:#222;overflow:hidden;margin-bottom:9px}
.og-music-bar i{display:block;height:100%;background:var(--music-accent)}
.og-profile-music .og-music-compact-row p{font-size:16px;line-height:1.5;color:#ddd;margin:0;overflow-wrap:anywhere}
.og-profile-music .og-music-footnote{font-size:14px;color:#bbb;margin:20px 0 0}
@media(max-width:767px){.og-profile-music{padding:18px}.og-music-compact-chart{grid-template-columns:minmax(0,1fr);gap:18px}.og-profile-music p,.og-profile-music .og-music-compact-row p{font-size:18px}.og-profile-music .og-music-footnote{font-size:15px}}
