/* Render a checkbox field's help text below the box instead of between the
   label and the input (Wagtail's default order inside .w-field). Purely
   visual: the DOM order stays label → help → input, so the screen-reader
   association via aria-describedby is unaffected. Applies to every
   single-checkbox field in the admin, e.g. the article "Visibility" row. */
.w-field--checkbox_input {
    display: flex;
    flex-direction: column;
}

.w-field--checkbox_input .w-field__errors {
    order: 1;
}

.w-field--checkbox_input .w-field__input {
    order: 2;
}

.w-field--checkbox_input .w-field__help {
    order: 3;
    margin-top: 0.375rem;
}