:is(#academy-course-detail, #academy-chapter-detail) :is(#course-sidebar, #chapter-sidebar) .academy-course-progress{--cp-bg:#1b1032;--cp-text:#faf6ff;--cp-muted:#c6bbd8;--cp-accent:#ffd000;--cp-line:#493b5c;--cp-track:#382a4b;background:var(--cp-bg)!important;color:var(--cp-text);border:1px solid var(--cp-line)!important;border-radius:20px!important;padding:22px!important;margin:20px 0!important}
.academy-course-progress__top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.academy-course-progress__eyebrow{color:var(--cp-muted);font-size:12px;font-weight:600;line-height:1.8}
.academy-course-progress__badge{display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--cp-line);border-radius:9px;color:var(--cp-accent)}
.academy-course-progress__badge svg{width:17px;height:17px}
.academy-course-progress__body{display:flex;align-items:center;gap:18px;padding:22px 0}
.academy-course-progress__ring{position:relative;flex:0 0 96px;width:96px;height:96px}
.academy-course-progress__ring>svg{display:block;width:100%;height:100%;transform:rotate(-90deg)}
.academy-course-progress__ring circle{fill:none;stroke-width:6;stroke-linecap:round}
.academy-course-progress__track{stroke:var(--cp-track)}
.academy-course-progress__value{stroke:var(--cp-accent)}
.academy-course-progress__ring>strong{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:2px;color:var(--cp-accent);font-size:24px;font-weight:900;font-variant-numeric:tabular-nums;direction:ltr}
.academy-course-progress__ring small{font-size:13px}
:is(#academy-course-detail, #academy-chapter-detail) .academy-course-progress__copy h3{font-size:16px;font-weight:800;line-height:1.9;color:var(--cp-text);margin:0 0 4px}
.academy-course-progress__copy p{font-size:12px;line-height:1.9;color:var(--cp-muted);margin:0}
.academy-course-progress__footer{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--cp-line);padding-top:14px;color:var(--cp-muted);font-size:10px;line-height:1.8}
@media(max-width:400px){.academy-course-progress__body{gap:14px}.academy-course-progress__ring{flex-basis:84px;width:84px;height:84px}.academy-course-progress__ring>strong{font-size:22px}}