.phec-programme,.phec-programme-form{max-width:1040px;margin:24px auto;color:#17344a;overflow-wrap:anywhere}
.phec-programme-actions div {display:flex;flex-direction:column;align-items:center;gap:12px;margin:24px 0}
.phec-programme a.phec-programme-button{display:inline-block;padding:12px 20px;background:#173e59;color:#fff!important;border:2px solid #173e59;border-radius:6px;text-decoration:none!important;font-weight:600}
.phec-programme-actions div a:last-child {
  font-size: 16px;
}
.phec-programme-form{width:100%;max-width:none;box-sizing:border-box;padding:0}
.phec-programme-form .form-item{margin:20px 0}
.phec-programme-form input[type=text],.phec-programme-form select{max-width:100%;padding:10px}
.phec-programme a:focus-visible,.phec-programme-form input:focus-visible,.phec-programme-form select:focus-visible{outline:3px solid #d39419;outline-offset:3px}
.phec-programme-form input[type=submit]{font-size:18px;padding:12px 20px;background:#173e59;color:#fff;border:2px solid #173e59;border-radius:6px;font-weight:600;cursor:pointer}
.phec-programme-form h2{margin:24px 0 18px}

/* Related account fields share rows; mobile keeps the same reading order. */
.phec-programme-form .phec-profile-fields > .fieldset-wrapper,
.phec-programme-form .webform-type-address > .fieldset-wrapper,
.phec-programme-form .form-item-credentials {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 20px 24px;
}
.phec-programme-form .phec-profile-fields > .fieldset-wrapper > *,
.phec-programme-form .webform-type-address > .fieldset-wrapper > *,
.phec-programme-form .form-item-credentials > * {
  min-width: 0;
  margin-top: 0;
  margin-bottom: 0;
}
.phec-programme-form input:is([type="text"], [type="email"], [type="tel"], [type="password"]),
.phec-programme-form select {
  width: 100%;
  box-sizing: border-box;
}
.phec-programme-form .webform-type-address .form-item {
  margin: 0;
}
.phec-programme-form .webform-type-address .address-container-inline:empty {
  display: none;
}
.phec-programme-form .webform-type-checkboxes .form-checkboxes {
  display: flex;
  gap: 12px 24px;
}
.phec-programme-form .webform-type-checkboxes .form-checkboxes > .form-item {
  margin: 0;
}

.phec-programme-form select {
  height: 46px !important;
  margin-top: 0.25rem !important;
}

.description {
    padding: 10px 30px;
}
.form-item-which-grade-ranges-do-you-teach .description {
    padding: 10px 0px;
}

#edit-how-many-children-will-be-reached-each-year-through-your-impleme td {
  display: flex;
  gap: 30px;
}

#edit-which-grade-ranges-do-you-teach .js-webform-type-checkbox {
    width: 69px;
}

#edit-which-grade-ranges-do-you-teach .form-item-which-grade-ranges-do-you-teach-my-use-of-this-program-falls-outside-of-a-kindergarten-to-grade-9-school-setting {
    width: 420px;
}

input#edit-which-grade-ranges-do-you-teach-my-use-of-this-program-falls-outside-of-a-kindergarten-to-grade-9-school-setting {
    margin-bottom: 50px;
}

.webform-multiple-table .form-item + .form-item {
    margin-top: 0em;
}

.form-item-which-grade-ranges-do-you-teach {
    margin-top: 0 !important;
}


form > fieldset {
  margin-bottom: 40px !important;
}

.card-body {
    padding: 1.85rem !important;
}

#edit-programme .card-body {
    padding: 1rem 1.85rem !important;
}

#edit-credentials .card-body, #edit-combined-communications .card-body {
    padding: 0rem 1.85rem 0.8rem !important;
}

#edit-credentials {
    margin-bottom: 30px;
}


label {
    display: inline-block;
    margin-bottom: 0.7rem;
}


input[type="checkbox"] {
    width: 18px;
    height: 18px;
    margin: 4px 11px 0 0;
}

@media (min-width: 768px) {
  .phec-programme-form .phec-profile-fields > .fieldset-wrapper,
  .phec-programme-form .form-item-credentials {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .phec-programme-form .phec-profile-fields > .fieldset-wrapper > *,
  .phec-programme-form .form-item-credentials > * {
    grid-column: 1 / -1;
  }
  .phec-programme-form .phec-profile-fields > .fieldset-wrapper > :is(
    .form-item-field-member-first-name,
    .form-item-field-member-last-name,
    .form-item-mail,
    .form-item-field-member-telephone-number,
    .form-item-field-phemember-occupation,
    .form-item-field-member-organization
  ),
  .phec-programme-form .form-item-credentials > :is(.form-item-credentials-pass1, .form-item-credentials-pass2) {
    grid-column: auto;
  }
  .phec-programme-form .webform-type-address > .fieldset-wrapper {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .phec-programme-form .webform-type-address > .fieldset-wrapper > * {
    grid-column: 1 / -1;
  }
  .phec-programme-form .webform-type-address > .fieldset-wrapper > :is(
    .form-item-field-member-address-address-line2,
    .form-item-field-member-address-address-line3
  ) {
    grid-column: span 3;
  }
  .phec-programme-form .webform-type-address > .fieldset-wrapper > :is(
    .form-item-field-member-address-locality,
    .form-item-field-member-address-administrative-area,
    .form-item-field-member-address-postal-code
  ) {
    grid-column: span 2;
  }
  .phec-programme-form .webform-type-checkboxes .form-checkboxes {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 428px) {

  .phec-programme-form {
    margin-top: 50px !important;
  }
    #edit-how-many-children-will-be-reached-each-year-through-your-impleme td {
      display: block;
      gap: 30px;
    }

    .phec-programme-form .webform-type-checkboxes .form-checkboxes {
        display: flex;
        gap: 12px 24px;
        flex-direction: column;
    }

    #edit-which-grade-ranges-do-you-teach--wrapper .description {
        padding: 0px !important;
        margin-top: 60px !important;
    }

    #edit-which-grade-ranges-do-you-teach .js-webform-type-checkbox {
        width: 100%;
        display: block;
        height: 35px;
    }

    #edit-which-grade-ranges-do-you-teach .form-item-which-grade-ranges-do-you-teach-my-use-of-this-program-falls-outside-of-a-kindergarten-to-grade-9-school-setting {
        width: 100%;
    }
 }