.post-index {
  list-style: none;
  padding-inline: 0;
  display: grid;
  /* All rows should have the same height.
     When one row wraps, the others should match.
  */
  grid-auto-rows: 1fr;
}

.post-index--entry {
  align-items: center;
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: subgrid;
  padding-block: calc(var(--block-space) * 0.25);
  border-block-end: 1px solid var(--color-border);

  a:link {
    color: var(--color-text);
  }

  a:visited {
    color: var(--color-link-visited);
  }
}

@media(width >= 100ch) {
  .post-index {
    grid-template-columns: 1fr calc(var(--inline-space) * 13);
  }

  .post-index--entry {
    border: 0;
  }
  
}