.nextra-steps {
  h2,
  /* Avoid breaking `<Steps>` component numeration when there is `<Tabs>` component inside */
  h3:not([style^='visibility:']),
  h4,
  h5,
  h6 {
    counter-increment: var(--counter-id);
    /* Resets from nextra-theme-docs */
    @apply x:border-0 x:pb-0 x:font-semibold x:tracking-tight x:mt-8 x:text-2xl;
    /* https://github.com/tailwindlabs/tailwindcss/issues/15597#issuecomment-2582673546 */
    @apply x:before:bg-gray-200 x:dark:before:bg-neutral-800;
    @apply x:before:text-neutral-800 x:dark:before:text-neutral-300;
    &:before {
      @apply x:absolute x:size-[33px];
      @apply x:border-4 x:border-nextra-bg;
      @apply x:rounded-full x:text-base x:font-normal x:text-center x:-indent-px;
      @apply x:ms-[-41px];
      content: counter(var(--counter-id));
    }
  }
}
