/* Center content in web view - separate file for easier deployment */
body {
  display: flex;
  justify-content: center;
  min-height: 100vh;
}

#page {
  left: 0 !important;
  right: 0 !important;
  margin: 20px auto !important;
  float: none !important;
}

#shadow {
  left: 0 !important;
  right: 0 !important;
  margin: 0 auto !important;
}

/* Ensure header and footer are properly contained */
#header, #footer {
  box-sizing: border-box;
  max-width: 100%;
}

/* Ensure images don't overflow */
#top-image, #bottom-image {
  max-width: 100%;
  height: auto;
}