/*
  100dvh collapses correctly as the iOS Safari address bar slides away.
  100vh stays fixed to the initial larger value → content overflows behind chrome.
*/
html, body, #root { min-height: 100dvh; }
@supports not (height: 100dvh) {
  html, body, #root { min-height: 100vh; }
}

/*
  Safe-area CSS custom properties — consumed by layout components
  that must clear the notch / home-bar insets.
  Usage: padding-bottom: calc(1rem + var(--sab));
*/
:root {
  --sat: env(safe-area-inset-top,    0px);
  --sar: env(safe-area-inset-right,  0px);
  --sab: env(safe-area-inset-bottom, 0px);
  --sal: env(safe-area-inset-left,   0px);
}

/* Prevent FOUC — match manifest background_color */
body { background-color: #FFFEF8; margin: 0; }