/* A single patch note (/patch-notes/<version>). */

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

  .back {
    display: inline-block;
    margin-bottom: var(--space-3);
    color: var(--color-muted);
    font-size: var(--size-small);
    text-decoration: none;

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

  .title {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 0.5em;
    margin-bottom: var(--space-1);
  }

  .version {
    color: var(--color-accent);
    font-size: 0.7em;
  }

  .date {
    margin: 0 0 var(--space-4);
    color: var(--color-muted);
    font-size: var(--size-small);
  }

  /* the note body is slotted markdown */
  .body {
    h2 {
      margin-block: var(--space-4) var(--space-2);
      padding-bottom: var(--space-1);
      font-size: var(--size-h3);
      border-bottom: 0.5px solid var(--color-rule);
    }

    h3 {
      margin-block: var(--space-3) var(--space-1);
      font-size: var(--size-h4);
    }

    p {
      margin-block: 0 var(--flow);
    }

    ul,
    ol {
      margin-block: 0 var(--flow);
      padding-left: 1.4em;
    }

    li {
      margin-block: 0.3em;
    }

    a {
      color: var(--color-accent);
    }

    strong {
      color: var(--color-text);
    }
  }
}