/* Standalone external-trip pages use the same comfortable edge spacing. */
@media (max-width: 768px) {
    body.external-flow-page .page-shell {
        width: 100%;
        max-width: none;
        padding-right: max(16px, env(safe-area-inset-right));
        padding-left: max(16px, env(safe-area-inset-left));
    }

    body.external-flow-page .page-shell > * {
        max-width: 100%;
    }
}

@media (max-width: 380px) {
    body.external-flow-page .page-shell {
        padding-right: 14px;
        padding-left: 14px;
    }
}