input,
textarea,
select {
  width: 100%;
  padding: 0.875rem 1rem;
  border: 1px solid var(--form-border, #cbd5e1);
  border-radius: var(--radius, 0.375rem);
  background: var(--form-bg, #ffffff);
  color: var(--form-text, var(--ink, #0f172a));
}

textarea {
  min-height: 10rem;
  resize: vertical;
}

input:focus,
textarea:focus,
select:focus {
  outline: 2px solid var(--form-focus, rgba(29, 76, 124, 0.2));
  outline-offset: 0;
  border-color: var(--form-focus-border, var(--brand, #1d4c7c));
}

label {
  display: inline-block;
  margin-bottom: 0.5rem;
  font-family: var(--sans, Arial, sans-serif);
  font-weight: 600;
}

form .btn-layout {
  margin-top: 0.75rem;
}

/* ---------------------------------------------------------------------------
 * Gravity Forms — orbital theme baseline
 * Modern Gravity Forms ships its own orbital/foundation CSS that overrides
 * theme styling unless you neutralize it here. Override the GF CSS variables
 * (preferred) and add a small set of high-specificity resets. Theme pages
 * still apply their own button/colors via more specific selectors.
 * ------------------------------------------------------------------------- */
.gform_wrapper {
  --gf-color-primary: var(--brand, #1d4c7c);
  --gf-color-primary-rgb: var(--brand-rgb, 29, 76, 124);
  --gf-color-primary-darker: var(--brand-dark, #163a5e);
  --gf-color-primary-contrast: #ffffff;
  --gf-color-primary-contrast-darker: #ffffff;
  --gf-color-secondary: var(--ink, #0f172a);
  --gf-color-secondary-darker: #000000;
  --gf-color-secondary-contrast: #ffffff;
  --gf-ctrl-border-color-focus: var(--brand, #1d4c7c);
  --gf-ctrl-border-color-error: #b91c1c;
}

/* GF sub-labels (First/Last under the Name field) can inherit a serif from
 * generic heading/label rules; keep them in the form's sans like every other
 * label. */
.gform-field-label--type-sub,
.ginput_complex label {
  font-family: var(--sans, Arial, sans-serif) !important;
}