/* Keep the Friends rail usable when viewport and outer-grid breakpoints differ. */
#couldbetSocialHub[data-layout=friends] .cb-friends-right { min-width:0; grid-template-columns:minmax(0,1fr); align-items:start }
#couldbetSocialHub[data-layout=friends] .cb-friends-right .cb-people-frame>header { flex-wrap:wrap }
#couldbetSocialHub[data-layout=friends] .cb-friend-suggestions .cb-friend-mini { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; padding:10px 0 }
#couldbetSocialHub[data-layout=friends] .cb-friend-suggestions .cb-friend-person { grid-column:1/-1; width:100% }
#couldbetSocialHub[data-layout=friends] .cb-friend-suggestions .cb-friend-person>span:last-child { flex:1 }
#couldbetSocialHub[data-layout=friends] .cb-friend-suggestions .cb-friend-add { justify-self:start; margin-left:64px; min-height:36px }
#couldbetSocialHub[data-layout=friends] .cb-friend-suggestions .cb-friend-dismiss { width:36px; height:36px }
#couldbetSocialHub[data-layout=friends] .cb-friend-requests .cb-friend-mini { grid-template-columns:52px minmax(0,1fr); grid-template-rows:auto auto; gap:8px 10px; padding:10px 0 }
#couldbetSocialHub[data-layout=friends] .cb-friend-requests .cb-friend-mini>.cb-social-avatar { grid-column:1; grid-row:1 }
#couldbetSocialHub[data-layout=friends] .cb-friend-requests .cb-friend-mini-info { grid-column:2; grid-row:1 }
#couldbetSocialHub[data-layout=friends] .cb-friend-requests .cb-friend-mini-info small { max-width:none }
#couldbetSocialHub[data-layout=friends] .cb-friend-request-actions { grid-column:2; grid-row:2; justify-content:flex-start; flex-wrap:wrap; margin:0 }
#couldbetSocialHub[data-layout=friends] .cb-friends-page .cb-friends-promo { min-height:0; width:100%; max-width:460px; justify-self:center; align-items:center }
#couldbetSocialHub[data-layout=friends] .cb-friends-promo>.cb-friend-artwork { width:96px; height:124px; min-height:0; flex:0 0 96px; align-self:center }
#couldbetSocialHub[data-layout=friends] .cb-friends-promo>div { padding:10px 12px 10px 0; align-content:center }
#couldbetSocialHub[data-layout=friends] .cb-friends-page .cb-friends-promo button { min-height:44px; padding:8px; font-size:17px }
#couldbetSocialHub[data-layout=friends] .cb-friends-promo button svg { width:22px; height:22px }
@media(max-width:1150px) {
 #couldbetSocialHub[data-layout=friends] .cb-friends-right { grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr)) }
}