.course-player-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;color:#555b70}.course-player-top a{color:#22243b;font-weight:700;text-decoration:none}.course-player{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px}.video-placeholder{height:370px;border-radius:12px;background:linear-gradient(135deg,#202338,#46506a);color:#fff;display:grid;place-content:center;text-align:center}.video-placeholder span{font-size:44px}.course-player-sidebar{background:#fff;border:1px solid #e6e8ed;border-radius:12px;padding:18px;height:max-content}.course-player-sidebar h2{font-size:17px;margin:0}.course-player-sidebar button{width:100%;padding:13px 4px;border:0;border-bottom:1px solid #eceef3;text-align:left;background:#fff;color:#33374d}.course-player-sidebar button.active{color:#5d7900;font-weight:700}.course-player-sidebar span{display:block;color:#9397a8;font-size:12px;margin-top:4px}.course-tabs{display:flex;gap:20px;border-bottom:1px solid #e4e6ec;margin:28px 0}.course-tabs button{border:0;background:none;padding:10px 0;color:#73788b}.course-tabs button.active{color:#22243b;border-bottom:2px solid #b7de00;font-weight:700}.course-info{margin-top:22px}.course-info h1{font-size:22px;color:#202338}.course-info>div{display:flex;gap:24px;align-items:end;color:#697084;font-size:13px}.course-info strong{font-size:17px;color:#202338;display:block}.course-info small{display:block}.course-player-sidebar>header{display:flex;justify-content:space-between;align-items:center}.course-player-sidebar>header span{color:#529600;font-weight:700;margin:0}.course-progress{height:7px;background:#edf0f2;border-radius:99px;margin:12px 0 16px;overflow:hidden}.course-progress i{display:block;width:15%;height:100%;background:#64ad09}.course-module-toggle{font-weight:700;padding-left:0!important}.course-module-toggle>span{float:right;font-weight:400}.course-module-lessons{padding-left:12px}.course-lesson{display:flex;align-items:center;gap:7px;font-size:13px}.course-lesson span{margin-left:auto}.course-outline h2{font-size:18px;color:#202338}.course-outline li{margin:8px 0;color:#555b70}.course-file{display:flex;gap:12px;align-items:center;padding:13px;border:1px solid #e5e7eb;border-radius:8px}.course-file span{color:#7b8090;font-size:13px}.course-file button{margin-left:auto}.course-comment{padding:14px 0;border-bottom:1px solid #eceef3}.course-comment small{color:#858a99}.course-comment p{color:#555b70}.course-comment.reply{margin-left:34px}.course-comment em{background:#4c8e00;color:#fff;font-size:10px;font-style:normal;padding:2px 5px}.course-reply-form{display:flex;gap:8px;margin-top:12px}.course-reply-form input{flex:1;border:1px solid #dfe1e8;border-radius:6px;padding:9px}@media(max-width:850px){.course-player{grid-template-columns:1fr}.video-placeholder{height:240px}.course-info>div{flex-wrap:wrap}.course-tabs{gap:12px;overflow:auto;white-space:nowrap}}