main{
  gap: calc(var(--spacing-gap, 2rem) * 1);
}

.entries{
  display: grid;
}

.entries h3{
  margin-bottom: 0;
}

.entries.layout-list{
  grid-template-columns: 1fr;
  gap: calc(var(--spacing-gap, 1rem) * 4);
}

.entries.layout-list h3{
  font-size: var(--font-size-h2);
}
.entries.layout-list p{
  /* font-size: var(--font-size-h3); */
}
.layout-list .blog-entry:first-child{
  margin-top: calc(var(--spacing-gap, 1rem) * 2);
}
.layout-list .blog-entry{
  gap: calc(var(--spacing-gap) * 1);
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.layout-list .blog-entry-text{
  grid-column: span 2;
  display: flex;
  gap: calc(var(--spacing-gap) * .5);
  flex-direction: column;
}
/* .layout-list .blog-entry::after{
  display: block;
  content: '';
  border-radius: 3px;
  overflow: hidden;
  height: 2px;
  background-color: rgba(0,0,0,.5);
} */



.entries.layout-grid{
  grid-template-columns: repeat(3, 1fr);
  gap: calc(var(--spacing-gap, 1rem)* 1);
  --font-size-ftxt: calc(var(--font-size-ftxt) * .9);
}

.entries.layout-grid .blog-entry{
  gap: calc(var(--spacing-gap, 1rem) * .5);
}

.entries img {
  width: 100%;
}



@media screen and (max-width:700px) {
  .entries.layout-grid{
    grid-template-columns: repeat(2, 1fr);
  }

  .layout-list .blog-entry:first-child{
    margin-top: calc(var(--spacing-gap, 1rem) * 1);
  }

  .entries.layout-list h3{
    font-size: var(--font-size-h3);
  }
  .entries.layout-list p{
    font-size: var(--font-size-ftxt);
  }

  .entries.layout-list{
    grid-template-columns: 1fr;
    gap: calc(var(--spacing-gap, 1rem) * 3);
  }
  .entries.layout-list .blog-entry{
    gap: calc(var(--spacing-gap, 1rem) * .5);
  }
}

@media screen and (max-width:480px) {
  .entries.layout-grid{
    grid-template-columns: repeat(1, 1fr);
  }

  .entries.layout-grid{
    gap: calc(var(--spacing-gap, 1rem) * 2);
  }


}