/* Global reset + sticky-footer layout */

/* Make the page at least viewport height */
html, body {
  height: 100%;
}

/* Remove the default browser gap and enable column layout */
body {
  margin: 0;
  min-height: 100vh;
  display: flex;
  flex-direction: column; /* header, main, footer stack */
}

/* Your main content wrapper: adjust selector(s) to your page */
main, .page, .content, #app, #root {
  flex: 1; /* pushes footer to the bottom on short pages */
}

/* Footer sits at the bottom when content is short */
.pn-footer {
  margin-top: auto;
}

/* Ensure zero bottom padding in the footer areas */
.pn-footer__inner { padding-bottom: 0 !important; }
.pn-footer__bar-inner { padding-bottom: 0 !important; }