/* Auto-extracted from template: register.html */

/* Prevent horizontal scroll & respect iOS safe areas */
    html, body { overflow-x: hidden; }
    body {
      padding-top: env(safe-area-inset-top, 0);
      padding-left: env(safe-area-inset-left, 0);
      padding-right: env(safe-area-inset-right, 0);
    }

    /* Make the card center nicely and fit small screens */
    .auth-wrap { min-height: 100vh; display: flex; align-items: center; }
    .auth-card { max-width: 640px; width: 100%; }

    /* Ensure Django-rendered widgets fill width even if they lack classes */
    .auth-card input[type="text"],
    .auth-card input[type="email"],
    .auth-card input[type="password"],
    .auth-card input[type="tel"],
    .auth-card input[type="number"],
    .auth-card input[type="url"],
    .auth-card textarea,
    .auth-card select { width: 100%; max-width: 100%; }

    /* Tighter, consistent rhythm for {{ form.as_p }} output */
    .auth-card form p { margin-bottom: .85rem; }

    /* Make long messages/labels wrap instead of causing side scroll */
    .auth-card, .auth-card * { overflow-wrap: anywhere; word-break: break-word; }

    /* Slightly softer padding on tiny screens */
    @media (max-width: 575.98px) {
      .card-body { padding: 1.25rem; }
    }

    /* Footer should wrap on phones */
    .site-footer .d-flex { flex-wrap: wrap; gap: .5rem 1rem; }