/* Keep desktop rows unchanged. Mobile rows are evenly spaced, with a small offset. */
@media(max-width:650px){
 body[data-theme=cinema].is-artist-menu .artist-roles,
 body.is-events .de-roles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));justify-content:normal;align-items:center;column-gap:6px;row-gap:8px;left:5%;right:5%}
 .artist-roles span,.de-roles span{justify-self:center;transform:none}
 body.is-events .de-roles span{font-size:clamp(6px,1.8vw,9px)!important}
 .artist-roles span:nth-child(n+3),.de-roles span:nth-child(n+3){transform:translateX(5px)}
 body[data-theme=cinema].is-artist-menu .artist-roles:has(span:nth-child(5)),body.is-events .de-roles:has(span:nth-child(5)){grid-template-columns:repeat(6,minmax(0,1fr));column-gap:0}
 .artist-roles:has(span:nth-child(5)) span,.de-roles:has(span:nth-child(5)) span{grid-column:span 2;justify-self:center;transform:none;font-size:clamp(6px,1.8vw,9px)!important}
 .artist-roles:has(span:nth-child(5)) span:nth-child(n+4),.de-roles:has(span:nth-child(5)) span:nth-child(n+4){grid-column:span 3}
}
body.is-producer .mp-page[data-layout=editorial] .mp-roles{width:min(100%,var(--producer-role-width,100%));justify-content:space-between;column-gap:8px}