[data-ub-step][hidden]{display:none!important}
.ub-step-label{margin:0 0 14px;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#6b7788}
.ub-back{display:inline-flex;align-items:center;gap:6px;margin:0 0 10px;padding:0;border:0;background:none;color:#087ee0;font-size:14px;font-weight:700;font-family:inherit;cursor:pointer}
.ub-back:hover{text-decoration:underline}
.field select.ub-select{width:100%;min-height:52px;padding:0 14px;border:1px solid #d6dee9;border-radius:12px;background:#fff;font:inherit;color:inherit}
[data-ub-step] .button[data-ub-next]{margin-top:8px}

@media (min-width:520px){.form-card .check-row.ub-one-line span{white-space:nowrap}}

/* v45: host forms are 50/50, 2 by 2 (host page only, found by its phone field). Phones stack. */
.form-card:has(#host-phone) [data-ub-step="1"] .form-grid,
.form-card:has(#host-phone) [data-ub-step="2"] .form-grid{display:grid;grid-template-columns:1fr 1fr !important;gap:16px;flex-direction:row}
.form-card:has(#host-phone) .form-grid > .field{min-width:0}
@media (max-width:560px){
  .form-card:has(#host-phone) [data-ub-step="1"] .form-grid,
  .form-card:has(#host-phone) [data-ub-step="2"] .form-grid{grid-template-columns:1fr !important}
}
