tw-posts {
  display: block;

  #main:has(&) {
    background-color: transparent;
    border: none;
    padding: 0;

    h1 {
      display: none;
    }
  }

  #posts {
    display: flex;
    flex-direction: column;
    gap: var(--gap);

    .post-date {
      font-size: 0.9rem;
      font-style: italic;
      margin: 0;
      margin-block-end: 0;
      margin-block-start: 0;
    }

    .post-desc {
      margin-block-end: 0;
    }

    .post-item {
      background-color: var(--bg2);
      border: 1px solid var(--border1);
      /* box-shadow: var(--card-shadow); */
      color: var(--fg1);
      padding: var(--base);
    }

    .post-title {
      font-family: var(--sans);
      font-size: 1rem;
      margin-block-start: 0;
    }
  }
}