/* Form fields: label, control, hint / error line. */
.field{display:grid;gap:6px;min-width:0}
.field label,.field .field-label{font-size:var(--fs-15);font-weight:var(--fw-bold);color:var(--head)}
.field input,.field select,.field textarea{font:inherit;font-size:var(--fs-16);background:var(--paper);color:var(--head);border:1.5px solid var(--field-border);border-radius:var(--r-10);min-height:52px;padding:0 14px;width:100%;
  transition:border-color 200ms ease,box-shadow 200ms ease}
.field textarea{padding-block:12px;min-height:120px;resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--head);box-shadow:var(--ring-focus)}
.field small{font-size:var(--fs-14);color:var(--grey)}
.field.err input{border-color:var(--red)}
.field.err small{color:var(--red-on-dark);display:flex;gap:6px;align-items:center}