/* V1.2 QA: full-screen internal editor pages on iPhone.
   Keep the editor opaque/full-screen, keep the normal BE nav pinned, and use
   the same real in-flow short-page spacer pattern that stabilizes Journey. */
@media(max-width:699px){
  #be-overlay-root{top:0!important;height:100vh!important}
  #be-overlay-root .modalwrap{inset:0!important;width:100%!important;height:100%!important;align-items:stretch!important;background:var(--bg)!important}
  #be-overlay-root .modal.be-editor-page{width:100%!important;height:100%!important;max-height:none!important;margin:0!important;border-radius:0!important;background:var(--bg)!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;padding:calc(20px + env(safe-area-inset-top)) 18px calc(150px + env(safe-area-inset-bottom))!important}
  #be-overlay-root .modal.be-editor-page::after{content:"";display:block;width:1px;height:36vh;flex:none;pointer-events:none;visibility:hidden}
  #be-overlay-root .modal.be-editor-page:has(.commitment-start)::after{height:45vh}
  #be-overlay-root .modal.be-editor-page:has(.commitment-editor-form)::after{height:20vh}
  #be-overlay-root .modal.be-editor-page:has(.custom-practice-form)::after,#be-overlay-root .modal.be-editor-page:has(.practice-editor-form)::after{height:42vh}
  body:has(#be-overlay-root .modal.be-editor-page) .tabs{display:block!important;position:fixed!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;z-index:4000!important;transform:none!important;-webkit-transform:none!important}
  #be-overlay-root .modal:not(.be-editor-page){margin-bottom:0!important;max-height:calc(100% - 4px)!important;overflow-y:auto!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
  #be-overlay-root .modal:has(.journey-restart-form),#be-overlay-root .modal:has(.erase-confirm){display:flex!important;align-items:center!important;min-height:100%!important;padding-top:calc(24px + env(safe-area-inset-top))!important;padding-bottom:calc(24px + env(safe-area-inset-bottom))!important}
  #be-overlay-root .journey-restart-form,#be-overlay-root .erase-confirm{width:100%;margin:auto 0}
  #be-overlay-root .modal.be-editor-page:has(.commitment-start),#be-overlay-root .modal.be-editor-page:has(.custom-practice-form){display:flex!important;flex-direction:column!important;justify-content:center!important}
  #be-overlay-root .modal.be-editor-page:has(.commitment-start)::after,#be-overlay-root .modal.be-editor-page:has(.custom-practice-form)::after{display:none!important}
  #be-overlay-root .commitment-start,#be-overlay-root .custom-practice-form{width:100%}
  #be-overlay-root .modalwrap:has(.update-notice){align-items:flex-start!important;background:#0007!important}
  #be-overlay-root .modal:has(.update-notice){width:100%!important;height:auto!important;min-height:0!important;max-height:62vh!important;margin:0!important;border-radius:0 0 24px 24px!important;background:var(--bg)!important;padding:calc(22px + env(safe-area-inset-top)) 18px 24px!important;overflow-y:auto!important}
}
.custom-practice-form,.practice-editor-form{position:relative}
.practice-modal-close{position:absolute;right:-3px;top:-8px;width:38px;height:38px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--muted);font-size:29px;line-height:38px;text-align:center;z-index:2}
.practice-modal-close:hover,.practice-modal-close:focus-visible{background:var(--soft);color:var(--text)}
.practice-add-top{margin:0 0 12px}
.update-notice{position:relative}.update-notice .eyebrow{margin-top:2px}.update-notice h2{margin:6px 42px 12px 0}.update-notice p{line-height:1.45;margin:10px 0}.update-notice-close{position:absolute;right:-4px;top:-7px;width:38px;height:38px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--muted);font-size:29px;line-height:38px;text-align:center}.update-notice-close:hover,.update-notice-close:focus-visible{background:var(--soft);color:var(--text)}