/* Keep navigation above the phone's home indicator in Safari and installed mode. */
@media (max-width: 640px) {
    .has-mobile-navigation { padding-bottom: calc(88px + env(safe-area-inset-bottom, 0px)); }
    .has-mobile-navigation .footer { padding-bottom: 24px; }
    .mobile-nav {
        bottom: calc(10px + env(safe-area-inset-bottom, 0px));
        left: max(12px, env(safe-area-inset-left, 0px));
        right: max(12px, env(safe-area-inset-right, 0px));
        padding: 6px 8px;
        border: 1px solid var(--line);
        border-radius: 18px;
        box-shadow: 0 6px 24px rgb(0 0 0 / 12%);
    }
    .mobile-nav a { min-height: 52px; flex: 1; border-radius: 12px; }
    .mobile-nav a.active { background: var(--tint); }
}