/* Field help stays beside its label, without adding a line above the control. */
form .hint[data-form-hint-ready][hidden]{display:none!important}
form .form-field-label{display:inline-flex;align-items:baseline;gap:.4em;max-width:100%;vertical-align:baseline}
form .form-field-label>label{min-width:0;margin:0}
form.multiline-fields .form-field-label,.cart-details-card .form-field-label{display:flex}
.cart-details-card .form-field-label{margin-bottom:.25rem}
.aligned-fields .form-field-label{width:50%}
form .form-field-info{
  display:inline-flex;align-items:center;justify-content:center;
  flex:none;vertical-align:baseline;font-size:.9em;line-height:1;
  color:inherit;cursor:help;
}
form .form-field-info:focus-visible{outline:2px solid currentColor;outline-offset:3px;border-radius:50%}
/* Native selects and text inputs use the same outer height on either theme. */
:is(.maincontent,#content-inner) form :is(input:not([type="hidden"],[type="checkbox"],[type="radio"],[type="color"],[type="range"],[type="file"],[type="submit"],[type="button"],[type="reset"],[type="image"]),select){
  box-sizing:border-box;height:calc(2.5em + 2px);line-height:1.5;
}
:is(.maincontent,#content-inner) form :is(.grid-2-small-1,.grid-3-small-1):has(>p>label[for]){align-items:end}
/* The country select is rendered inside its own paragraph by the shared renderer. */
.cart-details-card .grid-2-small-1{margin-block:.75rem}
.cart-details-card .grid-2-small-1>:is(p,.cart-country-field),
.cart-details-card .cart-country-field>p{margin:0}
.cart-details-card .cart-country-field label+br{display:none}
.cart-details-card .cart-country-field .inbl{display:block}