.blog-card{border:none;border-radius:24px;box-shadow:0 4px 30px #0000000a;background:#fff}.post-cover{width:100%;object-fit:cover;border-radius:20px}.post-content{line-height:2.2;color:#4b5563;font-size:16px}.post-content *{max-width:100%}.post-content img{border-radius:16px;margin:24px 0}.post-content h1,.post-content h2,.post-content h3,.post-content h4{margin-top:32px;margin-bottom:16px;color:#111827;font-weight:700}.post-content p{margin-bottom:18px}.post-content blockquote{position:relative;margin:32px 0;padding:48px 52px;padding-right:70px;background:linear-gradient(135deg,#f8faff 0%,#eef2ff 100%);border-radius:24px;border:1px solid #e0e7ff;overflow:hidden}.post-content blockquote::before{content:"\201C";position:absolute;right:22px;top:12px;font-size:72px;line-height:1;color:#6366f1;opacity:.18;font-family:Georgia,serif;font-weight:700}.post-content blockquote p{margin-bottom:0;font-size:18px;line-height:2.2;font-weight:500;color:#374151}.post-content blockquote cite{display:block;margin-top:18px;font-size:14px;font-style:normal;color:#6b7280}.post-content blockquote cite::before{content:"— "}.post-content blockquote:hover{transform:translateY(-2px);transition:.25s ease;box-shadow:0 12px 30px #6366f114}.sidebar-card{border:none;border-radius:20px;box-shadow:0 4px 24px #0000000a;background:#fff}.sidebar-title{font-size:15px;font-weight:700;margin-bottom:20px;color:#111827}.sticky-sidebar{position:sticky;top:100px}.category-badge{padding:8px 14px;border-radius:999px;background:#eef2ff;color:#4f46e5;font-size:13px;font-weight:600;text-decoration:none;transition:.2s}.category-badge:hover{background:#4f46e5;color:#fff}.recent-post{display:flex;gap:12px;align-items:center;text-decoration:none;padding:10px;border-radius:12px;transition:.2s}.recent-post:hover{background:#f9fafb}.recent-post img{width:90px;height:65px;object-fit:cover;border-radius:12px;flex-shrink:0}.recent-post-title{font-size:14px;font-weight:600;color:#111827;line-height:1.8}.post-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.meta-badge{background:#f3f4f6;padding:8px 14px;border-radius:999px;font-size:13px;color:#374151}.comment-card{background:#fff;border-radius:20px;padding:24px;box-shadow:0 4px 24px #0000000a}.comment-item{display:flex;gap:4px;padding-bottom:24px;margin-bottom:24px;border-bottom:1px solid #f1f1f4;position:relative}.comment-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.comment-content-container::before{content:"";display:flex;min-width:0;background:#497ad5;margin-inline-end:5px;margin-inline-start:5px;transition:all .3s;opacity:0;border-radius:10px}.comment-content-container.admin::before{background-color:#58d058}.comment-content-container.focused::before{margin-inline-end:10px;margin-inline-start:10px;min-width:6px;opacity:1}.comment-avatar{width:45px;height:45px;border-radius:50%;background:#eef2ff;color:#4f46e5;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;flex-shrink:0}.comment-author{font-weight:700;color:#111827;font-size:15px}.comment-date [dir="ltr"]{font-size:12px;color:#9ca3af}.comment-content{margin-top:10px;line-height:2;color:#4b5563;font-size:14px}.comment-replies{margin-right:40px;margin-top:20px;border-right:2px solid #eef2ff;padding-right:20px}.comment-form textarea{border-radius:16px;border:1px solid #e5e7eb;min-height:140px;resize:none;padding:16px}.comment-form textarea:focus{border-color:#4f46e5;box-shadow:none}.comment-submit-btn{border-radius:12px;padding:12px 24px;font-weight:600}.reply-btn{border:none;background:transparent;color:#4f46e5;font-size:13px;font-weight:600;padding:0}