/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
.blog-magazine {
  display: grid;
  gap: 2rem;
  grid-template-columns: 1fr 2fr 1fr;
  grid-template-rows: auto;
  grid-template-areas: "article2 featured article3" "article4 featured article5" "article6 article7 article8";
  & article.featured {
    grid-area: featured;
  }
  & article:nth-child(2) {
    grid-area: article2;
  }
  & article:nth-child(3) {
    grid-area: article3;
  }
  & article:nth-child(4) {
    grid-area: article4;
  }
  & article:nth-child(5) {
    grid-area: article5;
  }
  @media (width < 1024px) {
    grid-template-columns: 1fr;
    grid-template-areas: "featured" "article2" "article3" "article4" "article5";
  }
}