/* A page or section heading with an optional muted <small> after it. */
@layer components {
  .page-title {
    border-block-end: var(--border);

    & small {
      color: var(--color-text-muted);
    }
  }
}