.comments-section{border-top:1px solid #ffffff1a;margin-top:60px;padding-top:40px}.comments-section h3{margin-bottom:24px;font-size:24px;font-weight:600}.comments-section .comment-form-container{background:#0003;border:1px solid #ffffff0d;border-radius:12px;margin-bottom:40px;padding:24px}.comments-section .comment-form-container .comment-form{flex-direction:column;gap:16px;display:flex}.comments-section .comment-form-container .comment-form textarea{color:#fff;resize:vertical;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;outline:none;width:100%;min-height:100px;padding:16px;font-family:inherit;font-size:15px;transition:border-color .2s,background .2s}.comments-section .comment-form-container .comment-form textarea:focus{background:#ffffff14;border-color:#3b82f6}.comments-section .comment-form-container .comment-form .form-actions{justify-content:flex-end;display:flex}.comments-section .comment-form-container .login-prompt{text-align:center;padding:20px 0}.comments-section .comment-form-container .login-prompt p{color:#9ca3af;margin-bottom:16px}.comments-section .comment-form-container .login-prompt .btn{border-radius:8px;padding:8px 24px;font-weight:500;text-decoration:none;display:inline-flex}.comments-section .comments-list{flex-direction:column;gap:24px;display:flex}.comments-section .comments-list .no-comments{color:#9ca3af;text-align:center;padding:40px 0;font-style:italic}.comments-section .comments-list .comment-thread{flex-direction:column;gap:16px;display:flex}.comments-section .comments-list .comment-thread .comment-replies{border-right:2px solid #ffffff1a;flex-direction:column;gap:16px;margin-right:40px;padding-right:20px;display:flex}:global(.ltr) .comments-section .comments-list .comment-thread .comment-replies{border-left:2px solid #ffffff1a;border-right:none;margin-left:40px;margin-right:0;padding-left:20px;padding-right:0}.comments-section .comments-list .comment{background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;padding:20px}.comments-section .comments-list .comment.reply{background:#3b82f60d;border-color:#3b82f633}.comments-section .comments-list .comment .comment-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.comments-section .comments-list .comment .comment-header .comment-author{align-items:center;gap:12px;display:flex}.comments-section .comments-list .comment .comment-header .comment-author .avatar{object-fit:cover;border-radius:50%;width:36px;height:36px}.comments-section .comments-list .comment .comment-header .comment-author .avatar-placeholder{background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.comments-section .comments-list .comment .comment-header .comment-author .avatar-placeholder span{color:#9ca3af;font-size:20px}.comments-section .comments-list .comment .comment-header .comment-author .admin-avatar{background:#3b82f633;border:2px solid #3b82f6}.comments-section .comments-list .comment .comment-header .comment-author .admin-avatar span{color:#60a5fa}.comments-section .comments-list .comment .comment-header .comment-author strong{font-size:15px;font-weight:500}.comments-section .comments-list .comment .comment-header .comment-author .admin-badge{color:#fff;background:#3b82f6;border-radius:12px;padding:2px 8px;font-size:11px;font-weight:600}.comments-section .comments-list .comment .comment-header small{color:#9ca3af;font-size:13px}.comments-section .comments-list .comment .comment-content{color:#d1d5db;white-space:pre-wrap;font-size:15px;line-height:1.6}
.single-post-page{color:#e5e7eb;background:#0f1115;min-height:100vh;padding:60px 20px}.single-post-page .post-article{background:#1f2937;border:1px solid #ffffff0d;border-radius:16px;max-width:800px;margin:0 auto;overflow:hidden}.single-post-page .post-header{text-align:center;padding:40px 40px 20px}.single-post-page .post-header .post-category{color:#10b981;background:#10b9811a;border-radius:20px;margin-bottom:20px;padding:6px 16px;font-size:14px;font-weight:600;display:inline-block}.single-post-page .post-header .post-title{color:#fff;margin-bottom:25px;font-size:36px;font-weight:800;line-height:1.4}.single-post-page .post-header .post-meta{color:#9ca3af;justify-content:center;gap:20px;font-size:14px;display:flex}.single-post-page .post-header .post-meta span{align-items:center;gap:6px;display:flex}.single-post-page .post-header .post-meta span .material-symbols-outlined{font-size:18px}.single-post-page .post-cover-image{width:100%;max-height:450px;overflow:hidden}.single-post-page .post-cover-image img{object-fit:cover;width:100%;height:100%}.single-post-page .post-content{color:#d1d5db;padding:40px;font-size:17px;line-height:1.8}.single-post-page .post-content h2,.single-post-page .post-content h3,.single-post-page .post-content h4{color:#fff;margin-top:2em;margin-bottom:.8em}.single-post-page .post-content p{margin-bottom:1.5em}.single-post-page .post-content a{color:#3b82f6;text-decoration:underline}.single-post-page .post-content img{border-radius:8px;max-width:100%;margin:20px 0}.single-post-page .post-content ul,.single-post-page .post-content ol{margin-bottom:1.5em;padding-right:20px}.single-post-page .post-content ul li,.single-post-page .post-content ol li{margin-bottom:.5em}.single-post-page .post-tags{flex-wrap:wrap;gap:10px;padding:0 40px 40px;display:flex}.single-post-page .post-tags .tag{color:#e5e7eb;background:#374151;border-radius:6px;padding:6px 12px;font-size:13px}.single-post-page .comments-section{background:#1f2937;border:1px solid #ffffff0d;border-radius:16px;max-width:800px;margin:40px auto 0;padding:40px}.single-post-page .comments-section h3{color:#fff;margin-bottom:20px;font-size:20px}.single-post-page .comments-section .comment{background:#111827;border-radius:8px;margin-bottom:15px;padding:15px}.single-post-page .comments-section .comment .comment-header{justify-content:space-between;margin-bottom:10px;display:flex}.single-post-page .comments-section .comment .comment-header strong{color:#10b981}.single-post-page .comments-section .comment .comment-header small{color:#6b7280}.single-post-page .comments-section .comment p{color:#d1d5db;margin:0;font-size:15px;line-height:1.5}@media (max-width:768px){.single-post-page{padding:30px 10px}.single-post-page .post-header{padding:30px 20px 15px}.single-post-page .post-header .post-title{font-size:26px}.single-post-page .post-content{padding:24px 20px;font-size:16px;line-height:1.7}.single-post-page .post-tags{padding:0 20px 24px}.single-post-page .comments-section{margin-top:30px;padding:24px 20px}}