/* The patch-notes index (/patch-notes). */

.patch-index {
  max-width: 68ch;
  margin-inline: auto;
  padding: var(--space-5) 1.25rem;

  h1 {
    margin-bottom: var(--space-4);
  }

  .list {
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .link {
    display: flex;
    align-items: baseline;
    gap: var(--space-2);
    padding: var(--space-2) 0;
    border-bottom: 0.5px solid var(--color-rule);
    color: var(--color-text);
    text-decoration: none;

    &:hover .title {
      color: var(--color-accent);
    }
  }

  .version {
    flex: none;
    min-width: 3.5ch;
    color: var(--color-accent);
    font-weight: 600;
  }

  .title {
    flex: 1;
  }

  .date {
    flex: none;
    color: var(--color-muted);
    font-size: var(--size-small);
  }

  @media (max-width: 32rem) {
    .date {
      display: none;
    }
  }
}