/* Prevent layout shift when scrollbar appears/disappears */
html {
  scrollbar-gutter: stable;
}

/* Fix flex-col + mx-auto interaction: ensure page containers fill the main width.
   Without this, mx-auto on a flex child causes it to shrink to content width
   instead of stretching to the parent's full width. */
#main-content > * {
  width: 100%;
}

/* Safe area for iOS devices */
.safe-area-inset-bottom {
  padding-bottom: env(safe-area-inset-bottom);
}