.saudi-phone { display: flex; align-items: stretch; gap: 8px; width: 100%; direction: ltr; }
.saudi-phone input.saudi-phone-prefix { flex: 0 0 76px; width: 76px; min-width: 0; padding-inline: 8px; text-align: center; cursor: default; }
.saudi-phone input.saudi-phone-number { flex: 1 1 0; width: 0; min-width: 0; text-align: left; }
.saudi-phone.is-invalid + .invalid-feedback { display: block; }
.guardian-form { max-width: 760px; margin-inline: auto; }
html[dir="rtl"] .guardian-form { text-align: right; }
html[dir="ltr"] .guardian-form { text-align: left; }
.guardian-form input:not(.saudi-phone-prefix), .guardian-form select, .guardian-form textarea { text-align: inherit; }
.guardian-form .form-grid { gap: 18px; }
.guardian-form .field { margin-bottom: 18px; }
.guardian-form .form-actions, .family-heading-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.family-heading-actions { flex-shrink: 0; }
@media(max-width:700px) { .family-heading-actions { width: 100%; } .family-heading-actions .button { flex: 1 1 auto; justify-content: center; } }