/* ================== Container Grid ================== */
.webform-submission-form .competency-grid {
  display: grid;
  grid-template-columns: .3fr 5fr 1fr; /* Top 10 | Assessment | Require Training */
  gap: 8px; /* horizontal spacing between columns */
  align-items: start;
}

/* ================== Likert table rows ================== */
.webform-submission-form .competency-grid .webform-likert-table tr {
  height: 48px;             /* uniform row height */
  line-height: 1.1;
}

/* Center radio buttons in Likert cells */
.webform-submission-form .competency-grid .webform-likert-table td {
  text-align: center;
  vertical-align: middle;
  padding: 0 0.3rem;
}

/* Left-align competency names (first column of Likert table) */
.webform-submission-form .competency-grid .webform-likert-table td:first-child {
  text-align: left;
  padding-left: 0.5rem;
  font-weight: 600;
}

/* Center radio buttons inside table cells */
.webform-submission-form .competency-grid .webform-likert-table input[type="radio"] {
  margin: 0 auto;
}

/* ================== Top 10 checkboxes ================== */
.webform-submission-form .competency-grid .top10-checkboxes {
  display: grid;
  grid-auto-rows: 55px; /* match Likert row height */
}

/* Align Top 10 checkboxes vertically and right-align under header */
.webform-submission-form .competency-grid .top10-checkboxes .form-item {
  display: flex;
  align-items: center;       /* vertical center */
  justify-content: flex-end; /* right-align to edge of column */
  height: 30px;              /* match Likert row height */
  box-sizing: border-box;
  padding-right: 4px;        /* small spacing from Assessment column */
}

/* ================== Require Training checkboxes ================== */
.webform-submission-form .competency-grid .require-checkboxes {
  display: grid;
  grid-auto-rows: 55px; /* match Likert row height */
}

/* Align Require Training checkboxes vertically and left-align under header */
.webform-submission-form .competency-grid .require-checkboxes .form-item {
  display: flex;
  align-items: center;       /* vertical center */
  justify-content: flex-start; /* left-align to edge of column */
  height: 30px;              /* match Likert row height */
  box-sizing: border-box;
  padding-left: 4px;         /* small spacing from Assessment column */
}

/* Hide checkbox labels */
.webform-submission-form input[type="checkbox"] + label {
  display: none !important;
}

/* ================== Fonts / compactness ================== */
.webform-submission-form label,
.webform-submission-form .form-item {
  font-size: 0.85rem;
  line-height: 1.1;
}

/* Optional padding for Likert cells */
.webform-submission-form .competency-grid .webform-likert-table td {
  padding-left: 0.3rem;
  padding-right: 0.3rem;
}

/* Push Top 10 knowledge checkbox group down to align with Likert rows */
#edit-top-10 {
  margin-top: 3.1rem;
}

/* Push Required training knowledge checkbox group down to align with Likert rows */
#edit-require-training {
  margin-top: 3.1rem;
}

/* Push Top 10 skills checkbox group down to align with Likert rows */
#edit-top-10-skills {
  margin-top: 3.1rem;
}

/* Push Required training skills checkbox group down to align with Likert rows */
#edit-require-training-skills {
  margin-top: 3.1rem;
}

/* Push Top 5 behaviour checkbox group down to align with Likert rows */
#edit-top-5-behaviour {
  margin-top: 3.1rem;
}

/* Push Required training behaviour checkbox group down to align with Likert rows */
#edit-require-training-behaviour {
  margin-top: 3.1rem;
}