/* Treat each role icon and its label as one responsive unit. Long names may
   wrap within the text column, never between the icon and the whole label. */
body :is(.role-label,.lib-role,.roster-button .role,.evidence-card .role,.selection .role,.facts-role-label){display:inline-flex;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center;gap:5px;max-width:100%;min-width:0}
body :is(.role-label,.lib-role,.roster-button .role,.evidence-card .role,.selection .role,.facts-role-label)>img{flex:0 0 auto;object-fit:contain}
body .role-text{display:block;min-width:0;white-space:normal;overflow-wrap:normal;word-break:normal;hyphens:none;text-align:start;line-height:1.25}
body .facts-role-label>.facts-role-icon{margin-inline-end:0!important}
/* Approved bevel artwork has transparent breathing room. Keep its visible
   silhouette modest, even in compact Draft grids and narrow mobile cards. */
body :is(.lib-role,.roster-button .role,.evidence-card .role,.selection .role)>img[src*="/roles/bevel-v1/"]{width:20px!important;height:21px!important;min-width:20px}
body :is(.role-label,.facts-role-label)>img[src*="/roles/bevel-v1/"]{width:18px!important;height:19px!important;min-width:18px}
body :is(#draft-content,#inline-roster,#workspace,#ban-suggestions) .role-label>img[src*="/roles/bevel-v1/"]{width:18px!important;height:19px!important;min-width:18px}