.commentBox{border-top:1px solid #e8eef3;margin-top:40px;padding-top:32px}.commentBox h4{color:#1a1a1a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:20px;font-weight:600;letter-spacing:-.02em;margin:0 0 24px}.commentForm{background:#f8f9fa;border-radius:12px;margin-bottom:32px;padding:20px}.commentForm .prompt{color:#5a6570;font-size:14px;font-weight:500;margin-bottom:12px}.commentForm .authorName{background:#fff;border:1px solid #e0e4e8;border-radius:8px;box-sizing:border-box;font-size:15px;margin-bottom:12px;padding:12px 16px;transition:border-color .2s,box-shadow .2s;width:100%}.commentForm .authorName:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.commentForm .textareaWrap{background:#fff;border:1px solid #e0e4e8;border-radius:8px;overflow:hidden;transition:border-color .2s,box-shadow .2s}.commentForm .textareaWrap:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.commentForm .editor-wrap{background:#fff;position:relative}.commentForm .placeholder{color:#6b7280;font-size:15px;left:16px;pointer-events:none;position:absolute;top:14px}.commentForm .editor{color:#1a1a1a;font-size:15px;line-height:1.6;min-height:40px;outline:none;padding:12px 16px}.commentForm .postActions{align-items:center;background:#f8f9fa;display:flex;gap:12px;justify-content:flex-end;padding:12px 16px}.commentForm .btn-wrap{position:relative}.commentForm .post{background:#1d4ed8;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px;transition:background .2s,transform .1s}.commentForm .post:hover{background:#1e40af}.commentForm .post:active{transform:scale(.98)}.commentForm .wysiwyg{align-items:center;display:flex;gap:4px}.commentForm .wysiwyg .imageUpload{display:inline-block}.commentForm .wysiwyg .imageUpload input{display:none}.commentForm .wysiwyg i{border-radius:6px;cursor:pointer;font-size:18px;opacity:.5;padding:8px;transition:opacity .2s,background .2s}.commentForm .wysiwyg i:hover{background:#0000000d;opacity:1}.commentForm .media-preview{background:#f8f9fa;border-top:1px solid #e0e4e8;padding:12px}.commentForm .media-preview div{display:inline-block;margin:4px;max-width:100px;position:relative}.commentForm .media-preview div i{align-items:center;background:#0009;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;height:24px;justify-content:center;position:absolute;right:4px;top:4px;visibility:hidden;width:24px}.commentForm .media-preview div i:hover{background:#ef4444}.commentForm .media-preview div img{border-radius:8px;max-width:100px}.commentForm .media-preview div:hover i{visibility:visible}.commentForm .error{border-color:#ef4444!important}.commentList{display:flex;flex-direction:column;gap:16px}.commentList .comment{margin-top:0;transition:padding-left .2s}.commentList .view{background:#f8fafc;background-image:linear-gradient(180deg,#fff,#f6f8fb);border:1px solid #e3e9f0;border-radius:12px;color:#374151;font-size:15px;line-height:1.7;padding:16px 20px;position:relative}.commentList .view:hover{border-color:#d1d9e0}.commentList .view ins,.commentList .view ins:after,.commentList .view ins:before{display:none}.commentList .view img{border-radius:8px;display:block;margin:16px 0;max-height:500px;max-width:100%}.commentList .meta{align-items:center;color:#6b7280;display:flex;flex-wrap:wrap;font-size:13px;gap:8px;padding:12px 0 0}.commentList .meta img{border-radius:50%;height:36px;margin-right:4px;-o-object-fit:cover;object-fit:cover;transition:transform .2s;width:36px}.commentList .meta img:hover{box-shadow:0 2px 8px #00000026;transform:scale(1.1)}.commentList .author{color:#1a1a1a;font-weight:600}.commentList .author a{color:#3b82f6;text-decoration:none}.commentList .author a:hover{text-decoration:underline}.commentList .author span{color:#6b7280;font-weight:400}.commentList .deli{color:#d1d5db;padding:0 2px}.commentList .reply{color:#6b7280;font-weight:500;text-decoration:none;transition:color .2s}.commentList .reply:hover{color:#3b82f6}.commentList .date{color:#9ca3af}.commentList .admin-controls{align-items:center;display:inline-flex;gap:4px}.commentList .admin-approve{color:#10b981;font-weight:500;text-decoration:none}.commentList .admin-approve:hover{text-decoration:underline}.commentList .admin-delete{color:#ef4444;font-weight:500;text-decoration:none}.commentList .admin-delete:hover{text-decoration:underline}.commentList .comment[style*=padding-left] .view{border-left:3px solid #e5e7eb}.commentList .comment[style*="padding-left: 30px"] .view{border-left-color:#ddd6fe}.commentList .comment[style*="padding-left: 60px"] .view{border-left-color:#bfdbfe}.commentList .comment[style*="padding-left: 90px"] .view{border-left-color:#a7f3d0}@media(max-width:767.98px){.commentBox{margin-top:24px;padding-top:24px}.commentBox h4{font-size:18px;margin:0 16px 20px}.commentForm{margin:0 16px 24px;padding:16px}.commentList{gap:12px;margin:0 16px}.commentList .view{padding:14px 16px}.commentList .meta{font-size:12px}.commentList .meta img{height:32px;width:32px}.commentList .comment[style*=padding-left]{padding-left:16px!important}}.related-lazy{padding-top:20px}.related-lazy h4{color:#223b4ab3}.clickable{cursor:pointer}.clickable .meta span:hover{text-decoration:underline}