.blog-callout{margin:1.75rem 0;padding:1.25rem 1.5rem;border-radius:.75rem;border-width:1px;border-style:solid;position:relative}.blog-callout-tip{background-color:hsl(var(--primary) / .05);border-color:hsl(var(--primary) / .25);padding-left:3.25rem}.blog-callout-tip:before{content:"";position:absolute;top:1.1rem;left:1.1rem;width:1.2rem;height:1.2rem;background-color:hsl(var(--primary));-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5'/><path d='M9 18h6'/><path d='M10 22h4'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5'/><path d='M9 18h6'/><path d='M10 22h4'/></svg>");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center}.blog-callout-tip>*{margin-top:0;margin-bottom:.5rem}.blog-callout-tip>:last-child{margin-bottom:0}.blog-callout-stat{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.35rem;background:linear-gradient(135deg,hsl(var(--primary) / .08),hsl(var(--accent) / .08));border-color:hsl(var(--primary) / .2);padding:1.75rem 1.5rem}.blog-callout-stat-value{font-size:clamp(2.25rem,5vw,3.5rem);font-weight:800;line-height:1;color:hsl(var(--primary));letter-spacing:-.02em}.blog-callout-stat-label{font-size:.95rem;color:hsl(var(--muted-foreground));max-width:32rem}.blog-callout-cta{background:linear-gradient(135deg,hsl(var(--primary) / .1),hsl(var(--accent) / .1));border-color:hsl(var(--primary) / .25);padding:1.5rem 1.75rem;display:flex;flex-direction:column;align-items:flex-start;gap:.6rem}.blog-callout-cta-headline{font-size:1.25rem;font-weight:700;line-height:1.3;margin:0;color:hsl(var(--foreground))}.blog-callout-cta-description{margin:0;color:hsl(var(--muted-foreground));font-size:.975rem}.blog-callout-cta-button{display:inline-flex;align-items:center;gap:.4rem;margin-top:.35rem;padding:.55rem 1.15rem;border-radius:.5rem;background-color:hsl(var(--primary));color:hsl(var(--primary-foreground));font-weight:600;font-size:.95rem;text-decoration:none;transition:background-color .12s ease,transform .12s ease}.blog-callout-cta-button:hover{background-color:hsl(var(--primary) / .9);transform:translate(2px)}.blog-callout-cta-button:after{content:"→";font-weight:700}.ProseMirror .blog-callout.ProseMirror-selectednode{outline:2px solid hsl(var(--primary));outline-offset:2px}
