/* V63: mobile-only spacing fixes. Desktop and H5 layouts are intentionally untouched. */
@media (max-width: 720px) and (orientation: portrait) {
  body:not(.needs-entry) .topbar-bgm-toggle {
    width: 76px;
    min-width: 76px;
    margin-left: 4px;
  }

  body:not(.needs-entry) .question-heading-row {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 6px;
    min-width: 0;
    margin: 0 0 4px;
    padding: 0 0 6px;
  }

  body:not(.needs-entry) .prompt-direction {
    display: block;
    width: 100%;
    max-width: none;
    margin: 0;
    line-height: 1.25;
  }

  body:not(.needs-entry) .prompt-direction[hidden] {
    display: none !important;
  }

  body:not(.needs-entry) .question-heading-row h1 {
    display: block;
    min-height: 0;
    max-height: none;
    margin: 0;
    overflow: visible;
    line-height: 1.25;
    -webkit-line-clamp: unset;
  }

  body:not(.needs-entry) .choice-grid {
    position: relative;
    z-index: 1;
    margin-top: 0;
  }
}

@media (max-width: 374px) and (orientation: portrait) {
  body:not(.needs-entry) .topbar-bgm-toggle {
    width: 68px;
    min-width: 68px;
  }
}