:root{--primary:#7c3aed;--primary-dark:#5b21b6;--text:#1f2937;--muted:#6b7280;--border:#e5e7eb;--bg:#f9fafb}.blog-content,.ck-content{color:var(--text);font-family:system-ui,-apple-system,sans-serif;font-size:1.1rem;line-height:1.8}.blog-content h1,.ck-content h1{margin:2rem 0 1rem;font-size:2.5rem;font-weight:800;line-height:1.2}.blog-content h2,.ck-content h2{margin:1.75rem 0 .75rem;font-size:2rem;font-weight:700}.blog-content h3,.ck-content h3{margin:1.5rem 0 .5rem;font-size:1.5rem;font-weight:600}.blog-content p,.ck-content p{margin:1rem 0}.blog-content ul,.blog-content ol,.ck-content ul,.ck-content ol{margin:1rem 0;padding-left:1.5rem}.blog-content li,.ck-content li{margin:.5rem 0}.blog-content a,.ck-content a,.prose a{color:var(--primary);font-weight:500;text-decoration:none}.blog-content a:hover,.ck-content a:hover,.prose a:hover{color:var(--primary-dark);text-decoration:underline}.blog-content blockquote,.ck-content blockquote{border-left:4px solid var(--primary);color:var(--muted);margin:1.5rem 0;padding-left:1rem;font-style:italic}.blog-content img,.ck-content img{border-radius:10px;max-width:100%;margin:1.5rem 0}.blog-content code,.ck-content code{background:#f3f4f6;border-radius:6px;padding:.2rem .4rem;font-family:monospace;font-size:.9rem}.blog-content pre,.ck-content pre{color:#f9fafb;background:#111827;border-radius:10px;margin:1.5rem 0;padding:1rem;overflow-x:auto}.blog-content table,.ck-content table{border-collapse:collapse;width:100%;margin:1.5rem 0}.blog-content th,.ck-content th{background:var(--bg);text-align:left;border-bottom:2px solid var(--border);padding:.75rem}.blog-content td,.ck-content td{border-bottom:1px solid var(--border);padding:.75rem}.table-of-contents{background:var(--bg);border-radius:12px;margin:1.5rem 0;padding:1.5rem}.table-of-contents h2{color:var(--primary);margin-bottom:1rem;font-size:1.25rem}.table-of-contents a{color:var(--muted)}.table-of-contents a:hover{color:var(--primary)}.prose{max-width:none}.comment-form{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 10px 25px #0000000d}.comment-form input,.comment-form textarea{border:1px solid var(--border);border-radius:8px;width:100%;padding:.75rem;transition:all .2s}.comment-form input:focus,.comment-form textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #7c3aed26}.comment-form button{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;border-radius:8px;padding:.75rem 1.5rem;font-weight:500;transition:all .2s}.comment-form button:hover{transform:translateY(-2px)}@media (width<=768px){.blog-content h1,.ck-content h1{font-size:2rem}.blog-content h2,.ck-content h2{font-size:1.5rem}.blog-content h3,.ck-content h3{font-size:1.25rem}}