.course-detail-page .container{max-width:1280px}.course-overview-layout,.course-detail-layout{display:grid;grid-template-columns:1fr 320px;gap:2.5rem;align-items:flex-start;margin-top:2rem;position:relative;isolation:isolate}.lesson-content-area{min-width:0;overflow:visible}.course-hero{position:relative;padding:4rem 3rem;border-radius:16px;overflow:hidden;color:#fff;background-color:#1a202c;margin:2rem 0}.course-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#1a202cf2,#1a202cb3,#1a202c4d);z-index:1}.course-hero-bg-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.2}.course-hero-content{position:relative;z-index:2;max-width:75%}.course-hero-meta{display:flex;gap:1rem;margin-bottom:1rem;align-items:center}.hero-tag,.hero-category{padding:.25rem .8rem;border-radius:9999px;font-size:.8rem;font-weight:600}.hero-tag{background-color:#667eea}.hero-category{background-color:#4a5568}.course-hero-title{font-size:2.8rem;font-weight:800;line-height:1.2;margin:0 0 1rem}.course-hero-subtitle{font-size:1.1rem;opacity:.9;max-width:60ch;margin:0 0 2rem}.btn-start-learning{background-color:#f093fb;color:#1a202c;padding:1rem 2rem;border-radius:8px;font-weight:700;font-size:1.1rem;display:inline-flex;align-items:center;gap:.5rem;transition:transform .2s ease,box-shadow .2s ease}.btn-start-learning:hover{transform:translateY(-3px);box-shadow:0 10px 20px #f093fb33}.course-main-content,.lesson-content-area{background-color:#fff;border-radius:12px;padding:2.5rem 3rem;border:1px solid #e2e8f0;position:relative;z-index:2;box-sizing:border-box;max-width:100%}.curriculum-sidebar{position:sticky;top:100px;background-color:#fff;border-radius:12px;padding:1.5rem;border:1px solid #e2e8f0;max-height:calc(100vh - 120px);overflow-y:auto;display:flex;flex-direction:column;z-index:5}.curriculum-sidebar h3{margin-top:0;margin-bottom:1rem;border-bottom:2px solid #e2e8f0;padding-bottom:.75rem;font-size:1.2rem}.curriculum-section-title{font-weight:600;margin-top:1.5rem;margin-bottom:.5rem;color:#4a5568}.curriculum-lessons-list{list-style:none;padding:0;margin:0 0 1rem}.curriculum-lessons-list li a{display:block;padding:.6rem 1rem;border-radius:6px;border-left:3px solid transparent}.curriculum-lessons-list li a:hover{background-color:#f1f5f9}.lesson-link.active{background-color:#eef2ff;color:#4338ca;font-weight:600;border-left-color:#667eea}.course-breadcrumb{font-size:.9rem;color:#64748b;margin-top:1rem;margin-bottom:1.5rem;position:relative;z-index:20;background-color:#fff;padding:.5rem 0;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;overflow:visible;width:auto;max-width:calc(100% - 20px);box-sizing:border-box}.course-breadcrumb a{color:#667eea;text-decoration:none;transition:color .2s ease}.course-breadcrumb a:hover{color:#4338ca;text-decoration:underline}.course-breadcrumb span{color:#1a365d;font-weight:500}.lesson-main-title{margin-top:0;margin-bottom:2rem;font-size:2.2rem;line-height:1.3;color:#1a365d;border-bottom:1px solid #e2e8f0;padding-bottom:1.5rem;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;overflow:visible;max-width:calc(100% - 20px);box-sizing:border-box}.content-body{line-height:1.8;font-size:1.1rem;max-width:75ch}.content-body>*:not(:last-child){margin-bottom:1.25em}.content-body h2,.content-body h3{color:#1a365d;font-weight:600;line-height:1.4;margin-top:2.5em;border-bottom:1px solid #e9ecef;padding-bottom:.5rem}.content-body h2{font-size:1.8em}.content-body h3{font-size:1.5em}.content-body ul,.content-body ol{padding-left:1.5em}.content-body li{margin-bottom:.5em}.content-body img{max-width:100%;height:auto;border-radius:8px;margin:1.5rem 0}.content-body pre{background-color:#1e293b;color:#e2e8f0;padding:1rem;border-radius:8px;overflow-x:auto;font-size:.9rem}.curriculum-header{position:relative}.curriculum-header h3{display:flex;justify-content:space-between;align-items:center;margin:0 0 1rem;padding-bottom:.75rem;border-bottom:2px solid #e2e8f0}.curriculum-header h3 a{color:inherit;text-decoration:none}.curriculum-header h3 a:hover{color:#667eea}.sidebar-toggle{background:none;border:none;padding:.25rem;border-radius:4px;cursor:pointer;transition:background-color .2s ease;color:#64748b}.sidebar-toggle:hover{background-color:#f1f5f9;color:#334155}.sidebar-toggle i{transition:transform .2s ease}.curriculum-section-title{display:flex;justify-content:space-between;align-items:center;font-weight:600;margin-top:1.5rem;margin-bottom:.5rem;color:#4a5568;cursor:pointer}.curriculum-section:first-child .curriculum-section-title{margin-top:0}.section-title-text{flex:1}.section-toggle{background:none;border:none;padding:.25rem;border-radius:4px;cursor:pointer;transition:background-color .2s ease;color:#64748b;margin-left:.5rem}.section-toggle:hover{background-color:#f1f5f9;color:#334155}.section-toggle i{transition:transform .2s ease}.curriculum-content.collapsed,.curriculum-lessons-list.collapsed{display:none}.lesson-toc-sidebar{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e2e8f0;flex-shrink:0}.curriculum-content{flex:1;overflow-y:auto}.toc-header{margin-bottom:1rem}.toc-header h4{display:flex;justify-content:space-between;align-items:center;margin:0;font-size:1rem;font-weight:600;color:#4a5568}.toc-content{transition:all .2s ease}.toc-content.collapsed{display:none}.toc-toggle{background:none;border:none;padding:.25rem;border-radius:4px;cursor:pointer;transition:background-color .2s ease;color:#64748b}.toc-toggle:hover{background-color:#e2e8f0;color:#334155}.toc-toggle i{transition:transform .2s ease}.toc-list{list-style:none;padding:0;margin:0}.toc-list.collapsed{display:none}.toc-item{margin-bottom:.5rem}.toc-item a{display:block;padding:.5rem .75rem;border-radius:6px;color:#4a5568;text-decoration:none;transition:all .2s ease;border-left:3px solid transparent;font-size:.95rem}.toc-item a:hover{background-color:#e2e8f0;color:#1a365d;border-left-color:#667eea}.toc-level-2 a{padding-left:.75rem}.toc-level-3 a{padding-left:1.5rem;font-size:.9rem}.toc-level-4 a{padding-left:2.25rem;font-size:.85rem}.toc-level-5 a,.toc-level-6 a{padding-left:3rem;font-size:.8rem}.toc-item a.active{background-color:#eef2ff;color:#4338ca;font-weight:600;border-left-color:#667eea}@media (max-width: 992px){.course-overview-layout,.course-detail-layout{grid-template-columns:1fr}.curriculum-sidebar{position:static;max-height:none;order:2}.course-main-content,.lesson-content-area{order:1}.course-hero-content{max-width:100%;text-align:center}.course-hero-meta{justify-content:center}.course-breadcrumb{margin-right:0;white-space:normal;font-size:.85rem}}