/* R52 profile: let the actual header height determine the scrolling space. */
html .social-profile[open] {display:flex;flex-direction:column;min-height:0;}
html .social-profile__bar {flex:0 0 auto;min-width:0;}
html .social-profile__scroll {
  flex:1 1 auto;
  min-height:0;
  min-width:0;
  height:auto!important;
  width:100%;
  overflow-y:auto;
  overflow-x:hidden;
  overscroll-behavior:contain;
}
.social-profile :is(.social-profile__handle,.social-profile__bio,[data-sp-status]) {
  min-width:0;
  max-width:100%;
  overflow-wrap:anywhere;
}
.social-profile .social-profile__actions button {
  min-width:0;
  min-height:46px;
  height:auto;
  white-space:normal;
  overflow-wrap:anywhere;
}
/* A transparent-to-black gradient left the first caption line on bright pixels.
   The solid translucent plate is readable regardless of the underlying frame. */
.social-profile .social-profile__caption {
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  padding:6px 8px;
  max-height:none;
  overflow:hidden;
  background:rgb(12 20 34 / .88);
  color:#fff;
  font-size:12px;
  line-height:1.4;
  text-align:left;
}
/* Keep readable two-column cards throughout the profile's mobile layout. */
@media(max-width:600px) {
  .social-profile .social-profile__videos {grid-template-columns:repeat(2,minmax(0,1fr));}
}