/**
 * Elder H5 shell overrides for production devices.
 * Desktop keeps the prototype phone frame; narrow viewports go full-bleed
 * so the fixed 844px frame no longer clips / freezes scroll.
 */
@media (max-width: 520px) {
  html,
  body {
    background: #F6F5F2 !important;
    height: 100%;
    margin: 0 !important;
    overflow: hidden;
  }

  .phone {
    width: 100% !important;
    max-width: none !important;
    height: 100dvh !important;
    min-height: 100dvh !important;
    margin: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: hidden;
  }

  .statusbar,
  .home-bar {
    display: none !important;
  }

  /* Let the question list / body scroll inside the flex column */
  .q-list,
  .body {
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    min-height: 0 !important;
  }
}

/* Even inside the desktop phone frame, the week list must scroll */
.phone .q-list {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  min-height: 0;
}