
.enrollment-form fieldset{border:0;padding:0;margin:0;min-width:0;display:flex;gap:12px;flex-wrap:wrap;grid-column:1/-1}
.enrollment-form fieldset legend{font-weight:600;margin-bottom:8px}
.enrollment-form fieldset label{display:inline-flex;align-items:center;gap:8px;font-weight:400}
.enrollment-form .billing-fields{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.enrollment-form .billing-fields[hidden],#cancellation-form [hidden]{display:none!important}
.enrollment-form .form-legal-copy,.enrollment-form .privacy-consent,.enrollment-form .button,.enrollment-form #enrollment-status{grid-column:1/-1}
.enrollment-form .button{width:100%}
#cancellation-form{max-width:620px;display:grid;gap:20px;margin-top:30px}
#cancellation-form label{display:grid;gap:6px}
#cancellation-form input:not([type=hidden]){min-width:0;max-width:100%;padding:14px;border:1px solid #89909b;border-radius:4px;font:inherit}
#cancellation-form [data-cancellation-inputs],#cancellation-form [data-cancellation-confirm]{display:grid;gap:16px}
#cancellation-form [data-cancellation-confirm] dl{display:grid;grid-template-columns:max-content 1fr;gap:8px 16px;overflow-wrap:anywhere}
@media(max-width:680px){.enrollment-form .billing-fields{grid-template-columns:1fr}}

.finance-hero-cohort{display:grid;gap:4px;width:fit-content;margin:24px 0 0;padding:10px 14px;border-left:3px solid var(--amber);background:#fff8;font-size:clamp(14px,1.2vw,17px);line-height:1.5}
.finance-hero-cohort p{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 12px;margin:0}
.finance-hero-cohort strong{font-weight:700}
.finance-hero .hero-hook{margin-block:clamp(18px,2.25vw,32px) 18px}
.finance-hero-cohort+.actions{margin-top:20px}
.finance-lecturers{margin-top:clamp(40px,5.5vw,76px);scroll-margin-block-start:24px}
.finance-program{background:var(--white);padding-block-start:clamp(52px,6vw,88px)}
.finance-program .section-heading{margin-bottom:clamp(24px,3.4vw,44px)}
.finance-program .section-heading h2{margin-bottom:0}
.finance-program .module-list article:first-child{padding-block-start:clamp(28px,4vw,48px)}
@media(min-width:1041px) and (max-width:1199px){
  .programme-header.finance-header .header-grid{column-gap:14px}
  .programme-header.finance-header .programme-header-site{gap:12px}
  .programme-header.finance-header nav.programme-page-links{gap:10px}
}
@media(max-width:767px){
  .finance-hero{padding-top:38px}
  .finance-hero .hero-hook{margin:18px 0 12px}
  .finance-hero .hero-copy>.lead{margin:0}
  .finance-hero-cohort{margin-top:16px}
  .finance-hero-cohort+.actions{margin-top:16px}
}
