@layer components {
  .prose {
    max-inline-size: 720px;

    h1 {
      font-size: var(--text-3xl);
      font-weight: 700;
      letter-spacing: -0.025em;
    }

    h2 {
      margin-top: var(--block-space-double);
      font-size: var(--text-xl);
      font-weight: 600;
    }

    p {
      color: oklch(var(--lch-gray-600));
      line-height: 1.625;
    }

    p + p {
      margin-top: var(--block-space);
    }
  }

  .prose__updated {
    color: var(--color-muted);
    font-size: var(--text-sm);
  }
}