/* Global page layout contract: bound sections and prevent vertical flex overlap. */
.page > * {
  min-width: 0;
  max-width: 100%;
}

:is(
  .wellness-page,
  .learning-page,
  .inner-page,
  .commitments-page,
  .forecasts-page,
  .habits-page,
  .marathon-page,
  .codexa-page
) > * {
  flex: 0 0 auto;
}

@container codexa (max-width: 1800px) {
  .codexa-page .page-header {
    min-height: auto;
  }
}