/* Phone-only feedback; preserved directory styles and placement geometry. */
#dir-phone-error:empty{display:none}
.dir-phone-alert{margin:10px 0 8px;padding:12px 14px;border:1px solid #bd4b16;border-left:5px solid #a4360c;border-radius:8px;background:#fff0df;color:#752507;font-size:13px;font-weight:700;line-height:1.5;overflow-wrap:anywhere}
#dir-contact input[name="phone"][aria-invalid="true"]{border:2px solid #a4360c;background:#fffaf5}

@media(min-width:768px){.dir-language-fields{display:flex;flex-direction:column}.dir-language-fields .dir-phone-alert{margin-top:14px}}
@media(max-width:767px){.dir-language-fields .dir-phone-alert{margin-top:12px}}

#dir-phone-help{display:block;margin-top:12px;font-size:12px;line-height:1.6;color:#52627b;max-width:100%}.dir-language-fields #dir-phone-error{margin-top:8px}

/* Mirror the phone label line and its 7px gap, then center two helper lines in the 44px input row. */
@media(min-width:768px){.dir-language-fields #dir-phone-help{margin-top:27.8px;min-height:44px;padding:2.8px 0;box-sizing:border-box}}

/* Prominent privacy reminder in the introduction modal. */
#dir-contact .dir-sensitive{background:#fff1a8;color:#4a3100;border:1px solid #e7b72f;border-left:5px solid #d58a00;font-size:13px;line-height:1.6}#dir-contact .dir-sensitive strong{font-weight:900;text-decoration:underline;text-underline-offset:3px}

/* Extra language fields use the phone column for its own guidance. */
.dir-phone-fields #dir-phone-help{margin-top:10px;min-height:0;padding:0}.dir-phone-fields #dir-phone-error{margin-top:8px}#dir-other-language label{display:block;margin-top:10px}
