.blog-db-content .blog-callout{border:1px solid hsl(var(--border));background-color:hsl(var(--muted) / .8);color:hsl(var(--foreground));border-radius:.75rem;margin:2rem 0;padding:1.5rem}.blog-db-content .blog-callout--success{background-color:hsl(var(--success) / .2);border-color:hsl(var(--success) / .3)}.blog-db-content .blog-callout--warning{background-color:hsl(var(--destructive) / .15);border-color:hsl(var(--destructive) / .3)}.blog-db-content .blog-callout--opportunity{background-color:#ecfdf5;border-color:#a7f3d0}.blog-db-content .blog-callout__title{align-items:center;gap:.75rem;margin-bottom:1rem;font-size:1.125rem;font-weight:600;line-height:1.4;display:flex}.blog-db-content .blog-callout__title:before{content:"";background-color:hsl(var(--primary));border-radius:9999px;flex-shrink:0;width:.6rem;height:.6rem}.blog-db-content .blog-callout--opportunity .blog-callout__title:before{background-color:#047857}.blog-db-content .blog-callout--success .blog-callout__title:before{background-color:hsl(var(--success))}.blog-db-content .blog-callout__cta{border-top:1px solid hsl(var(--border) / .5);margin-top:1.5rem;padding-top:1rem}.blog-db-content .blog-button{border-radius:.5rem;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-weight:500;text-decoration:none;transition:opacity .2s;display:inline-flex}.blog-db-content .blog-button:hover{opacity:.9;text-decoration:none}.blog-db-content .blog-button--primary{color:#fff;background-image:linear-gradient(90deg,#367e7f,#a4dddd)}.blog-db-content .blog-highlight{border:1px solid hsl(var(--primary) / .15);background-color:hsl(var(--primary) / .05);border-radius:.75rem;margin:2rem 0;padding:2rem;position:relative;overflow:hidden}.blog-db-content .blog-highlight--accent{border-color:hsl(var(--accent) / .2);background-image:linear-gradient(to right, hsl(var(--accent) / .1), hsl(var(--accent) / .05))}.blog-db-content .blog-highlight--gradient{border-color:hsl(var(--primary) / .2);background-image:linear-gradient(to right, hsl(var(--primary) / .1), hsl(var(--accent) / .05), hsl(var(--primary) / .05))}.blog-db-content .blog-highlight__body{z-index:10;position:relative}.blog-db-content .blog-steps{counter-reset:blog-step;margin:2rem 0}.blog-db-content .blog-steps__heading{color:hsl(var(--primary));margin-bottom:1.5rem;font-size:1.5rem;font-weight:700}.blog-db-content .blog-steps__list{flex-direction:column;gap:1.5rem;margin:0;padding:0;list-style:none;display:flex}.blog-db-content .blog-step{counter-increment:blog-step;border:1px solid hsl(var(--border));background-color:hsl(var(--muted) / .3);border-radius:.75rem;gap:1rem;padding:1.5rem;display:flex}.blog-db-content .blog-step:before{display:none}.blog-db-content .blog-step--highlight{background-color:hsl(var(--primary) / .05);border-color:hsl(var(--primary) / .2);box-shadow:0 1px 2px #0000000d}.blog-db-content .blog-step__number{background-color:hsl(var(--muted));width:2rem;height:2rem;color:hsl(var(--muted-foreground));border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;font-size:.875rem;font-weight:700;display:flex}.blog-db-content .blog-step__number:before{content:counter(blog-step)}.blog-db-content .blog-step--highlight .blog-step__number{background-color:hsl(var(--primary));color:hsl(var(--primary-foreground))}.blog-db-content .blog-step__body{flex:1}.blog-db-content .blog-step__title{color:hsl(var(--foreground));margin-bottom:.5rem;font-size:1.125rem;font-weight:600}.blog-db-content .blog-step__content{color:hsl(var(--muted-foreground))}.blog-db-content .blog-inline-icon{align-items:center;gap:.75rem;display:flex}.blog-db-content .blog-inline-icon svg{color:hsl(var(--primary));flex-shrink:0}.blog-db-content .blog-step-icon-row{align-items:flex-start;gap:.75rem;display:flex}.blog-db-content .blog-case-badge{background-color:hsl(var(--primary) / .1);color:hsl(var(--primary));border-radius:9999px;align-items:center;gap:.5rem;padding:.25rem .75rem;font-size:.875rem;font-weight:500;display:inline-flex}