.blog-content{font-size:1.125rem;line-height:1.75;color:#374151}.blog-content h1{font-size:2.25em;font-weight:800;line-height:1.2}.blog-content h1,.blog-content h2{margin-top:1.5em;margin-bottom:.75em;color:#111827}.blog-content h2{font-size:1.875em;font-weight:700;line-height:1.3;border-bottom:2px solid #e5e7eb;padding-bottom:.5em}.blog-content h3{font-size:1.5em;margin-top:1.25em;color:#111827}.blog-content h3,.blog-content h4{font-weight:600;margin-bottom:.5em}.blog-content h4{font-size:1.25em;margin-top:1em;color:#374151}.blog-content p{margin-bottom:1.5em;line-height:1.75}.blog-content ol,.blog-content ul{margin:1.5em 0;padding-left:1.75em}.blog-content li{margin-bottom:.75em;line-height:1.75}.blog-content ul li{list-style-type:disc}.blog-content ol li{list-style-type:decimal}.blog-content li>ol,.blog-content li>ul{margin-top:.75em;margin-bottom:.75em}.blog-content blockquote{border-left:4px solid var(--color-primary,#3b82f6);margin:2em 0;font-style:italic;color:#4b5563;background:#f9fafb;padding:1em 1.5em;border-radius:0 8px 8px 0}.blog-content blockquote p{margin:0}.blog-content a{color:var(--color-primary,#3b82f6);text-decoration:none;font-weight:500;transition:all .2s}.blog-content a:hover{text-decoration:underline;filter:brightness(1.2)}.blog-content b,.blog-content strong{font-weight:700;color:#111827}.blog-content em,.blog-content i{font-style:italic}.blog-content code{background:#f3f4f6;padding:.2em .4em;border-radius:4px;font-size:.9em;font-family:Courier New,Courier,monospace;color:#dc2626;font-weight:500}.blog-content pre{background:#1f2937;color:#f9fafb;padding:1.5em;border-radius:8px;overflow-x:auto;margin:2em 0;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.blog-content pre code{background:transparent;padding:0;color:inherit;font-size:.875em;font-weight:400}.blog-content img{max-width:100%;height:auto;border-radius:12px;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);margin:2em auto;display:block}.blog-content hr{border:none;border-top:2px solid #e5e7eb;margin:3em 0}.blog-content table{width:100%;border-collapse:collapse;margin:2em 0;box-shadow:0 1px 3px rgba(0,0,0,.1)}.blog-content table th{background:var(--color-primary,#3b82f6);color:white;padding:1em;text-align:left;font-weight:600}.blog-content table td{padding:1em;border-bottom:1px solid #e5e7eb}.blog-content table tr:last-child td{border-bottom:none}.blog-content table tr:nth-child(2n){background:#f9fafb}.blog-content h1 code,.blog-content h2 code,.blog-content h3 code,.blog-content h4 code{font-size:.875em}