.id-inquiry { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; max-width: 920px; margin: 0 auto; color: #212121; }

.id-inquiry { -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0px 16px; }

@media (max-width: 768px) { .id-inquiry { padding: 0px 0; } }

.id-inquiry > :nth-child(n) { margin-top: 40px; }

@media (max-width: 768px) { .id-inquiry > :nth-child(n) { margin-top: 24px; } }

.id-inquiry > :nth-child(n):first-child { margin-top: 0; margin-bottom: -52px; padding-left: 0;}

@media (max-width: 768px) { .id-inquiry > :nth-child(n):first-child { margin-bottom: 0; } }

.id-inquiry > div { -ms-flex-item-align: start; align-self: start; }

.id-inquiry__title { font-size: 2.4rem; color: #212121; line-height: 36px; }

@media (max-width: 768px) { .id-inquiry__title { font-size: 2rem; font-weight: 300; line-height: 30px; } }

.id-inquiry__text-warning { color: #ff2e2e; line-height: 21px; }

.id-inquiry__text-check { color: #212121; }

.id-inquiry__divider { width: 100%; height: 1px; background-color: #e0e0e0; }

@media (max-width: 768px) { .id-inquiry__divider { width: calc(100% + 32px); margin-left: -16px; } }

.id-inquiry__redirect { min-width: 260px; }

.id-inquiry > .id-inquiry__redirect + .id-inquiry__redirect { margin-top: 16px !important; }

@media (max-width: 768px) { .id-inquiry__redirect { min-width: 100%; min-height: 48px; } }

/* Mobile form specific styles */
.required { color: #ff2e2e; margin-left: 4px; }

.mobile-error { margin-top: 8px; }

.form-control.error { border-color: #ff2e2e; }

/* Phone number input styles matching update.twig */
.phoneNumber { color: #212121; }

.js-input-only-number input { 
    ime-mode: disabled; 
    -webkit-ime-mode: disabled; 
}

/* Form group styles to match registration form */
.form-group { margin-bottom: 0; }

.form-group--input { position: relative; }

.form-group__field { width: 100%; }

/* Ensure input field takes full width like registration form */
.number-grid__form--right { min-width: 0; flex: 1; }

.number-grid__form__input .form-control { width: 90%; min-width: 300px; }

@media (max-width: 768px) { 
    .number-grid__form--right { margin-top: 0; }
    .number-grid__form__input .form-control { min-width: 100%; }
    .number-grid__form__input { width: 100%; }
}

/* Number grid styles for ID guideline form */
.number-grid { width: 920px; max-width: 100%; padding: 64px 16px; margin: auto; }

@media (max-width: 768px) { .number-grid { padding: 24px 0; } }

.number-grid__header { font-size: 2.4rem; padding-bottom: 40px; }

@media (max-width: 768px) { .number-grid__header { padding-bottom: 24px; font-size: 2rem; font-weight: 300; } }

.number-grid__description { padding-bottom: 40px; font-size: 1.4rem; font-weight: 300; }

@media (max-width: 768px) { .number-grid__description { padding-bottom: 24px; } }

.number-grid__description span { color: #0a2d88; font-weight: 700; }

.number-grid__form { display: -webkit-box; display: -ms-flexbox; display: flex; padding-right: 120px; }

@media (max-width: 768px) { .number-grid__form { -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } }

.number-grid__form__label { margin-top: 14px; margin-right: 24px; font-weight: 600; white-space: nowrap; }

@media (max-width: 768px) { .number-grid__form__label { margin-top: 0; margin-bottom: 6px; margin-right: 0; width: 100%; } }

.number-grid__form__label span { color: #ff2e2e; }

.number-grid__form--right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

@media (max-width: 768px) { .number-grid__form--right { width: 100%; margin-bottom:-8px; } }

.number-grid__form--right .number-grid__form-login { margin: auto; margin-top: 30px; }

@media (max-width: 768px) { .number-grid__form--right .number-grid__form-login { margin: 16px 0 0 auto; } }

.number-grid__form--right .number-grid__form__input { display: block; width: 100%; margin: 0 auto 40px; }

@media (max-width: 768px) { .number-grid__form--right .number-grid__form__input { margin-bottom: 24px; } }

.number-grid__form--right .number-grid__form__notify-register { margin-bottom: 16px; color: #757575; font-size: 1.2rem; font-weight: 300; text-align: center; }

@media (max-width: 768px) { .number-grid__form--right .number-grid__form__notify-register { text-align: start; } }

.number-grid__form--right .number-grid__form__notify-register .link { font-size: 1.2rem; }

.number-grid__form--right button { width: 260px; font-weight: 600; }

@media (min-width: 769px) { 
    .text-center { margin-left: 15px; }
}

@media (max-width: 768px) { .number-grid__form--right button { width: 100%; } }