#main.main__content {
  display: flex;
  flex-direction: column;
}

#main.main__content > .announcements {
  order: -1; /* lo manda al primer lugar */
}

#main.main__content > .featured-article-banner {
  order: 0; /* queda justo después */
}

/* El resto de elementos hermanos (desc_div, hr, section.issue) 
   necesitan un order mayor para no quedar mezclados */
#main.main__content > .desc_div,
#main.main__content > hr,
#main.main__content > .issue {
  order: 1;
}