:is(#academy-course-detail, #comments) .academy-course-comments{--cc-bg:#1b1032;--cc-card:#24163e;--cc-field:#170d2b;--cc-text:#faf6ff;--cc-muted:#c6bbd8;--cc-accent:#ffd000;--cc-ink:#241630;--cc-line:#493b5c;--cc-control:#89769f;background:var(--cc-bg);color:var(--cc-text);border:1px solid var(--cc-line);border-radius:22px;padding:28px;margin-bottom:24px}
:is(#academy-course-detail, #comments) .academy-course-comments>.title{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin:0 0 24px;padding:0 0 18px;border-bottom:1px solid var(--cc-line)}
:is(#academy-course-detail, #comments) .academy-course-comments>.title h3{position:static;border:0;padding:0;margin:0;color:var(--cc-text);font-size:20px;font-weight:800;line-height:1.8}
:is(#academy-course-detail, #comments) .academy-course-comments>.title h3 i{color:var(--cc-accent)}
:is(#academy-course-detail, #comments) .academy-course-comments .show-all{float:none!important;margin:0;padding:8px 12px;border:1px solid var(--cc-line);border-radius:10px;color:var(--cc-accent);font-size:12px;text-decoration:none}
:is(#academy-course-detail, #comments) .academy-course-comments .user-comment{min-width:0;background:var(--cc-card);border:1px solid var(--cc-line);border-radius:16px;padding:20px;gap:14px;color:var(--cc-text)}
:is(#academy-course-detail, #comments) .academy-course-comments .user-comment>div{flex:1;min-width:0}
:is(#academy-course-detail, #comments) .academy-course-comments .avatar{flex:0 0 44px}
:is(#academy-course-detail, #comments) .academy-course-comments .avatar img{width:44px;height:44px;border:1px solid var(--cc-line);border-radius:14px}
:is(#academy-course-detail, #comments) .academy-course-comments .username{color:var(--cc-text);margin:0;font-size:14px;font-weight:700;overflow-wrap:anywhere}
:is(#academy-course-detail, #comments) .academy-course-comments .user-comment p{max-width:none;margin:14px 0;color:var(--cc-muted);font-size:14px;line-height:2.1;text-align:start;overflow-wrap:anywhere;white-space:pre-line}
:is(#academy-course-detail, #comments) .academy-course-comments .datetime{position:static;display:block;color:var(--cc-muted);font-size:11px;margin-top:12px}
:is(#academy-course-detail, #comments) .academy-course-comments .comment-rate{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:8px}
:is(#academy-course-detail, #comments) .academy-course-comments .rate-label{color:var(--cc-muted);margin:0;font-size:11px}
:is(#academy-course-detail, #comments) .academy-course-comments .like-dis-like{position:static;display:flex;gap:8px;border-top:1px solid var(--cc-line);padding-top:12px;font-size:13px}
:is(#academy-course-detail, #comments) .academy-course-comments .like-dis-like a{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:8px 12px;margin:0;border:1px solid var(--cc-line);border-radius:10px;color:var(--cc-muted);text-decoration:none}
:is(#academy-course-detail, #comments) .academy-course-comments .like-dis-like .liked,:is(#academy-course-detail, #comments) .academy-course-comments .like-dis-like .disliked{border-color:var(--cc-accent);color:var(--cc-accent)}
:is(#academy-course-detail, #comments) .academy-course-comments .like-dis-like .liked i,:is(#academy-course-detail, #comments) .academy-course-comments .like-dis-like .disliked i{color:inherit}
:is(#academy-course-detail, #comments) .academy-course-comments #comment-form{background:var(--cc-field);border:1px solid var(--cc-line);border-radius:16px;padding:24px;margin-top:24px}
:is(#academy-course-detail, #comments) .academy-course-comments #comment-form .label-title{color:var(--cc-text);font-size:14px;font-weight:600;margin:10px 0}
:is(#academy-course-detail, #comments) .academy-course-comments #comment-form textarea{display:block;background:var(--cc-card);color:var(--cc-text);border:1px solid var(--cc-control);border-radius:12px;padding:14px 16px;width:100%;max-width:100%;min-height:150px;height:auto;line-height:2;resize:vertical;font:inherit;box-shadow:none}
:is(#academy-course-detail, #comments) .academy-course-comments textarea::placeholder{color:var(--cc-muted);opacity:1}
:is(#academy-course-detail, #comments) .academy-course-comments #comment-form #create-button{background:var(--cc-accent);color:var(--cc-ink);border:0;border-radius:12px;padding:12px 24px;min-height:48px;font-size:14px;font-weight:800;cursor:pointer}
:is(#academy-course-detail, #comments) .academy-course-comments a:focus-visible,:is(#academy-course-detail, #comments) .academy-course-comments #comment-form textarea:focus,:is(#academy-course-detail, #comments) .academy-course-comments #comment-form #create-button:focus-visible{outline:2px solid var(--cc-accent);outline-offset:4px}
:is(#academy-course-detail, #comments) .academy-course-comments__empty{color:var(--cc-muted);padding:22px;border:1px dashed var(--cc-line);border-radius:14px;font-size:14px;line-height:2}
@media(max-width:575px){:is(#academy-course-detail, #comments) .academy-course-comments{padding:18px}:is(#academy-course-detail, #comments) .academy-course-comments .user-comment{padding:14px;gap:10px}:is(#academy-course-detail, #comments) .academy-course-comments #comment-form{padding:16px}:is(#academy-course-detail, #comments) .academy-course-comments #create-button{width:100%}}

/* Override the legacy global form rules, which declare these properties important. */
:is(#academy-course-detail, #comments) .academy-course-comments #comment-form textarea{background-color:var(--cc-card)!important;color:var(--cc-text)!important;border:1px solid var(--cc-control)!important;border-radius:12px!important;box-shadow:none!important}
:is(#academy-course-detail, #comments) .academy-course-comments #comment-form textarea:focus{color:var(--cc-text)!important;border-color:var(--cc-accent)!important;outline:2px solid var(--cc-accent)!important;outline-offset:3px;box-shadow:none!important}
:is(#academy-course-detail, #comments) .academy-course-comments #comment-form textarea::placeholder{color:var(--cc-muted)!important}
#comments{padding:40px 0 16px}
#comments>.container{padding-top:0!important}
#comments .academy-course-comments .comment-card:last-child{margin-bottom:0}
.academy-comments-loader{max-width:640px;margin:0 auto 40px;padding:16px;text-align:center}
.academy-comments-loader a{display:inline-block;padding:12px 20px;border:1px solid #493b5c;border-radius:12px;color:#c6bbd8!important;background:#1b1032;font-size:13px;line-height:1.8}
.academy-comments-loader a:focus-visible{outline:2px solid #ffd000;outline-offset:4px}
@media(max-width:575px){#comments{padding-top:24px}}