body.home #js_html .xtl_input_wrap.sc-has-amount-hint{height:auto;min-height:50px}
body.home #js_html .sc-amount-hint{display:block;margin:6px 0 0;padding:0;font-size:11px;line-height:1.35;color:#627794;font-weight:400;text-align:left;overflow-wrap:normal}
body.sc-order #exch_html .sc-amount-hint{display:block;margin:6px 0 0;padding:0;font-size:11px;line-height:1.35;color:#627794;font-weight:400;text-align:left}

/* Align native controls independently from the helper text below amounts. */
@media(min-width:992px){
 body.sc-order .xchange_data_left:has(.xchange_select){align-self:start;padding-top:24px}
 body.sc-order .xchange_data_right:has(.xchange_sum_line){align-self:start}
}
body.sc-order .sc-order-confirm .xchange_checkdata_div,
body.sc-order .sc-order-confirm .exchange_checkpersdata{font-size:12px;line-height:1.6;margin:0 0 12px;padding:0;text-align:left}
body.sc-order .sc-order-confirm .checkbox{font-size:inherit;line-height:inherit;margin:0;min-height:24px}
body.sc-order .sc-order-confirm .checkbox label{display:block;font:inherit;margin:0;padding:0;cursor:pointer}
body.sc-order .sc-order-confirm .checkbox a{color:#336fd0;text-decoration:underline;text-underline-offset:3px}
body.sc-order .sc-order-final .xchange_submit_div{padding:0;margin:0 0 12px}

/* Keep the live rate beside the amount hints; hide only the reserve display. */
body.home .xtl_table_wrap .xtl_exchange_reserve{display:none!important}
@media(min-width:992px){
 body.home .xtl_right_col>.xtl_selico_wrap,body.home .xtl_right_col>.xtl_input_wrap{grid-row:2}
 body.home .xtl_right_col>.xtl_exchange_rate{grid-column:1;grid-row:2;align-self:start;margin:56px 0 0;padding:0;font-size:11px;line-height:1.35}
}