/* Register and application received pages: only what the WordPress output
   needs on top of main.css. */

/* The form sits in a managed region div, which is the grid item now. */
.reg-form { min-width: 0; }

/* Editors only: shown when the SFI Membership plugin is off. */
.sfi-reg-note { margin: 0; padding: 1.5rem; color: var(--text-2); }

/* Reference number line on the application received page. */
.sfi-ref { margin: -1.4rem auto 2.4rem; color: var(--text-2); }
.sfi-ref strong { color: #fff; font-variant-numeric: tabular-nums; letter-spacing: 0.02em; }
.sfi-ref__note { display: block; font-size: 0.8rem; color: var(--muted); }

/* Edit mode: the editor wraps words in span.wse-field. main.css styles every
   span inside a tile and a progress step, so undo that for the field span. */
.tile b span.wse-field,
.tile small span.wse-field,
.wizard .progress li span.wse-field {
  display: inline; width: auto; height: auto; padding: 0; margin: 0;
  border: 0; border-radius: 0; background: none; box-shadow: none;
  color: inherit; font-size: inherit; font-weight: inherit;
  transform: none; transition: none;
}

/* While editing, clicks do not move the wizard, so show every step and both
   buttons at once. Visitors never get the html.wse-editing class. */
html.wse-editing .wizard .step { display: block; animation: none; }
html.wse-editing .wizard .step + .step { margin-top: 3rem; }
html.wse-editing .wizard [data-back] { visibility: visible !important; }
html.wse-editing .wizard [data-submit][hidden] { display: inline-flex !important; }