/* WebinarHub Workflow Contract v1.0 — layout corrections only; original brand retained. */
.webinar-create-page .webinar-steps { grid-template-columns:repeat(3,minmax(0,1fr))!important; }
.webinar-create-page .webinar-wizard-form label.check,
.webinar-create-page .webinar-wizard-form label.wh-aligned-checkbox,
.webinar-create-page .webinar-wizard-form label.wh-cpd-checkbox,
.webinar-create-page .wh-cpd-review-panel label.check {
 display:flex!important; flex-direction:row!important; align-items:flex-start!important;
 justify-content:flex-start!important; gap:10px!important; text-align:left;
 min-width:0; width:100%; cursor:pointer; line-height:1.5;
}
.webinar-create-page .webinar-wizard-form label.check > input[type=checkbox],
.webinar-create-page .webinar-wizard-form label.check > input[type=radio],
.webinar-create-page .wh-cpd-review-panel label.check > input[type=checkbox] {
 appearance:auto; display:block!important; width:18px!important; min-width:18px!important;
 max-width:18px!important; height:18px!important; min-height:18px!important; max-height:18px!important;
 flex:0 0 18px!important; padding:0!important; margin:2px 0 0!important;
 accent-color:#021f2d; box-shadow:none; cursor:pointer;
}
.webinar-create-page .webinar-wizard-form label.check > span {min-width:0;flex:1; overflow-wrap:break-word;}
.webinar-create-page .webinar-wizard-form input[readonly]{background:#f4f7f8!important;color:#526b75;cursor:not-allowed;}
@media(max-width:390px){.webinar-create-page .webinar-step{padding:8px 2px;gap:4px;font-size:.68rem;}
.webinar-create-page .webinar-step span{width:28px;height:28px;}
.webinar-create-page .webinar-wizard-actions{flex-wrap:wrap;justify-content:flex-start;}
.webinar-create-page .webinar-step-counter{width:100%;}}

/* Global form contract: do not let grid field labels stretch tick boxes away from copy.
   More specific component rules (consents and studios) retain their appearance. */
.form label.check:not(.wh-marketing-option),
.hub-form label.check:not(.wh-marketing-option) {
 display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;
 gap:10px;min-width:0;text-align:left;cursor:pointer;line-height:1.5;
}
.form label.check > input[type=checkbox],.form label.check > input[type=radio],
.hub-form label.check > input[type=checkbox],.hub-form label.check > input[type=radio] {
 flex:0 0 18px;width:18px;min-width:18px;max-width:18px;height:18px;min-height:18px;max-height:18px;
 padding:0;margin:2px 0 0;appearance:auto;accent-color:#021f2d;
}
.form label.check > span,.hub-form label.check > span {min-width:0;overflow-wrap:anywhere;}