@charset "UTF-8";
.enrollment-hero{padding:42px 0 80px;background:linear-gradient(115deg,#fff 35%,#f0f5ff)}
.enrollment-hero .breadcrumb{margin-bottom:48px;flex-wrap:wrap;font-size:.75rem}
.enrollment-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center}
.enrollment-hero h1{font-size:clamp(2.25rem,3.4vw,3.0625rem);line-height:1.6;letter-spacing:-.035em}
.enrollment-hero .eyebrow{margin-bottom:22px}
.enrollment-course-title{font-size:.9375rem;line-height:1.9;font-weight:650;margin-top:24px;color:#5b3cc0}
.enrollment-purpose{font-size:1.0625rem;line-height:1.9;margin-top:22px;color:#566078}
.enrollment-hero .hero-actions{margin-top:30px}
.enrollment-status{padding:36px;border:1px solid #d8e1f0;border-radius:12px;background:#ffffffef;box-shadow:0 18px 50px #536a9508}
.enrollment-status-label{font-size:.75rem;color:#6140bd;display:flex;align-items:center;gap:9px;margin-bottom:22px}
.enrollment-status-label>span{width:7px;height:7px;border-radius:50%;background:#8a6ae0}
.enrollment-status h2{font-size:1.625rem;line-height:1.7;margin-bottom:20px}
.enrollment-status>p{font-size:.875rem;line-height:2;color:#59647b}
.enrollment-status .enrollment-reception-note{margin-top:24px;padding-top:20px;border-top:1px solid #e1e7f1;font-size:.75rem;color:#737d91}
.enrollment-history{background:#f3f7fd}
.enrollment-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.enrollment-fact{padding:28px;border:1px solid #dce4f1;border-radius:8px;background:#fff}
.enrollment-fact .role-icon{width:44px;height:44px;background:#f4f2ff;margin-bottom:20px}
.enrollment-fact .role-icon svg{width:24px;height:24px}
.enrollment-fact-label{font-size:.75rem;color:#67738a;margin-bottom:8px}
.enrollment-fact h3{font-size:1.1875rem;line-height:1.8;margin-bottom:16px}
.enrollment-fact h3+p{font-size:.875rem;line-height:1.95;color:#5e687e}
.enrollment-history-note{font-size:.75rem;line-height:1.9;color:#6c7890;margin-top:22px}
.enrollment-fit-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:80px}
.enrollment-fit h3{font-size:1.125rem;line-height:1.9;margin-bottom:20px}
.enrollment-fit h3~p{font-size:.9375rem;line-height:2;color:#59647b;margin-bottom:18px}
.enrollment-fit .text-link{margin-top:12px}
@media(max-width:1100px){.enrollment-hero-grid{gap:36px}.enrollment-status{padding:28px}.enrollment-facts{gap:20px}.enrollment-fact{padding:24px}.enrollment-fit-grid{gap:40px}}
@media(max-width:760px){
 .enrollment-hero{padding:26px 0 48px}.enrollment-hero .breadcrumb{margin-bottom:36px;font-size:.6875rem;gap:8px}
 .enrollment-hero-grid{grid-template-columns:1fr;gap:34px}.enrollment-hero h1{font-size:1.875rem;line-height:1.6}
 .enrollment-hero .eyebrow{font-size:.625rem;letter-spacing:.1em;margin-bottom:18px}
 .enrollment-course-title{font-size:.875rem;margin-top:20px}.enrollment-purpose{font-size:.9375rem}
 .enrollment-hero .hero-actions{gap:12px}.enrollment-hero .hero-actions .btn{padding:13px 18px;font-size:.8125rem;min-height:46px}
 .enrollment-status{padding:26px 24px}.enrollment-status h2{font-size:1.375rem;line-height:1.7}
 .enrollment-facts{grid-template-columns:1fr;gap:16px}.enrollment-fact{padding:24px}.enrollment-fact h3{font-size:1.125rem}
 .enrollment-fit-grid{grid-template-columns:1fr;gap:28px}.enrollment-fit h3{font-size:1rem}
 .enrollment-fit .section-title{font-size:1.65rem}
}

.enrollment-hero-grid{grid-template-areas:"heading status" "overview status";row-gap:0;align-items:start}
.enrollment-heading{grid-area:heading}.enrollment-overview{grid-area:overview}.enrollment-status{grid-area:status}
@media(max-width:760px){.enrollment-hero-grid{grid-template-areas:"heading" "status" "overview";row-gap:26px}.enrollment-course-title{margin-top:12px}.enrollment-overview .enrollment-purpose{margin-top:0}}