.list {
  .post {
    display: block;

    > a {
      color: inherit;
    }

    > a:hover {
      color: var(--text-800);
    }

    &:not(:first-child) {
      margin: 4rem 0 4rem 0;
    }

    .title {
      margin: 0;
      font-size: 2.25rem;
    }

    .summary {
      margin: 0.5rem 0 0.5rem 0;
    }

    .heading-anchor {
      display: none;
    }
  }
}

@media (max-width: $width-mobile) {
  .list {
    .post {
      &:not(:first-child) {
        margin: 2rem 0 2rem 0;
      }

      .title {
        font-size: 1.5rem;
      }
    }
  }
}