/* Dancehall Social profile & sidebar layout v1.2.0; applies to all member accounts. */
.ds-app-shell, .ds-app-shell * {box-sizing:border-box}
.ds-app-shell {width:100%;max-width:1440px;grid-template-columns:minmax(0,260px) minmax(0,1fr);gap:20px;min-width:0}
.ds-app-main,.ds-app-main > *, .ds-person-profile,.ds-social-profile-hero,.ds-my-profile-hero {min-width:0;max-width:100%}
.ds-app-sidebar {width:100%;max-width:100%;min-width:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.ds-sidebar-brand,.ds-sidebar-user,.ds-nav-item {min-width:0}
.ds-sidebar-brand strong,.ds-sidebar-user span,.ds-nav-item>span {overflow-wrap:anywhere}
/* Cover: panoramic image with deliberate cropping rather than distorted stretching. */
.ds-social-profile-hero .ds-cover,.ds-my-profile-hero .ds-cover,.ds-person-profile .ds-cover {height:230px!important;min-height:0!important;max-height:230px!important;background-size:cover!important;background-position:center 48%!important;background-repeat:no-repeat!important}
/* Override Core's more-specific !important layout declarations. */
.ds-social-profile-hero .ds-profile-identity,.ds-my-profile-hero .ds-profile-identity,.ds-person-profile .ds-profile-identity {display:flex!important;position:relative!important;align-items:flex-end!important;gap:18px!important;min-height:0!important;margin-top:-78px!important;padding:0 22px 18px!important;z-index:1}
.ds-social-profile-hero .ds-profile-avatar-wrap,.ds-my-profile-hero .ds-profile-avatar-wrap,.ds-person-profile .ds-profile-avatar-wrap {flex:0 0 auto;position:relative;z-index:2}
.ds-social-profile-hero .ds-profile-avatar-wrap .ds-person-avatar,.ds-my-profile-hero .ds-profile-avatar-wrap .ds-person-avatar,.ds-person-profile .ds-profile-avatar-wrap .ds-person-avatar {width:156px!important;height:156px!important;max-width:156px!important;border:5px solid #111!important;object-fit:cover!important;border-radius:50%!important}
.ds-social-profile-hero .ds-profile-identity .ds-person-intro,.ds-my-profile-hero .ds-profile-identity .ds-person-intro,.ds-person-profile .ds-profile-identity .ds-person-intro {padding-top:83px!important;min-width:0;flex:1}
.ds-profile-identity .ds-person-intro h1 {overflow-wrap:anywhere}
.ds-member-tabs,.ds-profile-tabs {max-width:100%}
/* Keep page within viewport without masking independent sidebar scrolling. */
html,body {max-width:100%;overflow-x:clip}
.ds-app-shell img {max-width:100%}
@media (min-width:761px) and (max-width:1080px){.ds-app-shell{grid-template-columns:minmax(0,82px) minmax(0,1fr);gap:14px}}
@media (max-width:760px){
.ds-app-shell{display:block;width:100%;max-width:100%;padding:10px 10px 86px}
.ds-app-main{width:100%}
.ds-social-profile-hero .ds-cover,.ds-my-profile-hero .ds-cover,.ds-person-profile .ds-cover {height:165px!important;max-height:165px!important}
.ds-social-profile-hero .ds-profile-identity,.ds-my-profile-hero .ds-profile-identity,.ds-person-profile .ds-profile-identity {display:block!important;margin-top:-48px!important;padding:0 14px 14px!important}
.ds-social-profile-hero .ds-profile-avatar-wrap .ds-person-avatar,.ds-my-profile-hero .ds-profile-avatar-wrap .ds-person-avatar,.ds-person-profile .ds-profile-avatar-wrap .ds-person-avatar {width:108px!important;height:108px!important;max-width:108px!important;border-width:4px!important}
.ds-social-profile-hero .ds-profile-identity .ds-person-intro,.ds-my-profile-hero .ds-profile-identity .ds-person-intro,.ds-person-profile .ds-profile-identity .ds-person-intro {padding-top:8px!important}
.ds-profile-identity .ds-person-intro h1 {font-size:clamp(1.4rem,5vw,2rem)}
}

/* v1.3.0: correct actual identity flex geometry; do not change Core markup or records. */
.ds-social-profile-hero .ds-profile-identity,
.ds-my-profile-hero .ds-profile-identity,
.ds-person-profile .ds-profile-identity {
  align-items:flex-start!important;
  margin-top:-76px!important;
  padding-top:0!important;
  isolation:isolate;
}
.ds-social-profile-hero .ds-profile-avatar-wrap,
.ds-my-profile-hero .ds-profile-avatar-wrap,
.ds-person-profile .ds-profile-avatar-wrap {
  align-self:flex-start!important;
  margin-top:0!important;
  flex-shrink:0!important;
}
.ds-social-profile-hero .ds-profile-identity .ds-person-intro,
.ds-my-profile-hero .ds-profile-identity .ds-person-intro,
.ds-person-profile .ds-profile-identity .ds-person-intro {
  padding-top:78px!important;
  padding-bottom:0!important;
  margin-top:0!important;
}
/* Keep banner visible without distortion; image content can still crop at edges. */
.ds-social-profile-hero .ds-cover,
.ds-my-profile-hero .ds-cover,
.ds-person-profile .ds-cover {height:260px!important;max-height:260px!important;background-position:center 55%!important}
/* Core's 1280px / viewport rule could exceed the grid's available column. */
.ds-app-main .ds-my-profile-editor,
.ds-app-main .ds-profile-editor {width:100%!important;max-width:100%!important;min-width:0!important}
.ds-app-main,.ds-app-shell {min-width:0!important}
@media(max-width:760px){
  .ds-social-profile-hero .ds-profile-identity,
  .ds-my-profile-hero .ds-profile-identity,
  .ds-person-profile .ds-profile-identity {display:block!important;margin-top:-46px!important}
  .ds-social-profile-hero .ds-profile-identity .ds-person-intro,
  .ds-my-profile-hero .ds-profile-identity .ds-person-intro,
  .ds-person-profile .ds-profile-identity .ds-person-intro {padding-top:8px!important}
  .ds-social-profile-hero .ds-cover,
  .ds-my-profile-hero .ds-cover,
  .ds-person-profile .ds-cover {height:175px!important;max-height:175px!important}
}