.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}