.chapter-groups{padding:22px 18px;background:#f7f7f7;min-height:450px}.chapter-groups>h2{font-size:20px;margin:0 0 20px}.chapter-group{display:flex;gap:17px;background:white;border-radius:14px;padding:22px 18px;margin-bottom:16px}.chapter-number{font-size:30px;color:#e8b6ae;font-weight:700}.chapter-group>div{flex:1}.chapter-group h3{margin:0 0 12px;font-size:20px}.chapter-group p{font-size:14px;color:#999}.system-directory{background:white;padding-bottom:25px;min-height:360px}.directory-tab{font-size:22px;font-weight:700;border-bottom:1px solid #f4f4f4;padding:22px 40px 18px;position:relative}.directory-tab:after{content:'';position:absolute;width:28px;height:4px;background:#ff304b;bottom:0;left:48px;border-radius:5px}.directory-heading{display:flex;align-items:center;justify-content:space-between;padding:20px}.directory-heading h2{font-size:18px;margin:0 0 6px}.directory-heading small{color:#999}.directory-heading button{color:#777}.directory-lesson{display:flex;align-items:center;gap:12px;width:calc(100% - 36px);margin:0 18px;padding:22px 0;text-align:left;border-bottom:1px solid #f2f2f2}.directory-lesson>div{flex:1}.directory-lesson h3{font-size:18px;line-height:1.5;margin:0 0 12px}.directory-lesson p{font-size:14px;color:#aaa;margin:0}.directory-icon{color:#efbba7;font-size:25px;align-self:flex-start}.directory-lesson>span:last-child{font-size:12px;color:#aaa}.directory-lesson.selected h3,.directory-lesson.selected>span{color:#ff304b}.directory-lesson.selected{background:#fffafa}.system-directory .wide{color:#8c7777;font-size:14px}
.chapter-video .player-buttons,.chapter-video #playback-message{display:none!important}
.directory-heading{padding-bottom:10px}.directory-progress{padding:8px 20px 18px;border-bottom:1px solid #f4f4f4}.directory-progress-label{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px;margin-bottom:10px}.directory-progress-label strong{font-weight:500}.directory-progress-label>span{color:#999}.directory-progress-track{height:6px;background:#eee;border-radius:6px;overflow:hidden}.directory-progress-track i{display:block;height:100%;background:linear-gradient(90deg,#ff9b86,#ff526e);border-radius:6px;transition:width .2s}.directory-filters{display:flex;gap:10px;align-items:center;margin-top:12px;flex-wrap:wrap}.directory-filters [data-directory-filter]{border:0;border-radius:22px;background:#f3f3f3;color:#888;padding:8px 13px;min-height:36px;font-size:13px;white-space:nowrap}.directory-filters [data-directory-filter].active{background:#ffedf0;color:#ff304b}.directory-filters #directory-sort{margin-left:auto;color:#888;padding:6px 0;font-size:13px;white-space:nowrap}.directory-empty{text-align:center;color:#999;padding:35px 16px;font-size:14px}@media(max-width:360px){.directory-progress{padding-inline:16px}.directory-filters{gap:6px}.directory-filters [data-directory-filter]{padding:8px 9px;font-size:12px}.directory-filters #directory-sort{font-size:12px}}
.directory-lesson>.lesson-study-action{flex:0 0 98px;display:flex;flex-direction:column;align-items:flex-end;gap:12px;font-size:13px;color:#ff536b}.lesson-study-button{display:flex;align-items:center;justify-content:center;gap:4px;min-height:36px;width:98px;border:1px solid #aaa;border-radius:22px;color:#555;background:white;font-size:14px}.lesson-locked .lesson-study-action{color:#aaa}.lesson-locked .lesson-study-button{color:#aaa;border-color:#ddd}.lesson-study-button .lesson-lock-icon{width:17px;height:17px}.directory-lesson>div:not(.lesson-study-action){min-width:0}.directory-lesson h3{overflow-wrap:anywhere}@media(max-width:360px){.directory-lesson{gap:8px}.directory-lesson>.lesson-study-action{flex-basis:82px}.lesson-study-button{width:82px}.directory-lesson h3{font-size:16px}}