@layer base {
  * {
    @apply shrink-0 border-border outline-ring/50 m-0 scroll-mt-4;
  }

  /* https://x.com/ipwanciu/status/2032834385481707645 */
  @view-transition {
    navigation: auto;
  }

  /* https://x.com/BHolmesDev/status/1970489474866958642 */
  html {
    @apply scroll-smooth overscroll-none;
  }

  body {
    @apply bg-background overscroll-none antialiased text-foreground text-base leading-normal;
    /* https://modern-css.com/preventing-layout-shift-from-scrollbar/ */
    scrollbar-gutter: stable;
  }
}