/* ============================================================
   1. Shared "Experience" column (skills grid – leave as is)
   ============================================================ */
.experience-col {
  width: 120px;
  text-align: center;
  display: inline-block;
}

/* ============================================================
   2. Consent sections (Mandatory + Voluntary)
   ============================================================ */

/* Make each consent line a two-column row:
   [ long text ................................ ][ Consent / checkbox ] */
.webform-submission-form fieldset .consent-row {
  display: flex;
  align-items: flex-start;
}

/* Left cell = text, let it grow across the page */
.webform-submission-form fieldset .consent-row > :first-child {
  flex: 1 1 auto;
}

/* Right cell = "Consent" column (header + checkboxes) */
.webform-submission-form fieldset .consent-row > .experience-col {
  /* override the generic .experience-col just inside consent rows */
  width: auto;
  display: flex;
  flex: 0 0 130px;      /* width/position of the Consent column */
  margin-left: 2rem;    /* gap between text and column */
  justify-content: center;
  align-items: flex-start;
  text-align: left;
  padding-top: 4px;     /* align checkbox with first line of text */
}

/* Make sure the "Consent" header uses the same column as the checkboxes */
.webform-submission-form fieldset .consent-row > .experience-col strong {
  margin-top: 0.25rem;
}