/* Join (/vendors/join…): one step per page inside the public vendor frame. Layout only; the look is public/ui.css. */
.j-wrap{max-width:52rem;margin:0 auto}
.j-wrap form{margin:0}
.j-actions{margin:1.25rem 0}
.j-later{margin-left:auto}
/* room above the pinned bar (Back / Next), and the toasts above it too. On the page (main), not .j-wrap: the footer
   links come after .j-wrap, so room inside it left them under the bar at the bottom */
main:has(.j-wrap .ui-actbar){padding-bottom:6.5rem}
body:has(.j-wrap .ui-actbar) .ui-toasts{bottom:6.5rem}
/* the step's inputs are full width in their card; numbers and ZIP needn't be */
.j-wrap .ui-field input:not([type=checkbox]):not([type=radio]),.j-wrap .ui-field textarea,.j-wrap .ui-field select{width:100%}
.j-wrap .ui-field input[type=number],.j-wrap .ui-field input[name=zip]{max-width:12rem}
/* the host's contact buttons on the card as hosts see it: shown, not pressed */
.j-reach .btn{pointer-events:none}
.j-wrap .vcontact>summary{list-style:none;cursor:pointer}.j-wrap .vcontact>summary::-webkit-details-marker{display:none}
@media (max-width:47.99rem){.j-later{margin-left:0;width:100%}.j-actions .btn{flex:1 1 auto}}
@media print{.j-actions,.ui-btns,.j-wrap .ui-track,.j-wrap .ui-actbar{display:none!important}}