body { margin: 0; background: #0e0e10; }

.mz-legacy-shell {
  display: flex;
  align-items: stretch;
  min-height: 100vh;
  background: #0e0e10;
}

.mz-legacy-content {
  flex: 1;
  min-width: 0;
  min-height: 100vh;
}

@media (max-width: 900px) {
  .mz-legacy-shell {
    display: block;
    min-height: 100dvh;
  }

  .mz-legacy-content {
    width: 100%;
    min-height: calc(100dvh - var(--mz-mobile-bar-h, 58px));
    padding-top: var(--mz-mobile-bar-h, 58px);
    box-sizing: border-box;
  }
}