.callout{display:flex;gap:var(--space-2);padding:var(--space-2) var(--space-3);margin:var(--space-element) 0;border-radius:var(--radius-lg);border-left:3px solid}.callout-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--radius-full);font-size:.75rem;font-weight:var(--font-weight-bold);flex-shrink:0;margin-top:2px}.callout-content{flex:1 1;font-size:var(--font-size-body-sm);line-height:var(--line-height-body-sm)}.callout-content p{margin:0}.callout-content p+p{margin-top:var(--space-1)}.callout-info{background:var(--semantic-info-muted);border-left-color:var(--semantic-info);color:var(--semantic-info-text)}.callout-info .callout-icon{background:var(--semantic-info);color:var(--bg-primary)}.callout-warning{background:var(--semantic-warning-muted);border-left-color:var(--semantic-warning);color:var(--semantic-warning-text)}.callout-warning .callout-icon{background:var(--semantic-warning);color:var(--bg-primary)}.callout-tip{background:var(--semantic-success-muted);border-left-color:var(--semantic-success);color:var(--semantic-success-text)}.callout-tip .callout-icon{background:var(--semantic-success);color:var(--bg-primary)}.callout-error{background:var(--semantic-error-muted);border-left-color:var(--semantic-error);color:var(--semantic-error-text)}.callout-error .callout-icon{background:var(--semantic-error);color:var(--bg-primary)}.mdx-figure{margin:var(--space-element) 0}.mdx-figure img{width:100%;height:auto;border-radius:var(--radius-lg);border:1px solid var(--border-muted)}.mdx-figure figcaption{margin-top:var(--space-1);font-size:var(--font-size-small);color:var(--text-muted);text-align:center;font-style:italic}