/* V4: Tally dynamic-height + one native scroll surface (the modal), including file:// testing. */
@media (max-width: 640px), (pointer: coarse) {
  #questionModal.modal-overlay{
    display:none;
    position:fixed !important;
    inset:0 !important;
    width:100% !important;
    height:100dvh !important;
    padding:0 !important;
    align-items:flex-start !important;
    justify-content:flex-start !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    -webkit-overflow-scrolling:touch !important;
    overscroll-behavior-y:contain !important;
    touch-action:pan-y !important;
  }
  #questionModal.modal-overlay.open{display:block !important;}
  #questionModal > .modal{
    display:block !important;
    box-sizing:border-box !important;
    width:100% !important;
    max-width:none !important;
    min-height:100dvh !important;
    height:auto !important;
    max-height:none !important;
    margin:0 !important;
    padding:max(16px, env(safe-area-inset-top)) 14px max(28px, env(safe-area-inset-bottom)) !important;
    border-radius:0 !important;
    overflow:visible !important;
    overscroll-behavior:auto !important;
    touch-action:auto !important;
  }
  #questionModal .modal-close{
    position:sticky !important;
    top:6px !important;
    float:right !important;
    z-index:50 !important;
  }
  #questionModal #questionTallyStep{
    display:none;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    overflow:visible !important;
  }
  #questionModal #questionTallyStep.tally-mobile-active{display:block !important;}
  #questionModal #questionIframeWrapper{
    display:none;
    width:100% !important;
    height:auto !important;
    min-height:700px !important;
    max-height:none !important;
    margin:0 !important;
    border:0 !important;
    border-radius:0 !important;
    overflow:visible !important;
  }
  #questionModal #questionIframeWrapper[style*="display: block"]{display:block !important;}
  #questionModal #questionIframeWrapper iframe{
    display:block !important;
    width:100% !important;
    height:900px;
    min-height:700px !important;
    max-height:none !important;
    border:0 !important;
    overflow:hidden !important;
    touch-action:auto !important;
  }
  #questionModal .tally-fallback{margin-top:10px !important;}
  #questionModal #closeQuestionBtn2{display:block !important;}
}