/* Both panels, installed on a phone: AllowPhoneSafeAreas lets the page reach the screen edge, so whatever sits at an
   edge keeps clear of the notch (landscape) and the home indicator. Every inset is zero on a desktop. */
:root {
    --ez-safe-left: env(safe-area-inset-left, 0px);
    --ez-safe-right: env(safe-area-inset-right, 0px);
    --ez-safe-bottom: env(safe-area-inset-bottom, 0px);
}

@media (max-width: 1023px) {
    .fi-topbar > nav { padding-left: calc(1rem + var(--ez-safe-left)); padding-right: calc(1rem + var(--ez-safe-right)); }
    .fi-main { padding-left: calc(1rem + var(--ez-safe-left)); padding-right: calc(1rem + var(--ez-safe-right)); }
    .fi-sidebar { padding-left: var(--ez-safe-left); padding-bottom: var(--ez-safe-bottom); }
    .fi-modal-slide-over-window .fi-modal-footer { padding-bottom: calc(1.5rem + var(--ez-safe-bottom)); }
}