.enrollment-page .page-intro{padding-bottom:36px}
.enrollment-page .page-intro h1{margin-bottom:20px}
.enrollment-page .page-intro .lead{max-width:720px;margin-bottom:0}
.enrollment-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);grid-template-areas:"info payment" "benefits payment";gap:30px 70px;align-items:start}
.enrollment-info{grid-area:info}.enrollment-benefits{grid-area:benefits;min-width:0}.enrollment-grid>.purchase-panel{grid-area:payment}.enrollment-benefits .included-heading{font-size:38px;line-height:1.15;margin-bottom:22px}
.enrollment-info{min-width:0;padding-top:8px}
.enrollment-info .eyebrow{margin-bottom:12px}
.enrollment-info .start-date{font-size:clamp(36px,3.8vw,52px);line-height:1.15;margin-bottom:22px;text-wrap:balance}
.enrollment-info>p{max-width:610px}
.learning-facts{margin:28px 0 34px;border-top:1px solid var(--line)}
.learning-facts>div{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid var(--line)}
.learning-facts dt,.learning-facts dd{font-size:15px;line-height:1.5;margin:0}
.learning-facts dd{font-weight:600;text-align:right}
.enrollment-info .included-heading,.enrollment-options>h2{font-size:38px;line-height:1.15;margin-bottom:22px}
.enrollment-included{padding-left:20px;margin:0 0 24px}
.enrollment-included li{font-size:16px;line-height:1.65;padding-left:4px;margin:0 0 12px}
.enrollment-page .purchase-panel{top:24px;padding:32px}
.enrollment-page .purchase-panel .price{margin:12px 0 24px}
.enrollment-page .payment-choice{margin:20px 0}
.enrollment-page .purchase-panel h3{font-size:31px;text-wrap:balance}
.enrollment-page .purchase-panel .button{padding-inline:18px;white-space:normal;text-align:center}
.enrollment-page .purchase-panel .small{font-size:12px;line-height:1.65}
.enrollment-options{padding-top:60px;padding-bottom:60px}
.enrollment-details{border-top:1px solid var(--line)}
.enrollment-details summary{font-size:16px;line-height:1.5;padding-block:18px;gap:20px}
.enrollment-details details>p{max-width:860px;font-size:15px;line-height:1.7;margin:0 0 18px}
.enrollment-help{margin:28px 0 0;font-size:16px}
@media(max-width:850px){.enrollment-grid{grid-template-columns:1fr;grid-template-areas:"info" "payment" "benefits";gap:32px}.enrollment-page .purchase-panel{position:static;width:100%;max-width:none}.enrollment-page .page-intro{padding-top:48px;padding-bottom:30px}.enrollment-options{padding-top:45px}.enrollment-page .page-intro h1{font-size:52px}.enrollment-info .start-date{font-size:38px}.learning-facts{margin-bottom:0}}
@media(max-width:480px){.enrollment-page .purchase-panel{padding:24px 20px}.enrollment-info .start-date{font-size:35px}.enrollment-info .included-heading,.enrollment-options>h2{font-size:33px}.learning-facts>div{gap:12px}.learning-facts dt,.learning-facts dd{font-size:14px}.enrollment-details summary{font-size:15px}.enrollment-page .purchase-panel .price{font-size:60px}}