/* Remove the extra mobile page gutter from private-profile cards. Their own
   internal padding remains unchanged, so content stays readable while the
   surfaces use the full available viewport width. */
@media(max-width:700px){
  body.profile-page #profileContent{
    width:100%!important;
    max-width:none!important;
    margin-inline:0!important;
    padding-inline:0!important;
  }
  body.profile-page #profileContent > .profile-card,
  body.profile-page #profileContent > .profile-card:not(.profile-identity-card),
  body.profile-page #profileContent > #profileCoffeeJourney,
  body.profile-page #profileContent > #profileGallery{
    width:100%!important;
    max-width:none!important;
    margin-inline:0!important;
  }
  body.profile-page .profile-identity-card .profile-identity-lower{
    width:100%!important;
    max-width:none!important;
    margin-inline:0!important;
  }
}