/* Keep the native mobile form bounded so its own content can scroll. */
@media screen and (max-width:900px){
 html[data-pg139] body.pg139-letter.pg156-letter[data-editor-view=details] .form-panel,
 html[data-pg139] body.pg139-letter.pg156-letter[data-editor-view=preview] .preview-panel{display:flex!important;flex-direction:column!important;min-height:0!important;height:100%!important;max-height:100%!important;overflow:hidden!important}
 html[data-pg139] body.pg139-letter.pg156-letter .form-panel>.panel-head,
 html[data-pg139] body.pg139-letter.pg156-letter .form-panel>.status{flex:0 0 auto!important}
 html[data-pg139] body.pg139-letter.pg156-letter .form{flex:1 1 0%!important;min-height:0!important;height:auto!important;max-height:100%!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;scroll-padding-block:16px;padding-bottom:24px!important;touch-action:pan-y}
 html[data-pg139] body.pg139-letter.pg156-letter .form :is(input,textarea,select){scroll-margin-block:18px;font-size:16px!important}
}
@media screen and (max-width:900px){
 /* The current bottom Content / Design / Preview controls replace the legacy duplicate row. */
 html[data-pg139] body.pg139-letter.pg156-letter>.pg-mobile-editor-views{display:none!important}
 html[data-pg139] body.pg139-letter.pg156-letter .form-panel{padding:0!important}
}
@media screen and (max-width:900px) and (max-height:500px){
 html[data-pg139] body.pg139-letter.pg156-letter .form-panel>.panel-head{padding:8px 14px!important}
 html[data-pg139] body.pg139-letter.pg156-letter .form-panel>.status{padding:5px 14px!important}
}