/* shortcut: pinned Responsively has no inset emulation; remove frame fallbacks when native support arrives. */
/* Real clients use system insets; only the explicit local frame preview supplies missing emulation. */
:root{
 --rtw-frame-top:0px;--rtw-frame-bottom:0px;--rtw-frame-left:0px;--rtw-frame-right:0px;
 --rtw-safe-top:max(env(safe-area-inset-top,0px),var(--rtw-frame-top));
 --rtw-safe-bottom:max(env(safe-area-inset-bottom,0px),var(--rtw-frame-bottom));
 --rtw-safe-left:max(env(safe-area-inset-left,0px),var(--rtw-frame-left));
 --rtw-safe-right:max(env(safe-area-inset-right,0px),var(--rtw-frame-right));
 --rtw-header-content-height:72px;
 --rtw-header-height:calc(var(--rtw-header-content-height) + var(--rtw-safe-top));
 --rtw-nav-height:calc(var(--rtw-nav-content-height,66px) + var(--rtw-safe-bottom));
}
@media(orientation:portrait) and (max-width:600px){html[data-rtw-viewport=framed]{--rtw-frame-top:60px;--rtw-frame-bottom:34px}}
@media(min-width:601px) and (min-height:601px){
 :root{--rtw-header-content-height:88px}
 html[data-rtw-viewport=framed]{--rtw-frame-top:24px;--rtw-frame-bottom:20px}
}
@media(orientation:landscape) and (max-height:600px){html[data-rtw-viewport=framed]{--rtw-frame-left:60px;--rtw-frame-right:60px;--rtw-frame-bottom:21px}}
html{scroll-padding-top:var(--rtw-safe-top);scroll-padding-bottom:var(--rtw-safe-bottom)}
#app>.header{
 height:var(--rtw-header-height);min-height:var(--rtw-header-height);padding:var(--rtw-safe-top) var(--rtw-safe-right) 0 var(--rtw-safe-left);flex:none;
}
#app>.header .header-inner{height:var(--rtw-header-content-height);padding-top:0;padding-bottom:0}
#app>.bottom-nav{
 min-height:var(--rtw-nav-height);padding-top:var(--rtw-nav-top,7px);padding-bottom:calc(var(--rtw-nav-bottom,10px) + var(--rtw-safe-bottom));
}
#app>.main{scroll-margin-top:var(--rtw-safe-top)}
.skip:focus{top:calc(var(--rtw-safe-top) + 8px)}
html body .confirm-dialog{max-height:calc(100dvh - var(--rtw-safe-top) - var(--rtw-safe-bottom) - 24px);overflow:auto}
@media(max-width:600px){html body .confirm-dialog{padding-bottom:calc(24px + var(--rtw-safe-bottom))}}

/* These Android previews use unobstructed generic frames in either orientation. */
html[data-rtw-viewport=framed][data-rtw-frame-platform=android]{--rtw-frame-top:0px;--rtw-frame-bottom:0px;--rtw-frame-left:0px;--rtw-frame-right:0px}