.md-callout{display:flex;align-items:flex-start;gap:14px;margin:var(--space-8) 0;padding:18px 22px;border-radius:var(--radius-xl);border:1px solid var(--sg-border-hairline);box-shadow:var(--sg-shadow-tile)}.md-callout__icon{flex-shrink:0;margin-top:2px;line-height:0}.md-callout__content{flex:1;min-width:0;font-size:var(--text-md);line-height:1.65;color:var(--blog-text)}.md-callout__content p{margin:0}.md-callout__content p+p{margin-top:10px}.md-callout__content strong{color:var(--blog-heading);font-weight:var(--font-semibold)}.md-callout--tip{border-color:rgba(var(--brand-green-rgb,80,245,151),.22);border-left:3px solid var(--brand-green);background:radial-gradient(circle at 0 100%,rgba(var(--brand-green-rgb,80,245,151),.1),transparent 58%),radial-gradient(circle at 100% 0,rgba(var(--brand-green-rgb,80,245,151),.05),transparent 58%),var(--sg-white-03)}.md-callout--tip .md-callout__icon{color:var(--brand-green)}.md-callout--info{border-color:rgba(var(--brand-cyan-rgb,26,207,255),.22);border-left:3px solid var(--brand-cyan);background:radial-gradient(circle at 0 100%,rgba(var(--brand-cyan-rgb,26,207,255),.1),transparent 58%),radial-gradient(circle at 100% 0,rgba(var(--brand-cyan-rgb,26,207,255),.05),transparent 58%),var(--sg-white-03)}.md-callout--info .md-callout__icon{color:var(--brand-cyan)}.md-callout--warning{border-color:rgba(var(--sg-warning-rgb,255,178,80),.28);border-left:3px solid var(--sg-warning);background:radial-gradient(circle at 0 100%,rgba(var(--sg-warning-rgb,255,178,80),.1),transparent 58%),radial-gradient(circle at 100% 0,rgba(var(--sg-warning-rgb,255,178,80),.05),transparent 58%),var(--sg-white-03)}.md-callout--warning .md-callout__icon{color:var(--sg-warning)}