.fade-out.htmx-swapping {
  opacity: 0;
  transition: opacity 1s ease-out;
}

body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

main {
  flex-grow: 1;
}

.content-wrap {
  padding-bottom: 2.5rem; /* Optional if footer height adjustment needed */
}