.blog-content div[class*=bg-gradient-to-br]{margin:3rem 0;padding:0;border-radius:1rem;overflow:hidden;box-shadow:0 10px 40px rgba(0,0,0,.1);border:1px solid rgba(0,0,0,.05)}.blog-content div[class*=bg-gradient-to-br]>div{background:white;border-radius:.75rem;padding:1.5rem;margin:1rem}.blog-content div[class*=from-blue]{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-left:4px solid #3b82f6}.blog-content div[class*=from-purple]{background:linear-gradient(135deg,#faf5ff,#f3e8ff);border-left:4px solid #a855f7}.blog-content div[class*=from-green]{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-left:4px solid #22c55e}.blog-content div[class*=from-orange]{background:linear-gradient(135deg,#fff7ed,#ffedd5);border-left:4px solid #f97316}.blog-content div[class*=from-cyan]{background:linear-gradient(135deg,#ecfeff,#cffafe);border-left:4px solid #06b6d4}.blog-content div[class*=from-pink]{background:linear-gradient(135deg,#fdf2f8,#fce7f3);border-left:4px solid #ec4899}.blog-content div[class*=bg-gradient-to-br] h4{color:#1f2937;font-size:1.25rem;font-weight:700;margin-top:1.5rem;margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.blog-content div[class*=bg-gradient-to-br] h4:first-child{margin-top:0}.blog-content div[class*=bg-gradient-to-br] ul{list-style:none;padding-left:0;margin:.75rem 0}.blog-content div[class*=bg-gradient-to-br] li{padding-left:1.75rem;position:relative;margin-bottom:.75rem;line-height:1.6;color:#374151}.blog-content div[class*=bg-gradient-to-br] li:before{content:"✓";position:absolute;left:0;color:#10b981;font-weight:700;font-size:1.1rem}.blog-content div[class*=bg-gradient-to-br] li strong{color:#111827;font-weight:600}.blog-content p strong:first-child{color:#f59e0b}.blog-content table{margin:2rem 0;font-size:.95rem}.blog-content table tr:nth-child(2n) td{background-color:#f9fafb}.blog-content>p>strong:only-child{display:inline-block;background:linear-gradient(135deg,#dbeafe,#bfdbfe);padding:.25rem .75rem;border-radius:.375rem;color:#1e40af;font-size:.95rem}.blog-content>h2+p{margin-top:1.5rem;font-size:1.125rem;color:#4b5563}.blog-content img+em{display:block;text-align:center;font-size:.875rem;color:#6b7280;margin-top:-1rem;margin-bottom:2rem}@media (max-width:768px){.blog-content div[class*=bg-gradient-to-br]{margin:2rem -1rem;border-radius:0}.blog-content div[class*=bg-gradient-to-br]>div{margin:.75rem}}