/* Narrow/small viewport corrections for the standalone welcome, journey,
   authentication, and link-to-coach glass-card pages. */
html {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

@media (max-width: 390px) {
    body { overflow-y: auto; }
    .page { padding-left: 12px; padding-right: 12px; }
    .glass-card { padding-left: 22px; padding-right: 22px; }

    /* Keep iOS from zooming the editable sub-16px controls without
       changing the larger invite-code field or display typography. */
    .field-group input,
    .identity-dropdown,
    .custom-input { font-size: 16px; }
}

@media (max-height: 700px) {
    body { overflow: auto; }
    .page {
        align-items: flex-start;
        padding-top: max(12px, env(safe-area-inset-top, 0px));
        padding-bottom: max(12px, env(safe-area-inset-bottom, 0px));
    }
}
