.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.line-clamp-4{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}.bg-gradient-blog{background:linear-gradient(135deg,#667eea,#764ba2)}.bg-gradient-hero{background:linear-gradient(135deg,#3b82f6,#8b5cf6)}.shadow-blog{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.shadow-blog-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.text-blog-primary{color:#3b82f6}.text-blog-secondary{color:#6b7280}.border-blog{border-color:#e5e7eb}.space-blog>*+*{margin-top:1rem}.blog-content img{max-width:100%;height:auto;border-radius:.5rem;box-shadow:0 1px 3px #0000001a}.blog-content h1,.blog-content h2,.blog-content h3,.blog-content h4,.blog-content h5,.blog-content h6{font-weight:700;color:#111827;margin-bottom:1rem;margin-top:1.5rem}.blog-content h1{font-size:1.875rem}.blog-content h2{font-size:1.5rem}.blog-content h3{font-size:1.25rem}.blog-content h4{font-size:1.125rem}.blog-content p{margin-bottom:1rem;color:#374151;line-height:1.625}.blog-content ul,.blog-content ol{margin-bottom:1rem;padding-left:1.5rem}.blog-content li{margin-bottom:.5rem;color:#374151}.blog-content ul li{list-style-type:disc}.blog-content ol li{list-style-type:decimal}.blog-content blockquote{border-left:4px solid #3B82F6;padding-left:1rem;font-style:italic;color:#6b7280;margin:1rem 0}.blog-content a{color:#2563eb;text-decoration:underline}.blog-content a:hover{color:#1d4ed8}.blog-content code{background-color:#f3f4f6;padding:.25rem .5rem;border-radius:.25rem;font-size:.875rem;font-family:ui-monospace,SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace}.blog-content pre{background-color:#f3f4f6;padding:1rem;border-radius:.5rem;overflow-x:auto;margin-bottom:1rem}.blog-content table{width:100%;border-collapse:collapse;border:1px solid #D1D5DB;margin-bottom:1rem}.blog-content th,.blog-content td{border:1px solid #D1D5DB;padding:.75rem 1rem}.blog-content th{background-color:#f3f4f6;font-weight:600}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.prose{color:#374151;line-height:1.75}.prose p{margin-bottom:1.25rem}.prose h1,.prose h2,.prose h3,.prose h4,.prose h5,.prose h6{color:#111827;font-weight:700;margin-top:2rem;margin-bottom:1rem}.prose h1{font-size:2.25rem}.prose h2{font-size:1.875rem}.prose h3{font-size:1.5rem}.prose h4{font-size:1.25rem}.prose ul,.prose ol{margin-bottom:1.25rem;padding-left:1.5rem}.prose li{margin-bottom:.5rem}.prose blockquote{border-left:4px solid #3B82F6;padding-left:1rem;font-style:italic;color:#6b7280;margin:1.5rem 0}.prose img{border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a;margin:1.5rem 0}.prose a{color:#3b82f6;text-decoration:underline}.prose a:hover{color:#1d4ed8}mark{background-color:#fef08a;padding:0 2px;border-radius:2px}.blog-search-input{background-color:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff}.blog-search-input::-moz-placeholder{color:#c7d2fecc}.blog-search-input::placeholder{color:#c7d2fecc}.blog-search-input:focus{outline:none;ring:2px;ring-color:white;border-color:#fff;background-color:#ffffff4d}.blog-hero-search{color:#374151}.blog-hero-search::-moz-placeholder{color:#9ca3af}.blog-hero-search::placeholder{color:#9ca3af}.mobile-menu-enter-active{opacity:1;transform:translateY(0);transition:opacity .2s ease,transform .2s ease}.mobile-menu-exit{opacity:1;transform:translateY(0)}.mobile-menu-exit-active{opacity:0;transform:translateY(-10px);transition:opacity .2s ease,transform .2s ease}.blog-card{transition:all .3s ease}.blog-card:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.category-card{transition:all .3s ease}.category-card:hover{transform:translateY(-2px)}.tag-item{transition:all .2s ease}.tag-item:hover{transform:scale(1.05)}.blog-gradient-primary{background:linear-gradient(135deg,#667eea,#764ba2)}.blog-gradient-secondary{background:linear-gradient(135deg,#f093fb,#f5576c)}.blog-gradient-success{background:linear-gradient(135deg,#4facfe,#00f2fe)}.blog-loading{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.mobile-menu-enter{opacity:0;transform:translateY(-10px)}.mobile-menu-enter-active{opacity:1;transform:translateY(0);transition:opacity .2s ease-out,transform .2s ease-out}.mobile-menu-exit-active{opacity:0;transform:translateY(-10px);transition:opacity .2s ease-in,transform .2s ease-in}.blog-loading{opacity:.5;filter:blur(2px);transition:opacity .3s ease,filter .3s ease}.reading-progress{height:3px;background:linear-gradient(90deg,#3b82f6,#8b5cf6);transition:width .15s ease}.blog-card{transition:transform .2s ease,box-shadow .2s ease}.blog-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px -3px #0000001a,0 4px 6px -2px #0000000d}.blog-button{transition:all .2s ease}.blog-button:hover{transform:translateY(-1px)}.blog-search-input:focus{box-shadow:0 0 0 3px #3b82f61a}.blog-hero-search:focus{box-shadow:0 0 0 4px #3b82f64d}@media (max-width: 768px){.blog-content h1{font-size:1.5rem}.blog-content h2{font-size:1.25rem}.blog-content h3{font-size:1.125rem}.prose h1{font-size:1.875rem}.prose h2{font-size:1.5rem}.prose h3{font-size:1.25rem}.blog-card:hover{transform:none}}@media print{.blog-header,.blog-footer,.blog-sidebar{display:none!important}.blog-content{max-width:none!important;margin:0!important;padding:0!important}}