How to organize the correct sass structure?

Question

css

There was a question concerning the organization of structure in sass. I read that it is necessary that each element retains the structure of the DOM tree, approximately (or probably) like this:

body{
   header{
      .header-content{
            .header-content__logo{
              .logo__link{} 
              }
        }
   }
}

And how would it be more correct to organize the structure of the scss file? Suppose you need to make up several pages, then such a structure as the example above will no longer work.
Are there any examples or guidelines for sass?