/* Navigation alignment and safe areas only. */
:root{--app-nav-height:calc(66px + env(safe-area-inset-bottom,0px))}
#sjr-app-nav{z-index:990}
body[data-app-page="home"] #sjr-app-nav{max-width:520px}
body[data-app-page="tv"] #sjr-app-nav{max-width:440px}
body[data-app-page="home"] .post-copy{bottom:calc(120px + env(safe-area-inset-bottom,0px))}
body[data-app-page="home"] .toast{z-index:1200}
body[data-app-page="tv"] .app{--nav-h:var(--app-nav-height)}
body[data-app-page="tv"]:has(.app.focus-mode) #sjr-app-nav,body[data-app-page="tv"]:has(.app:fullscreen) #sjr-app-nav{display:none}
@media(min-width:560px){body[data-app-page="home"] #sjr-app-nav{bottom:16px;border-radius:0 0 9px 9px;max-width:518px}}
@media(orientation:landscape) and (max-height:600px){body[data-app-page="tv"] #sjr-app-nav{display:none}}

@media(min-width:650px) and (min-height:650px){body[data-app-page="tv"] #sjr-app-nav{bottom:calc(100dvh - min(900px,100dvh - 32px) - 16px);max-width:438px;border-radius:0 0 17px 17px}}