body {
  padding: var(--size-5);
}

header {
  display: flex;
  align-items: center;
  gap: var(--size-2);
}

main {
  width: 100%;
  max-width: var(--prose-md);
  margin-inline: auto;
  padding-block: var(--size-8) var(--size-16);

  h1 {
    font-size: var(--scale-fluid-5);
    letter-spacing: var(--letter-sm);
    margin-bottom: var(--size-2);
  }

  .updated {
    font-size: var(--scale-00);
    color: var(--muted-foreground);
    margin-bottom: var(--size-8);
  }

  h2 {
    font-size: var(--scale-2);
    margin-top: var(--size-8);
    margin-bottom: var(--size-2);
  }

  p,
  ul {
    margin-bottom: var(--size-3);
  }

  ul {
    padding-left: var(--size-5);
  }

  li {
    margin-bottom: var(--size-1);
  }
}