body {
  background-color: var(--aicarma-color-dark);
  color: var(--aicarma-color-white);
}

  @media screen and (min-width: 768px) {body {
    background-image: url('/images/greenBlurLeft.svg'), url('/images/greenBlurRight.svg');
    background-repeat: repeat-y, repeat-y;
    background-position: left 100px, right -150px;
    background-size: 965px 2125px, 965px 2125px
}
  }

.blog {
  padding: 8rem 0 6.4rem;
}

.blog__title {
    margin: 0;
    padding: 0;
    font-family: var(--font-family-title);
    font-size: var(--font-xl-m);
    line-height: var(--ls-xl-m);
    letter-spacing: -0.01em;
  }

@media screen and (min-width: 992px) {

.blog__title {
        font-size: var(--font-xl);
        line-height: var(--ls-xl);
  }
  }

.blog__title {
    margin-bottom: 6.4rem;
    text-align: center;
}

.blog__empty {
    font-size: var(--font-text-large-m);
    line-height: var(--ls-large-m);
  }

@media screen and (min-width: 992px) {

.blog__empty {
        font-size: var(--font-text-large);
        line-height: var(--ls-large);
  }
  }

.blog__empty {
    margin-top: 16.4rem;
    text-align: center;
}

.posts {
  max-width: 92.8rem;
  margin: 0px auto;
}

.posts__item + .posts__item {
    margin-top: 3.2rem;
    padding-top: 3.2rem;
    border-top: 0.1rem solid var(--aicarma-color-gray3);
  }

.post__title {
    margin: 0;
    padding: 0;
    font-family: var(--font-family-title);
    font-size: var(--font-h3-m);
    line-height: var(--ls-h3-m);
    letter-spacing: -0.01em;
  }

@media screen and (min-width: 992px) {

.post__title {
        font-size: var(--font-h3);
        line-height: var(--ls-h3);
  }
  }

.post__title {
    margin-bottom: 1.6rem;
}

.post__date {
    font-size: var(--font-text-small-m);
    line-height: var(--ls-small-m);
  }

@media screen and (min-width: 992px) {

.post__date {
        font-size: var(--font-text-small);
        line-height: var(--ls-small);
  }
  }

.post__date {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    color: var(--aicarma-color-gray2);
}