[hidden]{display:none!important}
.enrollment-main{max-width:1160px;margin:auto;padding:30px 28px 60px}.enrollment-main h1{font-size:32px}.enrollment-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,1fr);gap:24px;align-items:start}.enrollment-main form>.field,.enrollment-main form>.form-grid{margin-bottom:20px}.enrollment-main form>p{font-size:13px}.enrollment-main form{margin-top:20px}.enrollment-main form:first-child{margin-top:0}.role-picker{border:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 24px}.role-picker legend{font-weight:650;font-size:14px;margin-bottom:12px}.role-picker label{display:flex;align-items:flex-start;gap:10px;padding:16px 12px;background:#f9fbff;border:1px solid #cbd8ed;border-radius:12px;cursor:pointer}.role-picker label:has(input:checked){background:#edf3ff;border-color:#245de3;box-shadow:0 0 0 1px #245de3}.role-picker input{accent-color:#245de3;flex-shrink:0;margin-top:2px}.role-picker strong{display:block;font-size:14px}.role-picker small{display:block;font-size:12px;line-height:1.5;margin-top:7px;color:var(--muted)}.school-add{grid-column:1/-1;border:1px solid var(--line);padding:0 14px;border-radius:10px}.school-add .form-grid{padding-bottom:16px}.signup-steps{padding-left:22px;color:var(--muted);font-size:14px;line-height:1.8}.signup-steps li{padding-left:5px;margin:14px 0}.enrollment-grid aside p{font-size:14px;color:var(--muted)}.demo-switch{display:flex;align-items:flex-end;gap:16px;padding:18px 20px;border:1px dashed #a5b8d8;border-radius:12px;background:#f7faff;margin-bottom:24px}.demo-switch .field{flex:1}.enrollment-error:empty{display:none}.enrollment-error{margin-bottom:16px}.enrollment-main .notice{margin-top:20px}.enrollment-main input,.enrollment-main select{min-height:44px}.enrollment-main input[type=radio]{min-height:0;width:18px;height:18px}.enrollment-main .button{min-height:44px}.enrollment-main .panel-body>h2{margin-bottom:12px}
@media(max-width:800px){.enrollment-grid{grid-template-columns:1fr}.learner-header{flex-wrap:wrap}.enrollment-main{padding:24px 18px}.enrollment-main h1{font-size:28px}}
@media(max-width:480px){.role-picker{grid-template-columns:1fr}.demo-switch{align-items:stretch;flex-direction:column}.learner-header .actions{gap:7px}.enrollment-main .form-grid{grid-template-columns:1fr}}