.course-panel-shell { max-width:1400px; margin:auto; padding:0 24px; }
.course-panel-hero { background:linear-gradient(155deg,#42596f,#35414c); color:#fff; }
.course-panel-heading { width:64%; min-height:420px; padding:100px 0 70px; }
.course-panel-eyebrow { font-size:16px; margin:0 0 16px; }
.course-panel-heading h1 { color:#fff; font-size:48px; line-height:1.35; margin:0 0 24px; }
.course-panel-content-link { color:#fff; font-weight:600; }
.course-panel-content-link span { margin-left:20px; }
.course-panel-author { display:flex; align-items:center; gap:18px; margin:42px 0 0; font-size:14px; color:#dce0e5; }
.course-author-avatar { position:relative; display:inline-block; flex:0 0 44px; height:44px; border-radius:50%; background:#c9cccf; }
.course-author-avatar::before { content:''; position:absolute; width:14px; height:14px; top:8px; left:15px; border-radius:50%; background:#fff; }
.course-author-avatar::after { content:''; position:absolute; width:24px; height:16px; bottom:4px; left:10px; border-radius:50% 50% 40% 40%; background:#fff; }
.course-panel-layout { display:grid; grid-template-columns:minmax(0,1fr) 380px; gap:80px; align-items:start; }
.course-panel-content { grid-column:1; grid-row:1; min-width:0; padding:40px 0 80px; scroll-margin-top:120px; }
.course-panel-card { grid-column:2; grid-row:1; position:relative; margin-top:-320px; background:#fff; border-radius:12px; overflow:hidden; box-shadow:0 24px 40px #0002; }
.course-panel-cover img { display:block; width:100%; aspect-ratio:1.78; height:auto; object-fit:cover; border:0; }
.course-panel-card-body { padding:28px 32px 38px; }
.course-panel-participants { display:flex; justify-content:center; align-items:center; gap:12px; color:#6a7885; font-size:14px; margin:0 0 30px; }
.course-participant-icons { display:flex; padding-right:7px; }
.course-participant-icons span { position:relative; width:28px; height:28px; border-radius:50%; background:#c6c6c6; margin-right:-7px; border:1px solid #fff; }
.course-participant-icons span::before { content:''; position:absolute; top:5px; left:9px; width:8px; height:8px; border-radius:50%; background:#fff; }
.course-participant-icons span::after { content:''; position:absolute; bottom:1px; left:5px; width:16px; height:11px; border-radius:50%; background:#fff; }
.course-panel-start { display:block; text-align:center; padding:13px 18px; background:#000; border-radius:28px; color:#fff; text-decoration:none; }
.course-panel-start:hover { background:#333; color:#fff; text-decoration:none; }
.course-panel-card h2 { font-size:20px; font-weight:600; margin:36px 0 20px; }
.course-panel-count { color:#6a7885; font-size:16px; margin:0; }
.course-panel-count span { margin-right:12px; }
.course-panel-content .learndash-wrapper .ld-course-status-enrolled { background:#f2f4f7; border-radius:6px; padding:20px; margin:0 0 45px; }
.course-panel-content .learndash-wrapper .ld-progress { display:grid!important; grid-template-columns:1fr 1fr; gap:24px; width:100%; align-items:center; }
.course-panel-content .learndash-wrapper .ld-progress-heading { order:0!important; width:auto!important; }
.course-panel-content .learndash-wrapper .ld-progress-stats { display:flex!important; align-items:flex-start; flex-direction:column; gap:8px; }
.course-panel-content .learndash-wrapper .ld-progress-bar { order:1!important; width:100%!important; margin:0!important; }
.course-panel-content .learndash-wrapper .ld-progress-percentage { color:#008b79; font-size:14px; text-transform:none; }
.course-panel-content .learndash-wrapper .ld-progress-steps { color:#9ba2ab; font-size:12px; }
.course-panel-content .learndash-wrapper .ld-course-status-enrolled .ld-status { display:none; }
.course-panel-content .learndash-wrapper .ld-tabs-navigation { display:none; }
.course-panel-content h2 { font-size:30px; color:#122b46; }
.course-panel-content p { line-height:1.9; }
@media(max-width:1100px) { .course-panel-layout { grid-template-columns:minmax(0,1fr) 320px; gap:40px; } .course-panel-heading { width:62%; } .course-panel-heading h1 { font-size:40px; } .course-panel-card-body { padding:24px; } }
@media(max-width:800px) { .course-panel-shell { padding:0 20px; } .course-panel-heading { width:100%; min-height:330px; padding:60px 0 80px; } .course-panel-heading h1 { font-size:34px; } .course-panel-author { margin-top:28px; } .course-panel-layout { display:flex; flex-direction:column; gap:0; } .course-panel-card { width:100%; max-width:460px; margin:-40px auto 0; } .course-panel-content { width:100%; padding-top:40px; } }