/* Native, labelled controls; layout stays within the existing responsive form. */
.phone-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:12px}
.phone-grid>div{min-width:0}.phone-grid select,.phone-grid input{width:100%;min-width:0;min-height:48px}
.phone-grid select{padding-right:28px;overflow:hidden;text-overflow:ellipsis}
.phone-help{font-size:11px;line-height:1.6;color:var(--muted);margin:8px 0 0}
.phone-country-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:380px){.phone-grid{grid-template-columns:1fr;gap:12px}}