/* Detail pages share one editorial system; the course catalog is unchanged. */
.course-detail-body{background:#fff}
html:has(.course-detail-page){scroll-padding-top:76px}
.course-detail-page{color:#183448;padding-bottom:72px}
.course-detail-page [id]{scroll-margin-top:20px}
.course-detail-page h2{font-family:Jakarta,system-ui,sans-serif;font-weight:700;font-size:29px;line-height:1.35;letter-spacing:-1px}
.course-detail-page h3{font-family:Jakarta,system-ui,sans-serif;font-weight:600;letter-spacing:-.3px}
.course-detail-page p,.course-detail-page li{line-height:1.85}
.course-detail-page :focus-visible{outline:3px solid #2685bf;outline-offset:4px}
.course-detail-page .learn-outline-link{display:inline-flex;align-items:center;gap:8px;margin-left:18px;font-size:12px}
.course-detail-page .learn-outline-link svg{width:16px;height:16px}

.course-section-nav{position:sticky;top:0;z-index:15;display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:72px;background:#fff;border-top:1px solid #e0e8ef;border-bottom:1px solid #e0e8ef;margin:30px 0 0}
.course-section-nav>div{display:flex;gap:28px;align-items:stretch;min-width:0;overflow-x:auto;scrollbar-width:thin;align-self:stretch}
.course-section-nav>div>a{display:flex;align-items:center;flex:none;white-space:nowrap;border-bottom:2px solid transparent;font-size:12px;font-weight:500;color:#516a7e;padding:19px 0 17px}
.course-section-nav>div>a[aria-current]{color:#c9492b;border-bottom-color:#e65d3d}
.course-section-nav>div>a:hover{color:#c9492b}
.course-section-action{flex:none;display:inline-flex;align-items:center;gap:11px;background:#e65d3d;color:#fff!important;padding:10px 16px;border-radius:6px;font-size:11px;font-weight:600;white-space:nowrap}
.course-section-action:hover{background:#ce4b30}
.course-section-action svg{width:15px;height:15px}

.course-description{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.8fr);gap:50px;padding:43px 0;border-bottom:1px solid #e0e8ef}
.course-description h2{margin:0;max-width:250px}
.course-description p{font-size:14px;color:#5e7487;margin:0}
.course-description p+p{margin-top:17px}

.course-detail-page .course-outcomes{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.8fr);gap:50px;background:none;border:0;border-bottom:1px solid #e0e8ef;border-radius:0;margin:0;padding:56px 0 52px}
.course-outcomes>div h2{margin:0 0 17px}
.course-outcomes>div>p{font-size:13px;color:#617688;max-width:300px;margin:0 0 12px}
.course-detail-page .course-outcome-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 28px;padding:0;margin:0;list-style:none;counter-reset:none;align-content:start}
.course-detail-page .course-outcome-list li{display:flex;align-items:flex-start;gap:14px;padding:0 0 23px;margin:0;border-bottom:1px solid #e0e8ef;font-size:12px;min-width:0}
.course-detail-page .course-outcome-list li::before{content:none}
.course-outcome-list li>span{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:50%;background:#f0f5f8;font-size:12px;font-weight:600;color:#294b66}
.course-outcome-list h3{font-size:13px;line-height:1.6;margin:0 0 6px}
.course-outcome-list p{font-size:12px;color:#5e7487;margin:0}

.course-detail-page .course-content-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:50px;margin:46px 0 0;align-items:start}
.course-content-layout>section,.course-content-layout>div{min-width:0}
.course-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:27px}
.course-section-heading h2{margin:0 0 8px}
.course-section-heading p{font-size:12px;color:#6a8091;margin:0}
.course-outline-toggle{display:inline-flex;align-items:center;gap:8px;flex:none;border:0;background:none;padding:11px 0;font-size:11px;font-weight:600;color:#34546d;white-space:nowrap}
.course-outline-toggle svg{width:16px;height:16px;transition:transform .2s}
.course-outline-toggle.is-expanded svg{transform:rotate(180deg)}
.course-outline-toggle:hover{color:#c9492b}
.course-detail-page .learn-syllabus-phase{border:1px solid #dde7ef;border-radius:7px;overflow:hidden;margin:0 0 26px}
.course-detail-page .learn-syllabus-phase>header{padding:20px 22px;border:0;border-bottom:1px solid #dde7ef;background:#f4f8fb;gap:18px;align-items:center}
.course-detail-page .learn-syllabus-phase>header>span{font-size:23px;color:#7f9fb6}
.course-detail-page .learn-syllabus-phase>header h3{font-size:15px;line-height:1.6}
.course-detail-page .learn-syllabus-phase>header p{font-size:10px;color:#5f788d;margin-top:4px}
.course-detail-page .learn-syllabus{padding:0;margin:0;list-style:none}
.course-detail-page .learn-syllabus>li{border:0;border-bottom:1px solid #e2eaf0;margin:0;padding:0;border-radius:0;background:white}
.course-detail-page .learn-syllabus>li:last-child{border-bottom:0}
.course-detail-page .learn-syllabus>li.lab{background:#edf6fc}
.course-detail-page .learn-syllabus>li.exam{background:#fff7ec}
.course-detail-page .learn-syllabus summary{display:flex;align-items:center;gap:17px;padding:19px 22px;list-style:none;cursor:pointer}
.course-detail-page .learn-syllabus summary:hover,.course-detail-page .detail-outline summary:hover{background:#244f6805}
.course-detail-page .learn-syllabus .learn-syllabus-label{min-width:61px;font-size:10px;align-self:flex-start;padding-top:2px;color:#5e7b91}
.course-unit-copy{min-width:0;flex:1}
.course-detail-page .course-unit-copy h3,.course-detail-page .course-unit-copy h4{font-size:13px;font-weight:600;line-height:1.6;letter-spacing:-.15px;margin:0;color:#1d405a}
.course-unit-copy small{display:block;font-size:10px;color:#71889a;font-weight:400;line-height:1.7;margin-top:3px}
.course-detail-page .learn-syllabus details>div{padding:0 22px 24px 100px}
.course-detail-page .learn-syllabus details>div>p,.course-detail-page .detail-module-content p{font-size:12px;line-height:1.85;color:#62798b;margin:0}
.course-detail-page .course-formulation-topics{margin:14px 0 0!important;font-size:11px!important}
.course-formulation-topics strong{display:block;font-weight:600;color:#3a5a72;margin-bottom:4px}
.course-unit-links{display:flex;flex-wrap:wrap;gap:7px 22px;margin-top:16px}
.course-detail-page .course-unit-links a{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:600;color:#c64e32;margin:0;line-height:1.8}
.course-unit-links a:hover{text-decoration:underline!important;text-underline-offset:4px}
.course-unit-links svg{width:14px;height:14px}
.course-detail-page .learn-expand-icon,.course-detail-page .detail-expand{width:17px;height:17px;color:#4e6c81!important}
.course-detail-page .detail-outline ol{border-radius:7px}
.course-detail-page .detail-outline summary{padding:20px 22px;align-items:center;gap:17px}
.course-detail-page .detail-outline summary>span:first-child{font-size:11px;color:#7190a7;min-width:30px;align-self:flex-start;padding-top:2px}
.course-detail-page .detail-module-content{padding:0 22px 24px 69px;font-size:12px}
.course-detail-page .detail-module-content p+p{margin-top:16px}
.course-detail-page .detail-module-content strong{color:#365e7a}

.course-detail-page .course-info-panel{display:block;align-self:start;border:1px solid #dfe8ef;background:white;border-radius:7px;padding:24px;margin:0}
.course-detail-page .course-info-panel>section{padding:0 0 24px;margin:0 0 24px;border:0;border-bottom:1px solid #e0e8ef;border-radius:0;background:none}
.course-detail-page .course-info-panel>section:last-child{border:0;padding:0;margin:0}
.course-detail-page .course-info-panel h2{font-size:19px;letter-spacing:-.5px;margin:0 0 13px;line-height:1.5}
.course-detail-page .course-info-panel p{font-size:12px;line-height:1.85;color:#637c8f;margin:0 0 14px}
.course-detail-page .course-info-panel a{display:inline-flex;align-items:center;gap:9px;font-size:11px;line-height:1.8;font-weight:600;color:#c64e32;margin-top:4px}
.course-info-panel a svg{width:14px;height:14px;flex:none}
.course-info-panel a:hover{text-decoration:underline!important;text-underline-offset:4px}
.course-detail-page .course-preparation-list{list-style:none;padding:0;margin:18px 0;display:grid;gap:15px}
.course-preparation-list strong,.course-learning-steps strong{display:block;font-size:12px;color:#294a63;font-weight:600}
.course-preparation-list span,.course-learning-steps span{display:block;font-size:11px;color:#6a8092;line-height:1.8;margin-top:3px}
.course-detail-page .course-learning-steps{list-style:none;padding:0;margin:0;display:grid;gap:18px;counter-reset:course-step}
.course-learning-steps li{position:relative;padding-left:43px;counter-increment:course-step}
.course-learning-steps li:before{content:counter(course-step);position:absolute;left:0;top:0;background:#edf5fa;border-radius:50%;width:29px;height:29px;display:grid;place-items:center;font-size:11px;font-weight:600;color:#527994}
.course-detail-page .course-info-panel .detail-availability{background:#f1f7fb;padding:18px;margin-inline:-10px;border-radius:6px}
.course-detail-page .course-info-panel ul:not(.course-preparation-list){font-size:12px;color:#637c8f;line-height:1.85}

.course-detail-page .course-faq{margin:54px 0 0;padding-top:38px;border-top:1px solid #dfe8ef}
.course-faq>h2{margin:0 0 10px}
.course-faq>p{font-size:13px;color:#6a8092;margin:0 0 26px}
.course-faq details{border-bottom:1px solid #dfe8ef}
.course-faq details:first-child{border-top:1px solid #dfe8ef}
.course-faq summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:19px 0;cursor:pointer;font-size:13px;font-weight:500;line-height:1.7}
.course-faq summary::-webkit-details-marker{display:none}
.course-faq summary svg{width:17px;height:17px;flex:none;color:#55758d;transition:transform .2s}
.course-faq details[open] summary svg{transform:rotate(180deg)}
.course-faq details>div{max-width:800px;padding:0 24px 23px 0}
.course-faq details p{font-size:13px;color:#637b8e;margin:0}
.course-faq details a{display:inline-block;font-size:12px;color:#c64e32;margin-top:13px}
.course-detail-page .detail-project{border:0;border-top:1px solid #dfe8ef;border-radius:0;padding:30px 0 0;margin-top:35px}
.course-detail-page .detail-project h3{font-size:15px}
.course-detail-page .detail-project p,.course-detail-page .detail-project li{font-size:13px;color:#637b8e}
.course-preview-facts{display:grid;grid-template-columns:repeat(3,1fr) 1.2fr;gap:24px;align-items:center;border:1px solid #e1ebf2;background:#f7fafc;border-radius:8px;margin:35px 0 0;padding:23px 27px}
.course-preview-facts>div{display:flex;flex-direction:column;gap:5px}
.course-preview-facts strong{font-size:22px;font-weight:600}
.course-preview-facts span,.course-preview-facts p{font-size:11px;color:#6c8293}
.course-preview-facts>p{border-left:1px solid #dee8ee;padding-left:24px}
@media(min-width:1051px) and (min-height:1150px){.course-info-panel{position:sticky;top:96px}}
@media(max-width:1050px){
 .course-description{gap:30px;grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr)}
 .course-detail-page .course-content-layout{grid-template-columns:minmax(0,1fr) 285px;gap:30px}
 .course-detail-page .course-outcomes{gap:30px;grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr)}
 .course-section-nav>div{gap:20px}.course-section-action{font-size:10px;padding:9px 12px}
 .course-detail-page .course-info-panel{padding:20px}
 .course-section-heading h2{font-size:25px}
 .course-section-heading{gap:12px}
 .course-outline-toggle{font-size:10px}
 .course-detail-page .learn-syllabus details>div{padding-left:22px}
}
@media(max-width:800px){
 .course-description{grid-template-columns:1fr;gap:20px;padding:32px 0}
 .course-description h2{max-width:none}
 .course-description p{font-size:13px}
 .course-detail-page .course-outcomes{grid-template-columns:1fr;gap:27px;padding:35px 0}
 .course-outcomes>div>p{max-width:620px}
 .course-outcomes>div h2 br{display:none}
 .course-detail-page .course-content-layout{grid-template-columns:1fr;gap:30px;margin-top:32px}
 .course-detail-page .course-info-panel{position:static;padding:24px}
 .course-section-nav{gap:14px;min-height:61px;margin-top:22px}
 .course-section-nav>div{gap:21px;min-height:61px}
 .course-section-nav>div>a{font-size:11px}
 .course-section-nav .course-section-action{display:none}
 .course-detail-page .course-faq{margin-top:38px;padding-top:30px}
 .course-detail-page .detail-art{max-height:none;max-width:400px;justify-self:center}
 .course-preview-facts{grid-template-columns:repeat(2,1fr);gap:18px;padding:22px}
 .course-preview-facts>p{border:0;padding:0}
}
@media(max-width:500px){
 .course-detail-page h2{font-size:25px;letter-spacing:-.7px}
 .course-detail-page .course-outcome-list{grid-template-columns:1fr;gap:18px}
 .course-detail-page .course-outcome-list li{padding-bottom:18px}
 .course-outcome-list h3{font-size:13px}.course-outcome-list p{font-size:12px}
 .course-section-heading{align-items:center;gap:12px}
 .course-section-heading h2{font-size:22px;letter-spacing:-.6px}
 .course-section-heading p{font-size:10px;line-height:1.8}
 .course-outline-toggle{font-size:10px;gap:5px;padding:12px 0}
 .course-detail-page .learn-syllabus-phase>header{padding:17px 16px;gap:13px}
 .course-detail-page .learn-syllabus-phase>header h3{font-size:13px}
 .course-detail-page .learn-syllabus summary{padding:17px 15px;gap:11px}
 .course-detail-page .learn-syllabus .learn-syllabus-label{min-width:48px;font-size:9px}
 .course-detail-page .course-unit-copy h4,.course-detail-page .course-unit-copy h3{font-size:12px}
 .course-unit-copy small{font-size:9px;line-height:1.9}
 .course-detail-page .learn-syllabus details>div,.course-detail-page .detail-module-content{padding:0 16px 21px}
 .course-unit-links{gap:9px 18px}
 .course-detail-page .course-info-panel{padding:21px}
 .course-detail-page .learn-outline-link{margin-left:14px;font-size:11px}
 .course-faq summary{font-size:12px;padding:17px 0}
 .course-faq details>div{padding-right:0}
 .course-faq details p{font-size:12px}
}
@media(prefers-reduced-motion:reduce){.course-outline-toggle svg,.course-faq summary svg{transition:none}}