.sh-course-main{display:flex;flex-direction:column;min-width:0}
.sh-course-main .nl-course-page{flex:1;min-width:0;border:1px solid var(--sh-border,#e8edf5);border-radius:18px;overflow:clip;padding-bottom:42px;background:var(--sh-surface,#fff)}
.sh-course-main .nl-course-hero{padding-block:25px 35px}
.sh-course-main .nl-course-hero .container,.sh-course-main .nl-course-main .container{width:100%;max-width:1320px;padding-inline:clamp(16px,2.4vw,30px)}
.sh-course-main .nl-course-main{padding-top:26px}
.sh-course-main .nl-course-breadcrumb{margin-bottom:18px}
.sh-course-main .nl-course-layout{gap:22px}
.sh-course-main .nl-course-sidebar{top:18px}
.sh-course-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 4px;color:var(--sh-muted,#64748b);font-size:13px}
.sh-course-footer a{color:var(--sh-accent,#2563eb);text-decoration:none}
.sh-course-footer a:hover{text-decoration:underline}
.sh-course-main .nl-buy-actions .eBtn{display:inline-flex!important;align-items:center;justify-content:center;gap:8px;white-space:nowrap}
.sh-course-main .nl-buy-actions .eBtn i{flex-shrink:0}
.sh-course-main .nl-course-tabs{position:static;box-shadow:none;border:0;border-bottom:1px solid var(--nl-line);border-radius:0;padding:0;background:transparent;backdrop-filter:none}
.sh-course-main .nl-course-tabs .nav{gap:12px}
.sh-course-main .nl-course-tabs .nav-link{border-radius:0!important;padding:10px 8px!important;background:transparent!important;box-shadow:none!important}
.sh-course-main .nl-course-tabs .nav-link.active{color:var(--sh-accent,#2563eb)!important;border-bottom:2px solid currentColor!important}
[data-theme="dark"] .sh-course-main .nl-course-page{background:#101827;border-color:#2b3952}
[data-theme="dark"] .sh-course-main .nl-course-tabs .nav-link.active{color:#83b4ff!important}
[data-theme="dark"] .sh-course-main .nl-course-panel .g-title,
[data-theme="dark"] .sh-course-main .nl-course-panel h2,
[data-theme="dark"] .sh-course-main .nl-course-panel h3,
[data-theme="dark"] .sh-course-main .nl-course-panel h4,
[data-theme="dark"] .sh-course-main .nl-course-panel p,
[data-theme="dark"] .sh-course-main .nl-course-panel li{color:#eaf0f8}
[data-theme="dark"] .sh-course-main .nl-course-panel .accordion-item,
[data-theme="dark"] .sh-course-main .nl-course-panel .accordion-button,
[data-theme="dark"] .sh-course-main .nl-course-panel .accordion-body{background:#172238;color:#eaf0f8;border-color:#2b3952}
[data-theme="dark"] .sh-course-main .nl-course-panel .accordion-button:not(.collapsed){background:#1d2b43}
[data-theme="dark"] .sh-course-main .nl-course-panel .lesson-list a{color:#d4e0f0}
[data-theme="dark"] .sh-course-main .nl-course-panel .lesson-list svg path{fill:#c5d5eb}
@media(max-width:991.98px){
.sh-course-main .nl-course-sidebar{position:static}
.sh-course-main .nl-course-page{border-radius:14px}
.sh-course-main .nl-course-hero{padding-block:20px 25px}
}
@media(max-width:575.98px){
.sh-course-main .nl-course-page{border-radius:12px;padding-bottom:25px}
.sh-course-main .nl-course-hero{padding-block:16px 20px}
.sh-course-main .nl-course-hero .container,.sh-course-main .nl-course-main .container{padding-inline:14px}
.sh-course-main .nl-course-main{padding-top:16px}
.sh-course-main .nl-course-panel{padding:14px}
.sh-course-main .nl-course-tabs .nav{gap:6px}
.sh-course-footer{padding-inline:3px}
}


.sh-course-app .sh-dialog[open]{position:fixed;inset:0;margin:auto;max-width:calc(100vw - 28px)}
.sh-course-main .nl-course-page{overflow:visible}
.sh-course-main .nl-course-hero{border-radius:18px 18px 0 0}
.sh-course-main .nl-course-hero .container{min-width:0}
.sh-course-main .nl-course-title{overflow-wrap:anywhere}
.sh-course-main .nl-course-panel .accordion-button{min-width:0;overflow-wrap:anywhere}
.sh-course-main .nl-course-panel .lesson-list a{min-width:0;gap:10px}
.sh-course-main .nl-course-panel .lesson-list p{min-width:0;overflow-wrap:anywhere}
[data-theme="dark"] .sh-course-main .nl-course-panel .nav-link:not(.active){color:#aab8cb!important}
[data-theme="dark"] .sh-course-main .nl-course-panel .accordion-button::after{filter:invert(1)}
@media(max-width:575.98px){
.sh-course-main .nl-course-hero{border-radius:12px 12px 0 0}
.sh-course-main .nl-course-layout{gap:14px}
.sh-course-main .nl-course-sidebar{margin-bottom:12px}
.sh-course-main .nl-course-tabs{margin-bottom:10px}
.sh-course-main .nl-buy-card{box-shadow:0 10px 30px rgba(12,29,56,.12)}
}